/* CSS Document */


/* general styles */

html { height:100%;width:100%; }

body{
margin: 0 auto 0 auto;
padding: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #004557;
background-color:#FFFFFF;
text-align: center;
}

td {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #004557;
text-align:left;
}

hr {background-color: #004557;
    height:1px;
	width:100%;
    margin: 5px 0px 5px 0px ;
    border:0;
    padding: 0; }

.hide { OVERFLOW: hidden; WIDTH: 0px; POSITION: absolute; HEIGHT: 0px; display:none; visibility:hidden;}

.red {color: #CC0033;}

img { border:0; }
img.block { display:block; }

div.white {padding:o; margin:0;height:1px;width:auto; background-color:#fff;}

/* liststyles */

ul { margin-left:8px;padding-left:8px; list-style-image:url(/cocentra/images/star.gif); padding-top:0px; margin-top:0px }
li { margin:0 0 5px 0; }

ul.homelist1 { margin-left:15px;padding-left:15px; list-style-image:url(/cocentra/images/hstar1.gif); padding-top:0px; margin-top:0px }
ul.homelist2 { margin-left:15px;padding-left:15px; list-style-image:url(/cocentra/images/hstar2.gif); padding-top:0px; margin-top:0px }
ul.homelist1 li { margin:0 0 7px 0; }
ul.homelist2 li { margin:0 0 7px 0; }

ul.sidelist { margin-left:8px;padding-left:8px; list-style-image:url(/cocentra/images/star.gif); padding-top:0px; margin-top:0px }
ul.sidelist li { margin:0 0 5px 0; }

/* text styles */

h1, h2, h3 {margin:0px; padding:0px}
h1 {
	color:#004557;
	font: 18px "Trebuchet MS", Verdana, Helvetica;
	font-weight:normal;
}
h2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
	font-weight: normal;
	color:#004557;
	margin: 4px 0;
}
h4 {
margin:0 0 5px 0; 
padding: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
color: #004557;
}

.golden {color:#A17D0B}
.error {color:#990000}
#headertable, #footer {
	text-align:center;
	margin: 0 auto 0 auto;
}
/* link styles */

a.green:link, a.green:active, a.green:visited { color:#004557; text-decoration:none; font-size:11px; }
a.green:hover{ color:#004557; text-decoration:underline; font-size:11px; }

a.white:link, a.white:active, a.white:visited { color:#fff; text-decoration:none; font-size:12px; font-weight:bold }
a.white:hover{ color:#fff; text-decoration:underline; font-size:12px;  font-weight:bold }

a:link, a:active, a:visited { color:#A17D0B; text-decoration:none; font-size:11px; }
a:hover{ color:#A17D0B; text-decoration:underline; font-size:11px; }
.course1 {border: 1px solid #ECE7CC; width: 100%; background-color:#F7F4EA; }

#course1 a{
display: block;
text-decoration: none;
width: 100%;
border: 1px solid #ECE7CC;
background-color:#F7F4EA; 
padding: 3px 0 3px 9px; 
font-size: 11px;
color:#004557;
}

#course1 a:hover{
display: block;
text-decoration: none;
width: 100%;
border: 1px solid #ECE7CC;
background-color:#ECE7CC; 
padding: 3px 0 3px 9px; 
font-size: 11px;
color:#004557;
}

/* table styles */
#footer td.top1, #headertable td.top1 {height:29px; border-bottom: 1px solid #004557}
#headertable td.top2 { background-color:#004557; border-bottom: 1px solid #fff; height: 35px;}
#headertable td.logobar {background-color:#004557; border-bottom:1px solid #FFF;}
#headertable td.photobar {border-bottom:1px solid #FFF;}
#footer td.bot1 { background-color:#004557; border-top: 1px solid #fff; height:10px; }
td.top1 { border-bottom: 1px solid #004557 }
td.top2 { background-color:#004557; border-bottom: 1px solid #fff; height: 35px;}
td.top3 { background-color:#B3C8CD; height:20px; }
td.bot1 { background-color:#004557; border-top: 1px solid #fff; }



td.home1 { background-color:#A78556; border-top: 1px solid #fff; border-right: 1px solid #fff; }
td.home2 { background-color:#8D3936; border-top: 1px solid #fff; border-right: 1px solid #fff; }
td.home3 { background-color:#004557; border-top: 1px solid #fff; border-right: 1px solid #fff; }

th { text-align:default; font-weight:normal; font-size:11px }
.head { background-color:#B3C8CD; color:#fff; text-align:default; font-size:11px }
.row { background-color:#E6EDEF; color:#004557; height:20px; font-size:11px }
.formrow { background-color:#fff; color:#004557; height:23px; font-size:11px; padding-top: 3px; padding-bottom: 3px; }


/* form styles */

form { margin:0px; padding:0px; font-weight:normal; text-align:left;}
input, select, textarea { font-size:11px; font-family: Verdana, Arial, Helvetica, sans-serif;} 

.button { background-color:#E6EDEF; border: 1px solid #004557;}
.field {border: 1px solid #004557;}
.field28{border: 1px solid #004557; width: 34px; padding-left: 2px;}
.fieldsmall {border: 1px solid #004557; width: 130px; padding-left: 2px;}
.fieldtxt225{border: 1px solid #004557;width:224px; padding-left: 2px;}
.fieldtxt249{border: 1px solid #004557;width:250px; padding-left: 2px;}
.fieldtxt275{border: 1px solid #004557;width:277px; padding-left: 2px;}
.fieldtxt410, .fieldtxt450 {border: 1px solid #004557;width:410px; padding-left: 2px;}
.fieldtxt450 {width:450px;}
.fieldtxt200{border: 1px solid #004557;width:200px; padding-left: 2px;}
 
.search { background-color:#004557; border:none; color:#FFFFFF; font-weight:bold}

/* coolmenus */

.clCMEvent{position:absolute; width:99%; height:99%; clip:rect(0,100%,100%,0); left:0; top:0; visibility:visible}
.clCMAbs{position:absolute; visibility:hidden; left:0; top:0}
.clS,.clSover,.clS2,.clS2over{position:absolute; width:120; font-family:Verdana, Arial, Helvetica, sans-serif; cursor:hand; font-size: 11px;}
.clT,.clTover{padding:4px; font-size:12px; font-weight:normal; background-color:#004557; layer-background-color:#004557; cursor:hand;}
.clS,.clSover{padding:2px; font-size:11px; font-weight:normal;}
.clS2,.clS2over{padding:2px; font-size:11px;}
.clS{color:#000; background-color:#E5EDEF; layer-background-color:#E5EDEF;}
.clT{color:#fff; background-color:#004557; layer-background-color:#004557;}
.clTover{color:#fff; background-color:#004557; layer-background-color:#004557;}
.clSover{color:#000; background-color:#B3C8CD; layer-background-color:#B3C8CD;}
.clB1{position:absolute; layer-background-color:#000; background-color:#000; visibility:hidden}
.clB{position:absolute; layer-background-color:transparent; background-color:transparent; visibility:hidden;}

.headerbar {
	margin: 18px 0;
}
h1 {
	font-size: 26px;
	line-height: 37px;
	font-family:"Times New Roman", Times, serif;
	font-weight:normal;
	color:#004557;
	margin: 0 0 0 10px;
}
h2 {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica;
	font-size:16px;
	line-height:16px;
	font-weight:bold;
	margin: 0 0 8px 0;
	background-color:#E5EDEF;
	padding: 5px;
	border: 1px solid #B3C8CD;
}
p {
	margin: 4px 0 10px 0;
	font-weight:normal;
}
#maincontentholder {
	width: 980px;
	margin: 0px auto;
	border:0;
	font-weight:normal;
}

#maincontentholder td {
	padding: 0;
	vertical-align:top;
	font-weight:normal;
	text-align:left;
}
#topbluebar {
	background-color:#B3C8CD;
	padding: 3px 10px 3px 11px;
	font-size:11px;
	text-align: left;
	left: 0px;
}s
#maincontent {
	width: 428px;
}
td.fffright { border-right: 1px solid #fff; }
td.e6eleft { width: 13px; }
td.e6eright {
	border-right: 1px solid #FFF;
	width: 13px;
}
#leftcol, #rightcol {
	width: 154px;
	background-color:#E6EDEF; 
	vertical-align:top;
}
#rightcol {
	background-color:#FFF; 
}
#navtop {
display: block;
text-decoration: none;
height:26px;
background-color:#B3C8CD; 
padding:0;
border:0;
}
#leftcol div a, #leftcol div.sub a {
display: block;
text-decoration: none;
background-color:#E6EDEF; 
border-top: 1px solid #fff;
padding: 3px 0 3px 9px; 
font-size: 11px;
font-weight:bold;
color:#004557;
}
#leftcol div.inactive {
display: block;
text-decoration: none;
background-color:#FFFFFF; 
border-top: 1px solid #fff;
padding: 3px 0 3px 9px; 
font-size: 11px;
font-weight:bold;
color:#004557;
}
#leftcol div.sub a {
background-color:#CADADD; 
}
.lblue, #leftcol div  a:hover, #leftcol div.sub a:hover{
background-color:#B3C8CD; 
}
#aboutyou, #yourschool {
	border:0;
	width: 154px;
	background-color:#FFF;
	margin: 10px 0 10px 0;
}
#aboutyou th, #yourschool th {
	padding: 5px 5px 5px 6px;
	background-color:#B3C8CD;
	color: #004557;
	font-weight:bold;
	text-align: left;
}
#aboutyou td, #yourschool td {
	padding: 5px;
	border: 1px solid #B3C8CD;
}
#aboutyou p, #yourschool p {
	margin: 0 0 8px 0;
}
a img {
	margin: 0 8px 0 0;
	border: 0;
}
#footer p {
	margin: 3px 0 3px 0;
}
.randomimage {
	border: 1px solid #B3C8CD;
}
.imgleft {
	float:left;
	margin: 0 10px 0 0;
}
.imgright {
	float:right;
	margin: 0 0px 0 10px;
	border: 1px solid #B3C8CD;
}
.warning {
	border: 1px dashed #FF0000;
	padding: 5px;
}
#loginholder {
	width: 428px;
	border:0;
}
#loginholder td, #loginholder th {
	width: 50%;
	padding: 10px;
	text-align: left;
	vertical-align: top;
}
.loginbox {
	color: #004557;
	background-color: #FFF;
	color: #FFF;
	border: 1px solid #B3C8CD; 
	border-bottom: 0;
	width: 100%;
}
#maincontentholder .loginbox td, #maincontentholder .loginbox th, #loginholder .loginbox td, #loginholder .loginbox th {
	padding: 5px;
	border-bottom: 1px solid #B3C8CD; 
	color: #004557;
}
 #maincontentholder .loginbox th, #loginholder .loginbox th {
	border-right: 1px solid #B3C8CD; 
	text-align: left;
}
.floatleft {
	float: left;
	display:block;
	padding:0;
}
.floatright {
	float: right;
	display:block;
	padding:0;
}
.redfont {color: #FF0000}
.dashedline {
	height: 0;
	border:0;
	border-bottom: 1px dashed #B3C8CD; 
	margin: 10px 0 4px 0;
}
.serviceholder {
	display: block;
	clear:both;
	vertical-align: top;
}
.serviceholder img {
	float: left;
	margin: 0;
	border:0;
}
#homeservices {
	margin: 0 0 8px 0;
	vertical-align: top;
}
#homeservices p {
	margin: 2px 0 0 111px;
}
#homeservices hr {
	height: 0;
	border:0;
	color:#B3C8CD; 
	border-bottom: 1px dashed #B3C8CD; 
	margin: 2px 0 2px 0;
	padding:0;
	clear: both;
}
.leftquote {
	margin: 0;
	padding: 0px;
	float: left;
}
#feedback p {
	margin: 0 0 0 38px;
}
#maincontent .topheader {
	color: #004557;
	background-color: #FFF;
	color: #FFF;
	border: 1px solid #B3C8CD; 
	border-bottom: 0;
	width: 100%;
}
#maincontent .topheader td, #maincontent .topheader th {
	padding: 5px;
	border-bottom: 1px solid #B3C8CD;
 	border-right: 1px solid #B3C8CD; 
	color: #004557;
	text-align: left;
}
#maincontent .topheader td.redbg, #maincontent .topheader td.amberbg, #maincontent .topheader td.greenbg {
	color: #FFFFFF;
}
#maincontent .topheader{
	border-right: 0;
}
.redBG {
	background: #F40000;	
	color:#FFF;
}
.amberBG {
	background: #EE6226;
	color:#FFF;
}
.greenBG {
	background-color:#006600;
	color:#FFF;
}
.blueBG {
	color:#FFF;
	background: #000099;
}
#maincontent td.amberBG, #maincontent td.greenBG, #maincontent td.redBG, #maincontent td.blueBG {color:#FFF;}
.brownBG {
	background-color:#A58652;
}
a.redBrown:link {color: #8D3936;}
a.redBrown:visited {color: #8D3936;}
a.redBrown:hover {text-decoration:underline}
.darkgreenBG {
background-color:#004557;
}
.rustyBG {
	background-color:#8C3831;
}
.borderright {
	border-right: 1px solid #FFF;
}
#maincontent .tabletwocol {
	border:0;
	margin:0 0 10px 0;
	width: 100%;
}
#maincontent .tabletwocol th, #maincontent .tabletwocol td {
	width: 50%;
	font-weight: normal;
	padding: 0 10px 0 0;
	text-align: left;
}
#maincontent .tabletwocol td {
	width: 50%;
	font-weight: normal;
	padding: 0 0 0 10px;
}
.nobotmarg h2 {
	margin-bottom:0px;
}
#maincontent .loginbox #layouttable {
	border:0;
	margin:0;
}
#maincontent .loginbox #layouttable td {
	border:0;
	padding: 2px;
}
#maincontent .simpletwocol {
	border: 1px solid #B3C8CD; 
	border-right:0;
	border-bottom: 0;
	width: 100%;
}
#maincontent .simpletwocol th, #maincontent .simpletwocol td{
	padding: 7px;
	vertical-align: middle;
	border-bottom: 1px solid #B3C8CD;
 	border-right: 1px solid #B3C8CD; 
}
#maincontent .simpletwocol th {
	width: 35px;
}
.greytext {
	color:#CCCCCC;
}
/*menu stuff */
#nav {
	background-color:#004557;
	margin:0;
	padding:0;
	border:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width:980px;
}
#nav td {
	padding: 0px;
	vertical-align: middle;
}
#nav ul  {
	margin: 0;
	padding: 0;
	background-color:#004557;
	width: 800px;
	text-align: center;
	list-style-type: none;
	vertical-align: top;
	z-index:3;
}
#nav ul li {
    /*display: inline;*/
	margin:0;
	padding:0;
	list-style-image: none;
	font-size:11px;
} 
#nav ul li.topmenuli#navEND a{

	padding-right:0;
	}
