@charset "UTF-8";
/* CSS Document */

body {
	margin: 2px 0 5px 0;
	padding: 0;
	/*background: url(background.png) repeat-x bottom left;*/
	background-color: #dddddd;
	background: url(back2.png) repeat top left;
	}


#header {
	width: 840px;
	margin: auto;
	padding: 0;
	background: url(cpteheader.png) no-repeat top left;
	height: 150px;
	}
	
#header img {
	margin: 0 0 0 5px;
	padding: 0;
	float: left;
	border: none;
	}
	
img a {
	border: none;
	}	
	
.half {
	font: 3px verdana;
	color: #ffffff;
	height: 3px;
	padding: 0;
	}
	
#header h1 {
	margin: 0;
	padding: 72px 25px 0 0;
	font: 21pt verdana;
	color: #339999;
	text-align: right;
	}
	
#header h1 a {
	color: #339999;
	text-decoration: none;
	}
	
#header h2 {
	margin: 0;
	padding: 0px 25px 0 0;
	text-align: right;
	font: 11pt georgia;
	/*color: #933788;*/
	color: #999999;
	}
	
#header h3 {
	margin: 0;
	padding: 31px 10px 0 0;
	text-align: right;
	font: 8pt verdana;
	color: #FFFFFF;
	}

#imgnav {
	margin: auto;
	margin-top: 8px;
	padding: 0;
	height: 180px;
	width: 840px;
	background: #339999;
	}

#imgnavwrapper {
	width: 840px;
	margin: auto;
	}	
	
#imgblock {
	float: left;
	width: 229px;
	height: 180px;
	padding: 0;
	margin: 0;
	}
	
#testblock {
	float: left;
	width: 381px;
	height: 180px;
	padding: 0;
	margin: 0;
	background: #339999 url(testshadow.png) repeat-x bottom left;
	}
	
#testblock h1 {
	padding: 30px 0 0 0;
	margin: 0;
	font: bold 14pt georgia;
	/*color: #bbcc33;*/
	color: #FFCCCC;
	text-align: center;
	}

#testblock p {
	padding:  25px 40px 0 40px;
	margin: 0;
	font: 10pt georgia;
	color: #ffffff;
	}
	
#testblock h2 {
	margin: 0;
	padding: 0 40px 0 10px;
	font: italic 10pt georgia;
	text-align: right;
	color: #FFFFFF;
	}
	
#ribbon {
	width: 840px;
	margin: 8px auto 0 auto;
	padding: 0;
	background: #339999 url(ribbonshadow.png) repeat-x bottom left;
	}

#ribbon h1 {
	margin: 0;
	text-align: left;
	padding: 4px 0 5px 15px;
	font: 9pt verdana;
	color: #ffffff;
	}
	
#ribbon h1 a:link, #ribbon h1 a:visited {
	color: #ffffff;
	}
	
#ribbon h1 a:hover, #ribbon h1 a:active {
	text-decoration: none;
	color: #FFCCCC;
	}
	
#ribbon h1 span {
	text-transform: uppercase;
	color: #FFCCCC;
	font-weight: bold;
	}

#ribbon h1 a:link, #ribbon h1 a:visited {
	color: #ffffff;
	}
	
#ribbon h1 a:hover, #ribbon h1 a:active {
	text-decoration: none;
	color: #FFCCCC;
	}
	
#infofac {
	width: 168px;
	margin: 0;
	float: left;
	text-align: center;
	}
	
#infofac h2 {
	padding: 5px 0 0px 0;
	margin: 0;
	font: bold 13pt verdana;
	color: #FFFFFF;
	}
	
#infofac h3 {
	padding: 2px 0 5px 0;
	margin: 0;
	font: 8pt verdana;
	color: #ffffff;
	}

#infofac hr {
	margin: auto;
	padding: 0;
	width: 85%;
	height: 1px;
	border: none;
	color: #ffffff;
	background-color: #ffffff;
	}

#infofac h2 a:link, #infofac h2 a:visited {
	text-decoration: none;
	color: #ffffff;
	}
	
#infofac h2 a:hover, #infofac h2 a:active {
	text-decoration: none;
	color: #FFCCCC;
	}

