*{
	padding: 0;
	margin: 0 auto;
}

body {
	background: #71573c url('/media/pimentelprotest/images/mainbg.gif') repeat top center;
	width: 100%;
	font: 75% "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	font-stretch: normal;
	font-weight: normal;
	line-height: 1.88889em;
	text-align: center;
}

#wrapper {
	background: url('/media/pimentelprotest/images/body.jpg') repeat-y;
	width: 965px;
	_text-align: left;
}


#header { 
	background: url('/media/pimentelprotest/images/header.jpg') no-repeat;
	width: 965px;
	height: 142px;
}

.subheader { 
	background: url('/media/pimentelprotest/images/subheader.jpg') no-repeat;
	width: 965px;
	height: 84px;
}

p {
	padding: 10px;
	color: #292d30;
	
}

a {
	text-decoration: underline;
	color: #2c2b2b;
	padding: 0 0 10px 0;
}
ul {
	list-style-type:none;
	padding-left: 15px;
}

 a:hover {
	text-decoration: none;
	font-weight: strong;
}

ol {
	padding-left:25px;
}

/****************  Boxes    ************/
dl {
	width: 100%;
	margin: 20px 0px 0px 10px;
	padding: 0;
	border: 1px solid #ccc;
	}
	
dl a {
	color: white;
}


dt {
	background: #4f4f4f;
	margin: 0 0 10px 0;
	padding: 10px;
	font-size: 120%;
	color: #fff;
	border-bottom: 1px solid #fff;
	text-indent: 40px;
	}

dd {
	margin: 0 0 0 0px;
	padding: 0 10px 10px 10px;
	color: #14b10;
	font-family: Verdana, sans-serif;
	font-size: 90%;
	}
	
dd a {
	text-decoration: underline;
	color: #0085e1;
}

dd a:hover {
	text-decoration: none;
	color:#292d30;
}

#blue dt {
	background-color: #69c;
	}

#blue {
	background-color: #9cf;
	}

#red dt {
	background-color: #933;
	}

#red {
	background-color: #a7241c;
	}

#green dt {
	background-color: #9c6;
	}

#green {
	background-color: #cf9;
	}
#green dt {
		background-color: #9c6;
		}

#green {
		background-color: #cf9;
		}


/***************        END OF BOXES       *******************/

/**************        TABLE STYLE         ******************/

#on table {
	border-spacing: 0px;
	border-collapse: collapse;
	width: 100%;
	padding: 50px 0 20px 0;
}

#on table th { 
	text-align: center;

	padding: 10px;
	border: 1px solid #a4afb4;
	background: #4f4f4f;
	color: #ffffff;
}

#on table td {
	text-align: center;
	padding: 2px;
	border: 1px solid #a4afb4;
	
}

#on table td.alt {
	background: #c7e8f2;
}
/********************* BOTTOM WITH 3  COLUMS  *****************/
#bottom-column {
	width: 700px;
	background: #f3f9e4;
	margin-top: 20px;
}
#bottom-column h2 {
	padding-left: 20px;
}
#bottom-column ul {
	border-top: 1px solid #262626;
	margin: 0;
}
#bottom-column li {
	border-bottom: 1px solid #999;
	list-style: none;

}
#bottom-column a {
	display: block;
	text-decoration:none;
	line-height: 2em;
	padding-left: 4%;
	width: 96%;
	
}
#bottom-column a {color: #666;}
#bottom-column a:hover {

	background: #c7e8f2;
}
.col3,.col3center {
	float: left;
	width: 31%;
}
.col3center {margin: 0 3%;}


/************************** Top Navigation   ****************/
#topmenu { 
	background: url('/media/pimentelprotest/images/topmenu.jpg') no-repeat;
	width: 965px;
	height: 69px;
	color: white;
}
.topnav {
	float: left;
	overflow: hidden;
	height: 70px;
	padding: 15px 0px 0px 20px;
	text-align: left;
	font: 14px bold "Arial", "Trebuchet MS", Verdana, sans-serif;	
}

.topnav ul{
	list-style:none;
	padding-left: 20px;
	text-align: center;
	margin:0 auto;
}
.topnav li{
	float:left;
	list-style:none;
}
.topnav li a{
	color: #291605;
	display: inline;
	text-decoration: none;
	padding: 10px 30px 0 5px; /*padding inside each tab*/
}

.topnav a:hover {
	text-decoration: underline;
	/*border-bottom: 5px solid #291605;*/
}