#nav ul li a:hover 
 {
    background-color: #B3C8CD;
    color: #000;
	font-size:inherit;
	text-decoration:none;
}
.topmenuu{
	list-style-type:none;
	margin:0;
	padding:0;
}
li.topmenuli{
	list-style-type:none;
	float:left;
}
li.topmenuli a {
	text-align: center;
	font-weight: bold;
	text-decoration: none;
	border:0;
	padding: 11px 6px 10px 7px;
	vertical-align: middle;
	list-style-image: none;
}

.topmenutitle{
	display:block;
	/*width:100px;*/
	padding:0;
}
#nav li a.topmenutitle, li.submenuli a, li.submenuliIND a{
	color: #FFF;
}
.submenuul{
	list-style-type:none;
	position:absolute;
	margin: 0 0 0 0;
	padding:0;
	display:none;
	background-color:#000;
}
#nav li ul li.submenuli {
	color: #FFF;
	list-style-type:none;
	vertical-align:middle;
	padding:0;
	margin:0;
	display:block;
	list-style-image: none;
	}
#nav li.submenuli a, #nav li.submenuliIND a, #nav ul li.topmenuli#navEND ul li.submenuli a, #nav ul li.topmenuli#navEND ul li.submenuliIND a{
	background-color:#E5EDEF;
	color: #000;
	font-weight:normal;
	padding: 3px 5px;
	height:auto;
	display:block;
	margin:0;
	text-align:left;
	width: 188px !important;
	width /**/:198px;
	list-style-image: none;
}
#nav li.submenuliIND a, #nav ul li.topmenuli#navEND ul li.submenuliIND a{
	background-color:#FFF;
	background-image:url(../images/icons/indent.gif);
	background-position:5px 5px;
	background-repeat:no-repeat;
	padding: 3px 5px 3px 20px;
	width: 173px !important;
	width /**/:198px;
}
#nav li.submenuliIND a, #nav li.submenuli a, #nav li.submenuli a:hover, #nav li.submenuliIND a:hover{
	font-size:11px;
	border:0;
	border-top:1px solid #333;
}
#nav li.topmenuli a:hover {
	background-color:#004557;
	color:#FFF;
}
#nav li ul li.submenuli a:hover, #nav li ul li.submenuliIND a:hover, #nav ul li.topmenuli#navEND ul li.submenuli a:hover, #nav ul li.topmenuli#navEND ul li.submenuliIND a:hover {
	background-color:#B3C8CD;
	color:#000;
}
#nav li:hover ul , #nav li.over ul{ /* lists nested under hovered list items */
	display: block;
	margin-top:0px;
	margin-left:0px;
	width:198px;
	border: 1px solid #333;
	border-top:0;
	background-color:#B3C8CD;
}
#dmenu li>ul { 
	top: auto;
	left: auto;
}
#maintable{
	clear: left;
}
img#printlogo {
	width: 0;
	height: 0;
	display:none;
	visibility:hidden;
	overflow:hidden;
}