#border {
	width: 840px;
	margin: auto;
	margin-top: 8px;
	padding: 1px 0 0 0;
	background: #339999;
	}
	
#wrapper {
	width: 838px;
	margin: auto;
	padding: 0;
	background: #ffffff;
	}
	
#nav {
	width: 180px;
	float: left;
	/*border-right: 1px solid #339999;*/
	/*height: 269px;*/
	background: #FFFFFF;
	}
	
#content {
	width: 655px;
	float: right;
	margin-right: 1px;
	padding-bottom: 40px;
	background: #FFFFFF;
	border-left: 1px solid #339999;
	}
	
#content.short {
	height: 324px;
	}

#content h1 {
	font: bold 18pt verdana;
	text-align: center;
	margin: 20px 0 23px 0;
	padding: 0;
	color: #339999;
	}
	
#content hr {
	margin: 0 auto;
	padding: 0;
	width: 62%;
	height: 1px;
	border: none;
	color: #000000;
	background-color: #000000;
	}
	
#content h3 {
	margin: 35px 0 0 39px;
	padding: 0;
	text-align: left;
	font: bold 14pt verdana;
	color: #339999;
	}
	
#content h3 a:hover {
	color: #339999;
	}	
	
#content hr.title {
	color: #333333;
	background-color: #333333;
	margin:  -3px auto 15px 39px;
	text-align: left;
	width: 325px;
	}
	
#content h4 {
	margin: 0;
	padding: 12px 0 0 39px;
	font: 12pt verdana;
	}

#content h5 {
	margin: 0;
	padding: 0 0 2px 39px;
	font: 10pt verdana;
	}
	
#content h4 span.suffix {
	font: 10pt verdana;
	text-transform:uppercase;
	}
	
#content p {
	padding: 0;
	margin: 2px auto 8px auto;
	width: 88%;
	font: 9pt verdana;
	color: #000000;
	text-align: left;
	line-height: 1.4em;
	}
	
#content p.botlinks {
	text-align: center;
	}

#content a:link, #content a:visited {
	color: #339999;
	}
	
#content a:hover, #content a:active {
	color: #000000;
	text-decoration: none;
	}
	
#content ul {
	padding: 0 0 10px 56px;
	margin: 0;
	width: 85%;
	font: 9pt verdana;
	color: #000000;
	list-style: none;
	text-align: left;
	}
	
#content li {
	padding: 0 0 1px 0;
	}
	
#content p.sumbox {
	border: 3px solid #dddddd;
	/*background: #339999 url(corner_top.png) no-repeat top left;
	color: #FFFFff;*/
	padding: 16px;
	}
	
span.return {
	font: 1px verdana;
	color: #ffffff;
	}
	
#content hr.sumbox {
	width: 94%;
	background: #339999;
	}

#content p.q {
	font-weight: bold;
	margin: 6px auto 0 auto;
	}

#content p.a {
	margin: 2px auto 12px auto;
	font-style: italic;
	}

#footer {
	clear: both;
	background: url(footer.png) no-repeat bottom left;
	width: 840px;
	margin: auto;
	padding: 0;
	}
	
#footer p {
	padding: 4px 0 5px 0;
	margin: 0;
	font: 8pt verdana;
	color: #ffffff;
	text-align: center;
	}
	
.cleaner {
	clear:both;
	height:1px;
	font-size:1px;
	border:none;
	margin:0; padding:0;
	background: #339999;
	}
	
.cleaner2 {
	clear:both;
	height:1px;
	font-size:1px;
	border:none;
	margin:0; padding:0;
	}
	
#columnwrapper {
	font: 9pt verdana;
	margin: 7px auto 0 auto;
	width: 88%;
	}
	
#columnwrapper.border {
	border-bottom: 1px solid #000000;
	}
	
#columnleftwrapper {
	float: left;
	}
	
#columnleft {
	float: left;
	width: 80px;
	text-align: right;
	}
	
#columnleft.wide {
	width: 125px;
	}
	
#columnleft.left {
	text-align: left;
	width: 200px;
	}
	
#columnmiddle {
	float: left;
	margin: 0;
	padding-left: 13px;
	width: 200px;
	}
	
#columnmiddle.wide {
	width: 300px;
	}

#columninnerleft {
	float: left;
	line-height: 13pt;
	}

