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

/*
Colors:
LT Blue: #CDD6EC
EMT Blue: #003471
Gray: #757575
Orange: #E4A600
*/

.note { font-style:italic; background-color:#CC0000; padding:1px; color:#FFFFFF; }

/* structure */ 
body { background:#003471; margin: 0px; }
#cbody { background: #003471 url(images/background_content_slice.gif) repeat-x; }
.center { position: absolute; top: 0; left: 50%; width: 765px; margin-left: -388px; }
.left { align: left; float: left; width: 415px; }
.right { float: left; width: 340px; margin-left: 10px; }
.cleft { float: left; width: 500px; }
.cright { float: left; width: 250px; margin-left: 0px; margin-bottom: 30px; }
#push { position: absolute; left:  100px; }

/* White Container Box */
.content { position: absolute; top:0px; width: 765px; background: #FFF url(images/background.jpg) no-repeat left 0px; border-left: 2px solid #E4A600; border-right: 2px solid #E4A600; border-bottom: 2px solid #E4A600; letter-spacing: 1px; }
.c_content { position: absolute; top:0px; width: 765px; background: #FFF url(images/background_content.jpg) no-repeat left 0px; /*border-left: 2px solid #E4A600; border-right: 2px solid #E4A600;*/ border-bottom: 2px solid #E4A600; }
.heading { width: 740px; margin-top:40px; padding: 0px 10px; clear: both; }


/*text styles*/
h1 { width: 721px; font: 35px Helvetica, Arial, sans-serif; color: #efca67; border-left: 2px solid #E4A600; border-right: 2px solid #E4A600; font-weight: bold; background-image: url(images/header.gif); background-repeat:repeat-y; background-color: #003471; padding: 10px 20px 5px 20px; text-align:right; text-transform:uppercase; margin: 30px 0px; } 
h2 { font: 16px/18px Helvetica, Arial, sans-serif; font-weight: bold; padding: 10px; color: #003471; }
h3 { font: 16px/18px Helvetica, Arial, sans-serif; font-weight: bold; margin-left: 20px; padding-bottom: 5px; color: #E4A600; border-bottom: 1px solid #757575;  }
p { font: 14px/18px  Helvetica, Arial, sans-serif; padding: 5px 10px; color: #656565; }
.right p { font: 14px/20px Helvetica, Arial, sans-serif; padding: 10px 10px 10px 0px; color: #656565; }
.c_content p { font: 12px/15px  Helvetica, Arial, sans-serif; padding: 5px 20px; color: #656565; }
#content_li { font: 12px/15px  Helvetica, Arial, sans-serif; font-weight: bold; margin-bottom: 3px; color: #003471; list-style-type: disc; }

a, a:active, a:visited { color: #003471; text-decoration: none; font-weight: bold; }
a:hover { color: #E4A600; text-decoration: underline; }

#phone { color: #fff; padding: 20px; }

/*Right Hand Callout Styles*/
h4 { display: block; font: 14px/17px  Helvetica, Arial, sans-serif; padding: 5px; font-weight: normal; color: #fff; background:#003471; margin: 0px 0px 5px 0px; }
#callout { border: 1px solid #757575; margin-right: 20px; }
#callout_p { margin-left: 0px; padding-left:10px; }

/*Footer Styles*/
.footer { position: absolute; top: 570px; *top: 600px; height: 50px; left: 50%; width: 765px; margin-left: -388px; }
.footer p {font: 11px/12px Arial, Helvetica, sans-serif; color: #fff; text-align: center; }

.c_footer { width: 100%; margin-top:20px; }
.c_footer p {font: 11px/12px Arial, Helvetica, sans-serif; color: #003471; text-align: center; }

/*image treatements*/
img { padding-top: 5px; padding-bottom: 10px; *padding-bottom: 0px; }
#hphoto { float:left; margin-right:10px; }
#c_logo { float:left; border: none; }


/* Navigation */
.hnav { float: left; font: 16px/18px Helvetica, Arial, sans-serif; margin: 20px 0px; padding: 0px; }
.hnav li { border-bottom: 1px dotted #E4A600; list-style-type: none; }
.hnav a, .hnav a:active, .hnav a:visited { display: block; font-weight: normal; *font-weight:bold; padding: 7px 25px; }
.hnav a:hover { background: url(images/arrow.gif) no-repeat 10px; text-decoration: none; }
#bottom { border-bottom: none; }

.cnav { margin-left: 235px; *margin-left: 225px; margin-right:0px; width: 515px; height: 45px; font: 11px/13px Helvetica, Arial, sans-serif; padding: 10px 0px;  }
.cnav li {  float:left; display: block; height:45px; *height:50px; width:70px; border-right: 1px dotted #003471; list-style-type: none; text-align:center; vertical-align:middle; }
.cnav a, .cnav a:active, .cnav a:visited { display: block; height:45px; width:70px; }
.cnav a:hover { text-decoration: none; }
#right { border-right: none; }
#wide { width:85px; }
/* NOTE: Styles to center content nav bar links vertically have been placed inline within "includes/navigation.php" */