/* Sets all elements to zero */

* { margin: 0; 
 	padding: 0; 
 }


body { 
	background: url(../images/bkgrnd.jpg) repeat-x #11192c;
	font-family: Cambria, Verdana, Arial, Helvetica, sans-serif;




}
#wrapper {width: 955px; padding:0; margin:9px auto -12px auto; }

	#container {
	padding: 0 1em 0 5px;
		background-color: #fff;
	
	text-align: left;

	clear:none;
	border-right:1px solid #ccc;
	top: 1px;
	margin-left: 110px;
	top: 5px;
} 

    
#banner {

	color: #fff; 
	font-size: 14pt; 
	height:90px;
	text-align: left; 
	margin: 0 -5px 1.5em -5px; 
    padding: 6px; 	
}
#banner img {float:none;}



#content { /* container for main content only, not masthead */ 
float: none;
	margin: 0 auto 0 auto; 
	text-align:left; 

	min-height: 600px;
width: 800px;
padding: 0 5px 0 5px;
}


#content p, #content * li {
    font-family: Cambria, Verdana, Arial, Helvetica, sans-serif; 
    font-size: 1em; 
    line-height: 1.3; 
    
}

    
#content ul li, #content ol li  { margin: 0 0 8px 10px;} 
}
 

#topnav {
	white-space: nowrap; 
	margin-left: 1em;

	
}


#topnav ul { 
width: 105px;
	color: white;
	padding-top: 2em;
	margin-left: 1px;

float:left;
margin-right: 0;
}
	

#topnav ul li {
	list-style-type: none; 
	padding:2px 0 1em; 
margin-left: -9px;


}


#topnav ul li a { 
	padding: 2px 10px; 
	font-family: Helvetica, Arial, Verdana, sans-serif; 
	font-size: 14pt; 
	font-weight: 600; 
	text-align:left;



}

#topnav a:link, #topnav a:visited {
	color: #fff; 
	text-decoration: none; 
	
}


#topnav a:hover {
	color: #fff; 
	text-decoration: underline; 
}


#topnav a.active {

	color: #fffac9;
}




  
#foot {

	padding: 1.3em 10px 6px 7px; 
	border-top: 1px solid #ccc; 
    background-color: #eee; 
	margin: 1em -17px 1em -5px; 
	clear: both; 
	border-bottom: 0px solid red; 
	line-height: 1.2em; 
	height: 16px; 
	text-align: center;
	font-size: 12px;

}

#foot p { 
	line-height: 1.1em; 
	color: #999; 

}
 .image {background-color: #fff;   clear: both; margin-top: 2em; padding-top: 1em;text-align:center;}
 .image img { clear: none; padding-right: 2.5em; }
#name {
}

/* Tags and text */

h1 {
	font-family: 'Arial Black', Arial Rounded MT Bold, Arial, sans-serif;
	font-size: 26pt; 
	color: #333; 
	padding-left: 150px; 
	clear: none;
}

h2 {
	font-size: 1.2em; 

	color: #257E1D; 
	line-height: 1.1; 
	margin: 3px 0 6px ;
	padding-top: 8px; 


}


h3 { 
	font-size: 1.2em; 
	margin-bottom: 10px; 
	color: #257E1D; 
	line-height: 1.1; 
	border-bottom: 1px solid #036; 
	margin-top:1em; 
	width: 99%;

}

h4 { 
	font-size: 1.2em; 
	font-weight: 800;
 	margin-bottom: 5px; 
 	
}

h5 {
    font-size: 11pt; 
    margin: 2px;
    text-decoration: none;
    border-bottom: 1px solid #257E1D; 
    clear: left;
    font-weight: 400;
}
h6 {
    font-size: 10.5pt; 
    margin: 2px;
    font-style: italic;
   	color:#036;
    clear: left;
    font-weight: 400;
}

dt, dd { 
	display: inline; 
 }

p, ul, ol, address { 
	line-height: 1.7em; 
	padding-bottom: 20px; 
}

ul, ol { margin: 0 25px; 
 }
#content ul, #content ol { margin-left: 2em; 
}
address { font-style: normal; 
 }
#content * li, #content ul li ul *, #content p {font-size: 90%;}

blockquote { 
	padding: 0 25px; 
	margin-bottom: 15px; 
	font-style: italic; 
	line-height: 1.4em; 
 
}
#content ol li ul, #content ul li ol  { padding-bottom: 0;}
div.img {
/* width is an IE mac hack - it has to be widened by the image and the caption. normal browsers will automatically determine the width, but IE Mac will go the width of the page otherwise. IE win will blow out if the width is anything other than 0, for some reason. Also, on IE win, this has been known to make nearby text partially disappear - try to change the div's position if so. */
	width: 5px; 
	text-align: center; 
	float: right; 
	border: 1px solid #999; 
	background-color: bbb; 
	margin: 0 1.5em 1.5em; 
	padding: 5px 5px 0 5px; 
	_margin-right: -6px; 

	 /* ie mac hack \*/
	width: auto; 

	/* end it! */
	_width: 0; 
	margin-right: -1em; 

}

#banner h1 {
	font-size: 28pt; 
	color: #036;
	margin-top: 5px; 
	margin-bottom: -9px;
	margin-left: 75px;
	padding:0;
	border:0px solid red;
	float: left;
	clear: none;

}
#banner .logo {
float: left;
clear: none;
	width: 65px;
	height: 90px;
	background: url(../images/cpctrLogo2.png) top center no-repeat #fff; 
	border: 0px solid yellow;
	margin: -3px 0 0 2em;
	}