#columninnerright {
	float: right;
	margin: 0;
	width: 125px;
	line-height: 13pt;
	}
	
#column1 {
	float: left;
	margin: 0;
	padding: 0;
	width: 196px;
	}
	
#column2 {
	float: left;
	margin: 0;
	padding: 0;
	width: 92px;
	}
	
#columntwo {
	float: left;
	margin: 0;
	padding: 0;
	width: 288px;
	}
	
#columnthree {
	float: left;
	margin: 0;
	padding: 0;
	width: 192px;
	}
	
.right {
	text-align: right;
	padding-right: 15px;
	}
	
img.icon {
	margin: auto;
	height: 30px;
	display: block;
	border: none;
	}
	
#columnimg {
	float: right;
	}
	
.spacer {
	clear:both;
	height:9px;
	font-size:1px;
	border:none;
	margin:0; padding:0;
	}
	


	

/*!!!!!!!!!!! QuickMenu Core CSS [Do Not Modify!] !!!!!!!!!!!!!*/
.qmmc .qmdivider{display:block;font-size:1px;border-width:0px;border-style:solid;position:relative;z-index:1;}.qmmc .qmdividery{float:left;width:0px;}.qmmc .qmtitle{display:block;cursor:default;white-space:nowrap;position:relative;z-index:1;}.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;float:none !important;}.qmmc {position:relative;zoom:1;z-index:10;}.qmmc a, .qmmc li {float:left;display:block;white-space:nowrap;position:relative;z-index:1;}.qmmc div a, .qmmc ul a, .qmmc ul li {float:none;}.qmsh div a {float:left;}.qmmc div{visibility:hidden;position:absolute;}.qmmc .qmcbox{cursor:default;display:block;position:relative;z-index:1;}.qmmc .qmcbox a{display:inline;}.qmmc .qmcbox div{float:none;position:static;visibility:inherit;left:auto;}.qmmc li {z-index:auto;}.qmmc ul {left:-10000px;position:absolute;z-index:10;}.qmmc, .qmmc ul {list-style:none;padding:0px;margin:0px;}.qmmc li a {float:none}.qmmc li:hover>ul{left:auto;}#qm0 li {float:none;}#qm0 li:hover>ul{top:0px;left:100%;}

/*!!!!!!!!!!! QuickMenu Styles [Please Modify!] !!!!!!!!!!!*/

/* QuickMenu 0 */

/*"""""""" (MAIN) Container""""""""*/	
#qm0 {	
	width: 181px;
	}

/*"""""""" (MAIN) Items""""""""*/	
#qm0 a {	
	padding: 5px 0px 5px 10px;
	margin:0;
	color: #339999;
	font: 9pt verdana;
	text-decoration: none;
	/*border-top: 1px solid #339999;*/
	}

/*"""""""" (MAIN) Hover State""""""""*/	
#qm0 a:hover	{	
	color: #FFFFFF;
	background-color: #339999;
	/*padding-left: 25px;*/
	}

/*"""""""" (MAIN) Hover State - (duplicated for pure CSS)""""""""*/	
#qm0 li:hover>a	{	
	color: #FFFFFF;
	background-color: #339999;
	/*padding-left: 25px;*/
	}

/*"""""""" (MAIN) Active State""""""""*/	
body #qm0 .qmactive, body #qm0 .qmactive:hover {	
	background-color: #99FFFF;
	}

/*"""""""" (SUB) Container""""""""*/	
#qm0 div, #qm0 ul {	
	padding:0;
	margin:0;
	background-color: #339999;
	border-rigth: #339999;
	}

/*"""""""" (SUB) Items""""""""*/	
#qm0 div a, #qm0 ul a {	
	padding:5px 10px;
	margin:0;
	color: #FFFFFF;
	}

/*"""""""" (SUB) Hover State - (duplicated for pure CSS)""""""""*/	
#qm0 ul li:hover>a {	
	padding-left: 10px;
	text-decoration:underline;
	}

/*"""""""" (SUB) Active State""""""""*/	
body #qm0 div .qmactive, body #qm0 div .qmactive:hover	 {	
	background-image:none;
	}

/*"""""""" Individual Titles""""""""*/	
#qm0 .qmtitle {	
	font-size:13px;
	}