/*
CSS - ICON TECHNOLOGY
*/

@import url("forms.css");

form.form textarea {height:60px;}

html, body, p, h1, h2, h3, h4, h5, ol, ul, img { margin: 0; padding: 0; border: 0; }
body {margin:0;padding:0;background:#fff; font: normal 62.5%/17px "Verdana", Arial, Helvetica, sans-serif;}
#container {margin:0;padding:0;width:770px; height: auto; clear: both; }
sup { color: #000; }
.hidden { display: inline-block; }
.show { display: none; }
table { margin-bottom: 20px; font-size: 11px; border-color: #d2d2d2;}
tr, td { vertical-align: top; }
p, h1, h2, h3, h4, h5 { /*text-align: left;*/ }
h1 { font-size: 15px; font-weight: bold; margin-bottom: 15px; color: #114366;}
h2 { font-size: 14px; font-weight: bold; margin-bottom: 15px; color: #114366; }
h3 { font-size: 13px; font-weight: bold; margin-bottom: 15px; color: #114366;}
h4 { font-size: 12px; font-weight: bold; margin-bottom: 10px; color: #114366;}
hr { display: block; width: 100%; border: 0; border-top: 1px solid #d2d2d2; height: 1px; margin: 15px 0; clear: both; }

/* HEADER */

#header {width:770px; display: inline-block; float: left; clear: both; }
#logo-print {width:190px; height: 88px; float:left; padding:9px 0 0 0; display: block;}
#search-nav {width:578px; height: auto; float:right; margin-top: 20px; }
#search-panel {width: 570px;height:39px;padding:0 0 0 5px;margin:-39px 0 20px 0; position: relative; z-index: 10; }

#navigation {width:520px;height:30px;padding:0 0 0 50px; }

ul#nav {width:540px;height:30px; list-style: none; display: inline;}
ul#nav li {float:left; height:30px; font-size: 12px; font-weight: bold; }
ul#nav li a { float: left; display:block; height:30px; color:#0E4772; text-decoration: none; margin-left: 8px;}
ul#nav li a:hover {color: #FF6600; text-decoration: none; }
#home .home a, #about-us .about-us a, #services .services a, #projects .projects a, #news .news a, #contact-us .contact-us a {color: #FF6600; text-decoration: none;}

/* BANNER */

#banner { display: none; visibility: hidden; }


/* CONTENT AREA */

#content { width: 750px; float: left; display: block; padding:20px 0; clear: both; }
#content-left { float: right; width: 520px; display: block; padding: 0 20px 0 0; }
#content-right {width: 190px; float: left; }

.event {border-bottom:1px dashed #ddd;margin:0 0 10px 0;}
.last {border:none;margin:0 0 4em 0;}

.project-listing {border-bottom:1px dashed #ddd;margin:0 0 15px 0;}
.project-listing img {margin:0 10px 10px 0!important;}
.project-listing h3 {margin:0!important;}

#content .news-listing { clear: both; margin-bottom: 20px; border-bottom: 1px dashed #ddd; display: inline-block; }
#content .news-listing h3 { font-size: 1.2em; margin-bottom: 5px; padding: 0; }
#content .news-listing p { margin-bottom: 5px; }
#content .news-listing a, #content .news-listing h4 a { font-size: 10px; font-weight: normal; margin-bottom: 20px; }

#content .news-detail { clear: both; margin-bottom: 20px; display: inline-block; }
#content .news-detail h3 { font-size: 1.2em; }

/* TITLES */

#content-right h1, #content-left h1, #content-left h2 {margin:0 0 15px 0; }
#content-right h2 { margin:0 0 15px 0; }
#content-right h1 img, #content-left h1 img, #content-right h2 img, #content-left h img2 { display:block; border: none; }
#content-right h3 img, #content-right h4 img, #content-left h3 img, #content-left h4 img { border: none; }
#content-left h2, #contact-us #content-right h2.con { font-size: 1.4em; font-weight: bold; margin-bottom: 20px; color: #114366; }
#content-left h3 { font-size: 1.3em; font-weight: bold; margin-bottom: 15px; color: #114366; }
#content-left h4 { font-size: 1.2em; font-weight: bold; margin-bottom: 15px; color: #114366; }
#content-left .news-listing h4 img.arrow { border: none; vertical-align: middle; padding-right: 5px; margin-top: 5px;}

/* TEXT STYLES */

#content p {margin:0 0 15px 0;font-size:1.1em; color:#333;}
#content ul, #content ol {margin:0 0 20px 35px; padding: 0;}
#content ul li, #content ol li {padding-left: 5px; color:#333; font-size:1.1em;}
#content a {color:#ff8400;text-decoration:none;}
#content a:hover {text-decoration:underline;}
#content-right img {border:1px solid #000;margin:0 0 10px 0;}
#content-right p {padding:0 0 0 5px;}

#content-right h3 {font-size:11px; margin-bottom:3px;}
#content-right h3.btm { margin-bottom: 15px; }
#content-right h3 img {margin: -3px 5px 0 0; vertical-align: middle;}
#content .event p {color:#114366;padding:0 0 0 22px;margin:0 0 10px 0;}

#content-right div.services-listings {float: left; margin:0 0 20px 0; display: inline-block; }
#content-right div.services-listings img { float: left; margin-right: 5px; border: none; }
#content-right div.services-listings h3 {float: left; width: 170px; margin-top:-5px; }
#content-right div.services-listings a {font-weight: normal;}
#content-left img.pdf {margin: -3px 5px 0 0; vertical-align: middle; border: none; }



/* FOOTER */

#footer { border-top: 5px solid #06314e; padding:10px 0 0 0; width:770px; margin:0; color:#406a89; clear: both; }
#footer-left, #footer-right {float:left; width:360px;padding:0 8px;}
#footer-right {text-align:right;}
#footer-right a {color:#ff8400; text-decoration:none;}
#footer-right a:hover { text-decoration:underline;}
#footer-left a {color:#406a89; text-decoration: none;}
#footer-left a:hover {color: #CCCCCC; text-decoration:underline;}



/* CLEARFIX */
.clear { clear: both; display: block; }
.clearfix:after {content:".";clear:both;display:block;height:0;visibility:hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */