/***********************************************/
/* top_nav.css */
/***********************************************/
/* CCHS style*/
/***********************************************/
/* HTML tag styles */
/***********************************************/
body{
	font-family: Verdana,Arial;
	margin: 0px;
	background: #e6e6e6;
}

#email2 { display: none; }

/******* hyperlink and anchor tag styles *******/
a:link, a:visited{
color: #00275D;
text-decoration: underline;
}
a:hover{
text-decoration: underline;
}

/************** header tag styles **************/
h1{
font-size: 11px;
font: bold Verdana,Arial;
}
h2{
font: bold 114%  Verdana,Arial;
color: #006699;
margin: 0px;
padding: 0px;
}
h3{
font: bold 100%  Verdana,Arial;
color: #334d55;
margin: 0px;
padding: 0px;
}
h4{
font: 100%  Verdana,Arial;
color: #333333;
margin: 0px;
padding: 0px;
}
h5{
font:bold Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}

/***********************************************/
/* Layout Divs */
/***********************************************/
#pagelayout{
width:842px;
padding-bottom:0px;
border:0; 
bordercolor:#FFFFFF;
background-color:#FFFFFF;

}


#header{
width: 842px;
height: 87;
vertical-align:top;
background-color:#aa051a;
border:0; 
cellpadding:0; 
border-top: 4px solid #ffffff;
border-right: 4px solid #ffffff;
border-left: 4px solid #ffffff;
}

#tablealign{
border:0;
vertical-align:top;
height:100%;
cellpadding:0; 
cellspacing:0; 
bordercolor:#FFFFFF;
bgcolor:#b4cfdd;
}

#graphicaltext{
width: 748px;
height:auto;
border:0px;
cellspacing: 0px;
cellpadding: 0px;
margin: 0px 0px 0px 0px;
background-color:#ffffff;
}

/************** Border style *****************/

#lefttableborder{
width:45px; 
border:0;
vertical-align:top;
cellpadding:0; 
cellspacing:0;
background:repeat;
bgcolor:#FFFFFF;
background-image:url(img/left_curvebg.gif);
}
#lefttableborde a:link, a:visited{
color: #00275D;
text-decoration: underline;
}



#righttableborder{
width:49px; 
border:0;
vertical-align:top;
cellpadding:0; 
cellspacing:0;
background:repeat;
bgcolor:#FFFFFF;
background-image:url(img/right_curvebg.gif);
}

#righttableborder a:link, a:visited{
color: #00275D;
text-decoration: underline;
}



/************** feature styles *****************/
#feature{
width:500px;
border:0;
font:Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
border-right:dotted thin;
padding: 0px 15px 0px 0px;
margin-top:15px;
margin-left:15px;
vertical-align:top;
}

#feature a:link, a:visited{
color: #00275D;
text-decoration: underline;
}


#featureimg{
width:214px;
padding: 15px 15px 15px 15px;
font:Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}

/************** feature career page styles *****************/

#featurecareer{
width:563px;
border:0;
border-right:dotted thin;
margin-top:15px;
margin-left:15px;
}
#featurecareer a:link, a:visited{
color: #00275D;
text-decoration: underline;
}


#featurecareerimg{
width:170px;
padding: 15px 15px 15px 15px;
font:Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}

/************** Landing page box *****************/

#promobox{
width:240px;
background-color:#f1f6f9;
padding: 10px 10px 10px 10px;
font:Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
vertical-align:top;
}

#promobox a:link, a:visited{
color: #00275D;
text-decoration: underline;
}


#promobottom{
	width:240px;
	background-color:#f1f6f9;
	padding: 10px;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
#promobottom a:link, a:visited{
color: #00275D;
text-decoration: underline;
}



#promoborder{
	width:11px;
	height:11px;
	background-color:#FFFFFF;
}

#promoborder a:link, a:visited{
color: #00275D;
text-decoration: underline;
}

/************** footer styles ****************/
#siteInfo{
height: 56px;
width: 842px;
font: verdana;
font-size: 10px;
line-height: 14px;
background-color: #aa051a;
color: #ffcccc;
border-right: 4px solid #ffffff;
border-left: 4px solid #ffffff;
border-top: 0px solid #ffffff;
border-bottom: 4px solid #ffffff;
}
#siteInfo a:link, a:visited{
color: #00275D;
text-decoration: underline;
}
	
/************** footer styles ****************/

#contact-form label {
color: #373838;
text-align: left;
width: 150px;
display: block;
float: left;
padding: 8px 6px 2px 3px;
margin: 0 0 5px 0;
}

#contact-form div input, #contact-form div textarea {
float: left;
width: 200px;
padding: 3px;
margin: 0 0 5px 0;
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, transparent 30%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0, 0, 0, 0.1)), color-stop(30%,transparent));
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%,transparent 30%);
background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%,transparent 30%);
background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%,transparent 30%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a000000', endColorstr='#00000000',GradientType=0 );
background: linear-gradient(top, rgba(0, 0, 0, 0.1) 0%,transparent 30%);
}

.submit {
	background: rgb(24,63,117); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(24,63,117,1) 0%, rgba(24,63,117,1) 50%, rgba(12,42,85,1) 51%, rgba(12,42,85,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(24,63,117,1)), color-stop(50%,rgba(24,63,117,1)), color-stop(51%,rgba(12,42,85,1)), color-stop(100%,rgba(12,42,85,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(24,63,117,1) 0%,rgba(24,63,117,1) 50%,rgba(12,42,85,1) 51%,rgba(12,42,85,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(24,63,117,1) 0%,rgba(24,63,117,1) 50%,rgba(12,42,85,1) 51%,rgba(12,42,85,1) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(24,63,117,1) 0%,rgba(24,63,117,1) 50%,rgba(12,42,85,1) 51%,rgba(12,42,85,1) 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#183f75', endColorstr='#0c2a55',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, rgba(24,63,117,1) 0%,rgba(24,63,117,1) 50%,rgba(12,42,85,1) 51%,rgba(12,42,85,1) 100%); /* W3C */
	color: #fff;
	font-weight: bold;
	border: none;
	width: 60px !important;
	height: 27px;
	margin-top:10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */

.clearfix:before,
.clearfix:after,
.container_12:before,
.container_12:after,
.container_16:before,
.container_16:after {
  content: '.';
  display: block;
  overflow: hidden;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
}

.clearfix:after,
.container_12:after,
.container_16:after {
  clear: both;
}

/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/

.clearfix,
.container_12,
.container_16 {
  zoom: 1;
}


/********************* end **********************/