#banner p { 
	font-size:1.1em; 
	color: #036;
	padding:0 ;
	margin-left:75px; 
	border:0px solid purple;
	float: left;
	font-family: ArialMT, Arial Rounded MT Bold, Arial, sans-serif;
	border-top: 1px solid #036;
}

.img img {
	border: 1px solid black; 
	padding: 0; 
	text-align: center; 
	background-color: white; 

}

div.img p {
		text-align: center; 
		vertical-align: bottom; 
		padding: 0; 
		margin-left: 1.5em; 
		width: 100%; 
		white-space: nowrap; 
 
}
		
		/* Left and right columns - an alternative to tables . adjust width and .right's margin-left as needed */
.left {
	float: left; 
	width:300px; 
	margin-right:1em; 
	
	vertical-align: top; 
	text-align: left; 
	_margin-right: 2px;	
	padding-top:10px;
	}


#content .left p {
	line-height: 1.5em; 
 }

.right {
	clear: none; 
	margin-left: 350px; 

    vertical-align: top; 
	padding-top:10px;

	border-left: 0px solid #666; 

} 
#foot .left, #foot .right {margin-top: -5px;}	
#foot .left {width:250px;}
#foot .right {width:450px; margin-left: 275px;}

/* colors - add via classes or spans */
.blue	{ color: #1D3B7D;}
.darkblue {	color: #036;}
.gray {color: #666;}
.red {color: #ff0000; 
}

/* div for text that should be indented */
p.indentlist {
	line-height: 1.2; 
	margin-left: 3em; 
	_padding: 0 3px 15px; 
	_float: left; 
	_width: 92%; 
	_margin: -5px 0 0 1.5em; 

}

/* Smaller text for footnotes, etc. */
.info, .info ul li {
	font-style: normal; 
	font-size: 80%; 
	line-height: 1.0; 
	color: black; 

}

/* technically 'dictionary terms' and 'dictionary definitions', but useful for dates and descriptions as well */
dl {font-size: 12pt;clear: both; }

dt {
	width: 12em;
	float:left; 
	clear: both;
	text-align: center; 
	background: #eee; 
	padding: 6px 2px 8px; 
	margin: 1px 0 1em 0; 
	border: 1px solid #ccc;

	text-align: right;

}

dd {
	float: left;
	padding: .5em .5em .8em .5em; 
	clear: none;
	margin: -3px 0 1em 0; 

	

}
dd input, dd textarea { height: 22px; margin-bottom: 1em; border: 1px solid #bbb;}


/* a right-floating red box - good for alerts and warnings. Increase font-size below if necessary. width needs to be specified for IE win */
div.redbox {
	font-size: 0.8em; 
	text-align: left; 
	background-color: #d5c5c5; 
	border: 1px solid #f00; 
	float: right; 
	clear: none; 
	_width: 150px; 
	text-align: left; 
	margin: 5px 0 5px 5px; 
	padding: 0 5px 0 5px; 
	_margin-right: -5px; 

}
 
div.redbox p{font-size: 10px; 
}
#content .redbox h3 {text-align: center; 
 color: #f00; 
width: 100%; 
 margin: 0; 
 padding: 0 5px 0 0; 
}
div.redbox ul li, ul {margin-left: -1em; 
 line-height: 1.0; 
 _margin-left: 6px; 
}  


/* for section headers */

.headitem {
	display:block; 
	width:99%; 
	margin-bottom: 18px; 
	padding-bottom: 2px; 
	border-bottom: 1px solid #ccc; 
	font-weight: bold; 
	text-transform: capitalize; 

}


/* Links */

h1 a { 
	text-decoration: none; 
  }

#content a, #content p a{ color: #1d2690; margin: 0; padding:0; 
 }

a:visited { color: #933; 
 }

a:hover { color: #036; 
 }

a:active { color: #930; 
 }
 
/* the real topnav border, for everything but safari */

#topnav a { 
	border-bottom: 0px solid #666;  
	}

p strong {margin-left: -1px;}
#hyperlinks {
    padding-bottom: 3px; 
    margin-left: -16px;
    background-color: #ddd; 
    width: 792px;
    height: 16px;
}
.highlight {background-color: #e6e6e6;  border:1px dotted #ccc; width: 450px;}
#hyperlinks p {font-size: 10pt;
padding-left: 2.2em;}
#hyperlinks a:hover {color: #000;}

#content table { background-color: #eee; border: 1px solid #ccc; padding:0; margin-left:-9px;}
 /*
table th {font-size: 12pt;padding: 4px 4px 8px 4px; color: #036;background-color: #ddd;}
table tr {font-size: 11pt; padding: 4px;background-color: #fff;}
table tr td {border-bottom: 0px solid #666; padding-left: 5px;}
.odd {background-color: #f3f3f3;}
table.listing {text-align: left; background-color: #fff; border: 0px solid #f00; width: 750px; margin:8px 2px 8px 2px; }
table.listing tr td {font-size: 9.5pt; padding: 4px; border-right: 1px solid #ddd;border-bottom: 1px solid #ccc;}
table.listing tr th {font-size: 11pt; font-variant:small-caps; color: #036; background-color: #eee;}
table.listing-minimal {text-align: left; background-color: #fcfcfc; border: 1px solid #eee; width: 750px; margin:8px 2px 8px 2px; }
table.listing-minimal tr td {font-size: 10pt;  padding:8px; border: none;vertical-align: top;}
*/
table tr td{text-align: center; vertical-align: top;}
/* Safari only hacks go here - below are ignored by safari*/
    #hyperlinks {margin-left: -17px;#}