* { margin: 0; padding: 0;}
h1,h2,h3,h4,h5,h6 { font-weight:normal;}
img { border: 0;}
a, a:hover, a:link { outline: none;}
blockquote { padding: 0 0 0 40px;}
body { background: url(/images/body_bkrd.jpg) repeat-x; font-family: Arial, Helvetica, sans-serif; color: #333333;}
#container { width: 939px; margin: 0 auto;}
#header { height: 79px; background:url(/images/afrh_logo.gif) top left no-repeat; position: relative;}
#header a { display: block; position: absolute; top: 0; left: 0; width: 126px; height: 77px; text-indent: -999em; }

#login-form {  width: 290px; float: right; padding: 14px 0 0 0; font-size: 11px; font-family:Arial, Helvetica, sans-serif; color: #423e3a;}
#login-form p { padding: 0 0 8px 0; font-weight: bold; color: #423e3a;}
#login-form p.last { padding: 0; }
#login-form label {  display: -moz-inline-box; display: inline-block; vertical-align: middle; text-align: right; width: 77px; padding: 0 10px 0 0;}
#login-form label, x:-moz-any-link { direction: rtl;}
#login-form label, x:-moz-any-link, x:default { direction: ltr;}
#login-form input { vertical-align: middle; width: 136px;  background: #fff; border: 1px solid #888787 ; padding: 3px 1px 1px 1px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #423e3a; height: 17px; }
#login-form button{ vertical-align: middle; background:none; border: none; margin: 1px 0 0 9px; width: 30px; overflow:visible;}

#logout { float: right; width: 39px; height: 17px; border: 1px solid #888787; margin: 33px 22px 0 0; padding: 3px 0 0 6px; }
#logout a, #logout a:hover { display: block; height: 11px; width: 33px;color: #423e3a; text-decoration: none; text-indent: 0; position: relative;} 

/**********nav*******/
#nav {color: #fff; font-size: 13px; text-transform: uppercase; height: 45px; background: none;  width: 939px; height: 45px; }
#nav ul { list-style-type:none; background: none;  z-index: 666; position: relative; width: 941px; }
#nav ul li { float: left; padding: 0; height: 45px; position: relative; text-align: center; font-size: 11px; }
#nav ul li.information { width: 121px; white-space:nowrap;}
#nav ul li.plan { width: 97px;}
#nav ul li.dev { width: 159px;}
#nav ul li.bkrd { width: 151px;}
#nav ul li.news { width: 138px;}
#nav ul li.calendar { width: 78px;}
#nav ul li.gallery { width: 110px;}
#nav ul li.contact { width: 71px;}
#nav ul li:hover, #nav ul li.on { background:url(/images/nav_over.jpg) top left no-repeat;}  
#nav ul li.divider { padding:0; background:url(/images/nav_divide.gif) left 5px no-repeat; width: 2px;}
#nav ul li a { display: block; padding-top: 16px; color: #fff; text-decoration:none;}

/************nav dropdowns*********/
#nav ul li ul { z-index: 999; position: absolute; top: 45px; left: 0;  background: #1e4860; font-size: 12px; text-transform:none; background: url(/images/drop_bkrd.jpg) top left no-repeat #1e4860; display: none;}
#nav ul li ul li { text-align: left; display: block; padding:0; height: auto; border-bottom: 1px solid #274f65; font-size: 11px;}
#nav ul li ul li.last { border-bottom: none; }
#nav ul li ul li.contact_us { white-space:nowrap; }
#nav ul li ul li a { display: block; color: #fff; text-decoration:none; padding: 6px 14px; margin: 0;}

#nav ul li ul li a:hover{ color: #d00c18; text-decoration:none; background: url(/images/dropdown_over.jpg) top left no-repeat; }
#nav ul li ul#info-drop { width: 121px; overflow: hidden;}
#nav ul li ul#info-drop li  {width: 121px;}
#nav ul li ul#info-drop li a{ width: 93px; }
#nav ul li ul#bkrd-drop { width: 151px; overflow: hidden;}
#nav ul li ul#bkrd-drop li  {width: 151px;}
#nav ul li ul#bkrd-drop li a{ width: 123px; }
#nav ul li ul#contact-drop { width: 71px; overflow: hidden;}
#nav ul li ul#contact-drop li  {width: 71px;}
#nav ul li ul#contact-drop li a{ width: 43px; }

/**********home page*******/

#home-top { min-height: 351px; height:auto !important; height:351px; background:url(/images/home_fading_line.jpg) bottom left no-repeat;}
#home-top #home-left { float: left; width: 539px;}
#home-top #home-left img { display: none;}
#home-top #home-left img.active { display: block;}
#home-top #home-right { width: 342px;float: left; padding: 82px 40px 20px 18px; background:url(/images/home_header.gif) top left no-repeat; font-size: 13px; line-height: 17px;}
#home-top #home-right h1 { display: none;}
#home-top #home-right p { padding: 0 0 14px 0;}
#home-bottom { background-color: #ebebec; min-height: 117px; height:auto !important; height:123px; font-size: 11px; line-height: 15px; padding: 20px 0 26px 0;}
#home-bottom p { padding: 0 0 12px 0;}
#home-bottom h2 { font-size: 15px; background: url(/images/red_line_home.jpg) bottom left no-repeat; height: 23px; width: 231px; margin-bottom: 11px;}
#home-bottom a {color: #333333; text-decoration:none; font-weight:bold; background:url(/images/arrow.gif) bottom right no-repeat; padding-right: 15px;}
#home-bottom a:hover { color: #08689a; text-decoration:none; background:url(/images/arrow_over.gif) bottom right no-repeat;}
#home-bottom #bot-left { float: left; min-height: 117px; height:auto !important; height:123px; padding: 0 34px 0 36px; width: 242px; background: url(/images/vert_line_home.jpg) top right no-repeat;}
#home-bottom #bot-mid { float: left; min-height: 117px; height:auto !important; height:123px; padding: 0 34px 0 32px; width: 250px; background: url(/images/vert_line_home.jpg) top right no-repeat; }
#home-bottom #bot-right { float: left; min-height: 117px; height:auto !important; height:123px; padding: 0 34px 0 32px; width: 245px; }
#home-footer { background-color: #ebebec; height: 28px; }

/***********main content******/
#main-home { width: 939px; background-color: #fff; min-height: 300px; height:auto !important; height:300px; }
#main { width: 939px; background: url(/images/main_bkrd.gif) repeat-y; min-height: 300px; height:auto !important; height:300px; }
#left { width: 538px; float: left; padding: 42px 57px 27px 44px; font-size: 12px; line-height: 17px;}
#left p, #right p { padding: 0 0 14px 0;}
#left h1 { font-size: 21px; color: #787777; background:url(/images/red_header_line.jpg) bottom left no-repeat; height: 27px; margin: 0 0 16px 0;}
 #left h2, #admin-page h2 { color: #0b0a09; font-size: 15px; background:url(/images/uploads_bkrd.gif) bottom left no-repeat; margin: 20px 0 14px 0; height: 23px;}
#left h3 { font-size: 12px; line-height: 17px; font-weight: bold; padding-bottom: 2px;}
#left h3.rfp { padding-bottom: 14px;}
#left a { color: #d00c18; text-decoration: none;}
#left ul { padding: 0 0 14px 14px;}
#left a:hover { color: #08689a; text-decoration:underline;}

#left ul.plain-list { list-style-type: none; padding: 0 0 14px 0;}
#right { width: 300px; float: left; font-size: 12px; line-height: 17px;}
#right #right-text{ width: 265px; float: left; padding: 17px 20px 27px 15px;}
#right h2 { color: #0b0a09; font-size: 15px; background:url(/images/red_line_home.jpg) bottom left no-repeat; margin: 12px 0 14px 0; height: 23px;}
#right h2.first { margin: 0 0 14px 0;}
#right ul { list-style-type: none;}
#right ul li { width: 264px; border-bottom: 1px dotted #a9a9a9; height: 20px; margin: 0 0 6px 0; }
#right ul li.last { border-bottom: none;}
#right a { color: #0b5d8c; text-decoration:none;}
#right a:hover { color: #0b5d8c; text-decoration:underline;}
#right a.fancy {color: #333333; text-decoration:none; font-weight:bold; background:url(/images/arrow.gif) bottom right no-repeat; padding-right: 15px;}
#right a.fancy:hover {color: #08689a; text-decoration:none; background:url(/images/arrow_over.gif) bottom right no-repeat;}

/**********footer********/

#footer-container { clear: both; background-color: #fff; height: 28px; }
#footer { height: 24px; background:url(/images/footer_bar.jpg) top left no-repeat; margin-bottom: 4px;}
#footer ul { padding: 6px 0 0 14px; color: #e1eff8; font-size: 10px; list-style-type: none; }
#footer ul li { display: inline; }
#footer ul li a { color: #e1eff8; text-decoration:none;} 
#footer ul li a:hover { text-decoration:underline;}

/*************contact form******************/

#contact_form p { padding: 0 0 10px 0; }
#contact_form label { float: left; text-align: right; width: 100px; padding: 0 11px 0 0; color: #333333; font-family: Arial, Helvetica, sans-serif; }
#contact_form label span {font-size: 9px; line-height: 8px; }
* html #contact_form label { padding: 0 7px 0 0;}
#contact_form label.error { float: none; text-align: left; color: #c00; padding: 0 0 0 5px; }
#contact_form input { width: 162px; background: #fff; border: 1px solid #ccc; padding: 1px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; }
#contact_form select { width: 166px; background: #fff; border: 1px solid #ccc; padding: 1px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; }
#contact_form textarea { width: 162px; background: #fff; border: 1px solid #ccc; padding: 1px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; }
#contact_form button{ background:none; border: none; margin: 2px 0 0 109px; padding: 0; float: left;}

div.error-msg { background-color: #787777; border: 1px solid #0b0a09; padding: 4px; color: #fff; width: 266px;margin: 10px 0 20px 0;  }

/************uploads/ project info page ************/

div.error { background-color: #787777; border: 1px solid #0b0a09; padding: 4px; color: #fff; width: 266px;margin: 10px 0 0 0;  }

#upload-form p { padding: 0 0 10px 0; }
#upload-form label { float: left; width:70px; padding: 0 11px 0 0; color: #333333; font-family: Arial, Helvetica, sans-serif; }
* html #upload-form label { padding: 0 7px 0 0;}
#upload-form input, #upload-form input.title { width: 190px; background: #fff; border: 1px solid #ccc; padding: 1px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; }

#upload-form input.submit { padding: 2px; width: 70px; background: #DFDFDF; color: #000; border-right: 1px solid #989898; border-bottom: 1px solid #989898; margin: 10px 0 0 81px;}
#upload-sect { clear: both;}
p.left-side { float: left; width: 150px;  }
p.right-side { float: left; width: 388px; }
img.upload_del {vertical-align:top;}
#left a:hover.img-link { color: #08689a; text-decoration:none;}

/************gallery*********/

#left-gallery { width: 638px;float:left;}
#left-gallery #large-image { width: 638px; height: 363px; overflow: hidden;}
#left-gallery #bottom-box { background: url(/images/photo-line.jpg) top left no-repeat; padding: 24px 18px 24px 0;}

#left-gallery #bottom-box #caption { width: 243px; 	min-height: 12px; height:auto !important; height:22px; background:url(/images/caption-bkrd.jpg) repeat-y; float: left; padding: 5px 8px; font-size: 13px; line-height: 14px; color: #fff; }
#left-gallery #bottom-box #arrows { text-align: right; width: 70px; float: right; }
#left-gallery #bottom-box #arrows img { margin-left: 8px;}
#left-gallery #bottom-box #arrows img:hover { cursor: pointer;}
#right-gallery { width: 285px; background-color: #ebebec; padding: 26px 0 0 16px; float:left;}
#right-gallery img { border: 2px solid #9c9c9c; margin: 0 13px 20px 0;} 
#right-gallery img.over { border: 2px solid #d00c18; } 

/*****dev info page*****/
ul#dev { list-style-type: none; padding: 0 0 2px 0}
ul#dev li { padding-left: 15px;}
#left h3.red-head { font-weight: normal; color: #D00C18; }
































/* @group clearfix */
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */
/* @end */