/****************************************************
Created By: Charley Ruggiero
Date Created: 04/08
Layout CSS File 
****************************************************/

/* GLOBAL RESET */
* {margin:0; padding:0; font-weight:normal;} 

/* Use to add jump link to navigation and main content also add link in footer to jump to top of page for screen readers */
.access {display: none; text-indent:-9999px; overflow:hidden; height:0;}

/*Standard Tags*/

body {
	background:url(/images/layout/guaa-bg.gif) repeat;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	background-color:#C0BCB8;
}
p {
	margin:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:16px;
}

a {outline-style:none;} /* Removes dotted lines around links when active */
a:link, a:visited {color:#990000; text-decoration:underline;}
a:hover, a:focus, a:active {color:#FF0000; text-decoration:none;}

img {border:none;}
strong {font-weight:bold;}
b {font-weight:bold;}
input, textarea {background:#fff; border:1px solid #777;}

.title {font-weight:bold; font-size:11px; color:#0c582c;}
.divider {background:url(/images/layout/dot-ul1.gif) bottom left repeat-x; padding-bottom:10px; margin-bottom:10px;}

/*=== Layout ===*/

#wrapper {width:900px; background-color:#fff; margin:10px auto; border:solid 1px #999999; padding-bottom:20px;}
#bodyWrapper {width:900px; background:url(/images/layout/navMain-bg.gif) top left repeat-y; margin:10px 0 0 10px;}

#header {width:882px; height:106px; background:url(/images/layout/dot-ul1.gif) bottom left repeat-x; margin:0 0 0 8px; }

#logo {position:absolute; float:left; height:85px; margin:9px 0 0 0; background:url(/images/layout/guaa-logo.gif) top left no-repeat;}
#logo  h1 a{color:#444; font-size:16px; font-style:italic; padding:0 0 5px 0; }
#logo h1 a, #logo h1 a:link, #logo h1 a:visited, #logo h1 a:hover, #logo h1 a:active {display:block; height:85px; width:125px; padding-left:146px; line-height:21px; text-decoration:none;}

#join {position:absolute; width:75px; height:74px; margin:-11px 0 0 803px; background:url(/images/layout/guaa-join.png) top left no-repeat; text-align:center; padding:16px 0 0 0;}
#join a {font-style:italic; color:#fff; text-decoration:none;}
#join a:link, #join a:visited {color:#fff; text-decoration:none;}
#join a:hover, #join a:focus, #join a:active {color:#fff; text-decoration:underline;}

#navSub {position:absolute; float:left; margin:7px 0 0 580px; font-family:Helvetica, Arial, sans-serif; font-size:12px;}
#navSub ul li {display:inline; list-style:none; border-right:1px solid #666; padding:0 5px;}
#navSub ul li.last {border-right:none;}
#navSub a, #navSub a:link, #navSub a:visited {color:#222; text-decoration:underline;}
#navSub a:hover {color:#BF1F1F; text-decoration:none;}

/*=== Main Navigation ===*/
#navMain {position:relative; float:left; width:210px; margin:0; background-color:#F5F2EB; padding:0 10px;}

#navMain h2 {font:17px Georgia, "Times New Roman", Times, serif;}
#navMain h2 a, #navMain h1 a:link, #navMain h1 a:visited {color:#222; text-decoration:underline;}
#navMain h2 a:hover {color:#BF1F1F; text-decoration:none;}
#navMain ul.top li {padding:8px 0; list-style:none; height:34px; background:url(/images/layout/dot-ul2.gif) bottom left repeat-x;}
#navMain ul.top li.last {padding:8px 0; list-style:none; background:none;}
#navMain ul.top p {margin:-2px 0 0 0; font-size:11px; color:#666;}

#navMain h3 {background:url(/images/layout/guaa-comittees.jpg) top left no-repeat; text-indent:-9999px; width:220px; height:28px; margin:5px 0 10px -10px;}
#navMain h3 a {display:block; width:220px; height:28px;}
#navMain ul.btm li {height:18px; margin:5px 0; font-size:11px;list-style:none;}
#navMain ul.btm li a {height:18px width:60px; display:block; padding:2px 0 3px 20px; background:url(/images/layout/nav-arrow.gif) bottom left no-repeat; color:#222; text-decoration:none;}
#navMain ul.btm li a:hover {height:18px width:60px; display:block; padding:2px 0 3px 20px; background:url(/images/layout/nav-arrow.gif) top left no-repeat; background-color:#777; color:#fff; text-decoration:none;}

#navMain #divider {margin-top:10px; padding-top:15px; background:url(/images/layout/dot-ul2.gif) top left repeat-x;}
#navMain #divideBtm {margin-bottom:10px; padding-bottom:15px; background:url(/images/layout/dot-ul2.gif) bottom left repeat-x;}
#navMain p {color:#444; margin:3px 0;}

#navMain #ctaEvents {position:relative; float:left; width:105px; font-size:10px; margin-bottom:10px;}
#navMain #ctaEvents img {float:left; margin-top:8px;}
#navMain #ctaEvents a {float:left; margin:8px 0 0 5px;}
#navMain #ctaPublication {position:relative; float:left; width:95px; padding-left:10px; background:url(/images/layout/dot-vert.gif) top left repeat-y; font-size:10px; margin-bottom:10px;}
#navMain #ctaPublication img {float:left; margin-top:8px;}
#navMain #ctaPublication a {float:left; margin:8px 0 0 5px;}

/*=== Content ===*/
#contentWrapper {position:relative; float:left; width:640px; margin:0 0 0 10px;}

#contentMainTop {position:absolute; width:640px; height:15px; top:-15px; left:-1px; background:url(/images/layout/interior-top-blue.gif) top left no-repeat;}
#contentMain {position:relative; float:left; width:638px; height:auto !important; height:515px; min-height:515px; margin:15px 10px 0 0; padding:-12px 0 0 0; background-color:#fff; border:solid #CCCCCC 1px;}
#contentMain h1 {margin:0 0 10px 7px; font:17px Georgia, "Times New Roman", Times, serif; color:#222}
#contentMain h2 {margin:0 0 10px 10px; font:12px Verdana, Arial, Helvetica, sans-serif; color:#222; font-weight:bold;}
#contentMain p {margin:0 0 10px 10px; color:#444}
#contentMain ul {margin:0 10px 10px 25px;}
#contentMain ul li {margin:10px 0;}
#contentMain img {margin:0 0 0 10px;}

#flash {width:640px; height:235px; margin:0 0 10px 0;}

#sponsors {padding:0 0 10px 0;}

#gallery {margin-top:25px;}

#banner {width:640px; height:100px; background:url(/images/banners/banner1.jpg) top left no-repeat; margin:0 0 10px 0;}

#membershipTop {position:absolute; width:200px; height:15px; top:-15px; left:-1px; background:url(/images/layout/column-top-blue.gif) top left no-repeat;}
#membership {position:relative; float:left; width:198px; height:auto !important; height:390px; min-height:390px; margin:15px 0 0 0; padding:-12px 0 0 0; background-color:#fff; border:solid #CCCCCC 1px;}
#membership h1 {margin-left:10px; font:14px Georgia, "Times New Roman", Times, serif; color:#222;}
#membership h2 {font:11px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:#444; margin:10px 3px 0 10px;}

#membership ul {margin:10px 3px 0 30px;}
#membership ul li {margin:0px 0 10px 0; list-style:url(/images/layout/check.jpg);}


#eventsTop {position:absolute; width:220px; height:15px; top:-15px; left:-1px; background:url(/images/layout/column-top-red.gif) top left no-repeat;}
#events {position:relative; float:left; width:218px; height:auto !important; height:390px; min-height:390px; margin:15px 10px 0 0; padding:-12px 0 0 0; background-color:#F5F2EB; border:solid #CCCCCC 1px;}
#events h1 {margin-left:10px; font:14px Georgia, "Times New Roman", Times, serif; color:#BF1F1F}

#newsTop {position:absolute; width:200px; height:15px; top:-15px; left:-1px; background:url(/images/layout/column-top-blue.gif) top left no-repeat;}
#news {position:relative; float:left; width:198px; height:auto !important; height:390px; min-height:390px; margin:15px 10px 0 0; padding:-12px 0 0 0; background-color:#fff; border:solid #CCCCCC 1px;}
#news h1 {margin-left:10px; font:14px Georgia, "Times New Roman", Times, serif; color:#222;}

#membership p,#news p, #events p { padding:10px 10px 5px 10px;}

.jobpost {height:40px; width:600px; padding-left:10px;}
.jobpost h2 a {float:left; margin:7px 0 0 10px;}
.jobpost img {float:left; text-decoration:none;}
#jobpostCTA {float:right; margin-right:10px; width:192px; position:absolute; right:0;}
#jobpostCTA a img {margin-left:160px;}

.join {margin:0 10px 10px 10px;}

#footer {position:relative; float:left; width:535px; height:50px; background:url(/images/layout/guaa-logo-footer.gif) top right no-repeat; background-color:#ecebe6; margin:10px 10px 0 0; padding:10px 95px 0 10px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666;}
#footer ul {line-height:20px;}
#footer ul li {display:inline; list-style:none; border-right:1px solid #666; padding:0 5px;}
#footer ul li.last {border-right:none;}
#footer a, #footer a:link, #footer a:visited {color:#666; text-decoration:underline;}
#footer a:hover {color:#BF1F1F; text-decoration:none;}

#delawarenet {
	font-size:10px;
	width:100%;
	margin:0 auto;
	text-align:center;
}

#delawarenet p {color:#333333;}
#delawarenet p a:link, a:visited {text-decoration:underline; color:#333333;}
#delawarenet p a:hover {text-decoration:none; color:#333333;}


.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* END */