/***************** End of top navigation ***********************/
.subcontent {
	width: 100%;
	padding-top: 10px;
}
.subtitle {
	float: left;
	width: 500px;
	padding-left: 230px;
	text-align: left;
}
.subtitle a {
	color: #424242;
	text-decoration: none;
	list-style-type: none;
}
	
.subtitle a:hover {
	color: #171616;
	text-decoration: underline;
}
/*************************   searchbox   ***********************/

.searchform {
	float: right;
	padding-right: 10px;
	

}

#textbox {
	background: white;
	width: 165px;
	height: 13px;
	padding: 5px 5px;
}

/***************** END of  searchbox   ********************/	

/**********************   input boxes    *******************/
.inputbox {
	width: 151px;
	height: 20px;
	font-size: 12px;
	border: 0;
	padding-top: 0px;
	text-indent: 1px;
}

/********************   END of input boxes  *******************/


/************************ left Menu ****************************/

.leftmenu {
	float: left;
	width: 180px;
	text-align: justify;
	padding: 0px 0px 0px 0px;	
}
.leftmenu {
	width: 175px;
} 
.leftmenu  h1 {
	background: url('/media/pimentelprotest/images/leftmenuh1.gif') no-repeat;
	font: 16px bold "Arial", "Tahoma", "Sans-serif";
	color:#653B10;
	margin-bottom: 0; /*bottom spacing between header and rest of content*/
	padding: 0px 0px 10px 30px; /*31px is left indentation of header text*/
}

.leftmenu ul {
	list-style-type: none;
	padding: 0;
	margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

.leftmenu ul li {
	padding-bottom: 1px; /*bottom spacing between menu items*/
	padding-left: 10px;
}

.leftmenu ul li a {
	color: #171616;
	display: block;
	padding: 5px;
	line-height: 17px;
	padding-left: 8px; /*link text is indented 8px*/
	text-decoration: none;
	background: url('/media/pimentelprotest/images/hline.gif') no-repeat bottom;
}

.leftmenu ul li a:visited {
	color: black;
}

.leftmenu ul li a:hover { /*hover state CSS*/
	color: #8A2511;
	
}
/*************************** END of left menu ****************/

/***************************** Login Form ***********************/
#login {
	background: url('/media/pimentelprotest/images/loginbox.gif') no-repeat;
	width: 182px;
	height: 219px;
	padding: 70px 0px 0px 15px;
	color: #1e150f;
}

.submit {
	background: url('/media/pimentelprotest/images/loginbutton.gif') no-repeat;
	width: 96px;
	height: 26px;
	margin-top: 5px;
	border: none;	
}

/*** end of login form ***/

/********************* middle for 3 columns ***********************/
.middle {

	float: left;
	width: 700px;
	text-align: justify;
	color: #292d30;
	padding: 0px 0px 10px 60px;
	_padding: 0px 0px 10px 10px; /* this did the trick. Only IE6 should process this line */
}		


.middle h1 {
	color: #911B4A;
	text-align: left;
	text-transform: uppercase;
	padding: 10px 0px 30px 0px;
}		

.middle a {
	color: #171616;
	font-weight: bold;
	display: inline;
	padding: 5px;
	line-height: 17px;
	padding-left: 5px; /*link text is indented 8px*/
	text-decoration: underline;
}

.middle a:visited {
	color: black;
}

.middle a:hover { /*hover state CSS*/
	text-decoration: none;
}

.left-img { 
    float: left; 
    padding: 4px 10px 0 0; 
}
 

.right-img { 
    float: right; 
    padding: 4px 0 0 10px; 
}



/********************** END of middle for 3 columns ***************/


#clear {
    display: block;
    clear: both;
    width: 100%;
    height:1px;
    overflow: hidden; 
}
 

/***************** Begin of FOOTERmenu ******************/

#footer {
	background: url('/media/pimentelprotest/images/footer.jpg') no-repeat;
	width: 965px;
	height: 141px;
}


.footernav {
	float: left;
	overflow: hidden;
	width: 600px;
	text-align: left;
	padding-top: 82px;
	padding-left: 40px;
	font: 12px bold;
}

.footernav li {
	display: inline;
}

.footernav li a {
	display: inline;
	text-decoration: none;
	padding: 7px 5px; /*padding inside each tab*/
	color: #291605;	
}

.footernav li a:visited{
	color: black;
}

.footernav li a:hover {
	color:#291605;
	text-decoration: underline;
}