/*--------------------------------------------------------------
Return browser to baseline for consistency
--------------------------------------------------------------*/
table{border-collapse:collapse;border-spacing:0;}
fieldset,img, a img{border:0;}
cite,code,em,strong,th{font-style:normal;font-weight:normal;}
th{text-align:left;}
q:before,q:after{content:'';}


/*--------------------------------------------------------------
Create the structure of the layout
--------------------------------------------------------------*/
body {}
div#container { margin-left: auto; margin-right: auto; width: 955px;}
div#container div { float: left; display: block;}
.clearfix:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden;}

#gradient_area { width:965px; margin-left:auto; margin-right:auto; margin-top:0px; background-color:#adadad; background-image:url('/atf/cf/{3a65c524-1eb0-4098-97f5-88ab429252c6}/afaa_gradient.gif');}




#head { width: 327px;}
#tnav { width: 628px;}
#wrap { width: 955px; background-image:url('/atf/cf/{3a65c524-1eb0-4098-97f5-88ab429252c6}/afaa_main_bg.gif'); border-top:5px solid #0069aa;}
#copy { width: 690px; padding: 10px 20px 10px 10px;}




#header_area { width:955px; height:162px;}

#top_area { width:955px;}
#nav_title { width:192px; padding-left:5px; float:left }
#primary_nav_area {width:753px; float:left; background-image:url('/atf/cf/{3a65c524-1eb0-4098-97f5-88ab429252c6}/afaa_nav_bg.gif');}



#main_area { width:955px;}
#left_area { float:left; width:217px;}

#left_nav { width:190px; padding-left:5px; padding-right:22px;}

a#test { width:90px; border-right:0px;}
a#test1 { width:36px;}
a#test2 { width:35px;}
#nav_title a#test {display:none;}
#nav_title a#test1 { display:none;}
#nav_title a#test2 { display:none;}

#nav_title #test { padding-top:6px; padding-bottom:6px; padding-left:8px; background-color:#adcae3; text-decoration:none; color:#0069aa; font-size:12px;}
#nav_title #test1 { padding-top:6px; padding-bottom:6px; padding-left:8px; background-color:#adcae3; text-decoration:none; color:#0069aa; font-size:12px;}
#nav_title #test2 { padding-top:6px; padding-bottom:6px; padding-left:8px; background-color:#adcae3; text-decoration:none; color:#0069aa; font-size:12px;}

/* Left Nav */

a.level_1_nav:link {display:none;}
a.level_1_nav:visited {display:none;}
a.level_1_nav:hover {display:none; }

a.level_1_nav_on:link {display:block; padding-top:6px; padding-bottom:7px; padding-right:18px; padding-left:8px; width:164px; background-color:#adcae3;
text-decoration:none; color:#0069aa; font-size:12px;}
a.level_1_nav_on:visited {display:block; padding-top:6px; padding-bottom:7px; padding-right:18px; padding-left:8px; width:164px; background-color:#adcae3;
text-decoration:none; color:#0069aa; font-size:12px;}
a.level_1_nav_on:hover {display:block; padding-top:6px; padding-bottom:7px; padding-right:18px; padding-left:8px; width:164px; background-color:#adcae3;
text-decoration:none; color:#0069aa; font-size:12px;}


a.level_2_nav:link {display:block; padding-top:5px; padding-bottom:5px; padding-right:18px; width:142px; padding-left:30px; border-bottom:2px solid #5c94c7;
text-decoration:none; color:#0069aa; font-size:12px; background-image:url('/atf/cf/{3a65c524-1eb0-4098-97f5-88ab429252c6}/afaa_arrow_off3.gif'); background-repeat:no-repeat;}
a.level_2_nav:visited {display:block; padding-top:5px; padding-bottom:5px; padding-right:18px; width:142px; padding-left:30px; border-bottom:2px solid #5c94c7;
text-decoration:none; color:#0069aa; font-size:12px; background-image:url('/atf/cf/{3a65c524-1eb0-4098-97f5-88ab429252c6}/afaa_arrow_off3.gif'); background-repeat:no-repeat;}
a.level_2_nav:hover {display:block; padding-top:5px; padding-bottom:5px; padding-right:18px; width:142px; padding-left:30px; border-bottom:2px solid #5c94c7; background-color:#5c94c7;
text-decoration:none; color:#FFF; font-size:12px; background-image:url('/atf/cf/{3a65c524-1eb0-4098-97f5-88ab429252c6}/afaa_arrow_on1.gif'); background-repeat:no-repeat;}

a.level_2_nav_on:link {display:block; padding-top:5px; padding-bottom:5px; padding-right:18px; width:142px; padding-left:30px; border-bottom:2px solid #5c94c7;
text-decoration:none; color:#FFF; font-size:12px; background-color:#5c94c7; background-image:url('/atf/cf/{3a65c524-1eb0-4098-97f5-88ab429252c6}/afaa_arrow_on1.gif'); background-repeat:no-repeat;}
a.level_2_nav_on:visited {display:block; padding-top:5px; padding-bottom:5px; padding-right:18px; width:142px; padding-left:30px; border-bottom:2px solid #5c94c7;
text-decoration:none; color:#FFF; font-size:12px; background-color:#5c94c7; background-image:url('/atf/cf/{3a65c524-1eb0-4098-97f5-88ab429252c6}/afaa_arrow_on1.gif'); background-repeat:no-repeat;}
a.level_2_nav_on:hover {display:block; padding-top:5px; padding-bottom:5px; padding-right:18px; width:142px; padding-left:30px; border-bottom:2px solid #5c94c7;
text-decoration:none; color:#FFF; font-size:12px; background-color:#5c94c7; background-image:url('/atf/cf/{3a65c524-1eb0-4098-97f5-88ab429252c6}/afaa_arrow_on1.gif'); background-repeat:no-repeat;}

a.level_3_nav:link {display:block; padding-bottom:5px; text-decoration:none; color:#FFF; font-size:12px;}
a.level_3_nav:visited {display:block; padding-bottom:5px; text-decoration:none; color:#FFF; font-size:12px;}
a.level_3_nav:hover {display:block; padding-bottom:5px; text-decoration:underline; color:#FFF; font-size:12px;}

a.level_3_nav_on:link {display:block; padding-bottom:5px; text-decoration:underline; color:#FFF; font-size:12px;}
a.level_3_nav_on:visited {display:block; padding-bottom:5px; text-decoration:underline; color:#FFF; font-size:12px;}
a.level_3_nav_on:hover {display:block; padding-bottom:5px; text-decoration:none; color:#FFF; font-size:12px;}

.col1 { color:#FFF;}




#donation_area { width:212px; padding-left:5px; padding-top:30px; padding-bottom:50px;}
#sponsor_area { width:190px; padding-left:5px; padding-right:22px;}


#content_area { float:left; width:674px; padding-top:11px; padding-left:20px; padding-right:44px;}

#side { width: 225px;}
#foot { width: 674px; padding-top: 5px;}


/*--------------------------------------------------------------
The high level non-structural styles within the layout
--------------------------------------------------------------*/
body { font: normal 12px Verdana, Arial, Helvetica, sans-serif; background-color:#adadad; margin-top:43px;}

#head { }

#tnav {  }
#wrap { }
#copy { background-color: #FFF; color: #000; text-align:left;}
#side { background-color: #006eac;}
#foot { text-align: center; padding-top:40px;}
#footer { width:965px; margin-left:auto; margin-right:auto;}

/*--------------------------------------------------------------
Masthead styles
--------------------------------------------------------------*/
#logo { }
#banner {  }


/*--------------------------------------------------------------
Styles for top menu
--------------------------------------------------------------*/
/* style the outer div to give it width */
.menu { width:753px; font: 13px Verdana, Arial, Helvetica, sans-serif; font-weight: bold; position:relative; z-index:200;}

/* iframe style to hover over applet */
iframe.drop {display:none;border:none;z-index:1;height:40px;width:140px;left:0px;top:36px;position:absolute;}
.menu ul :hover .drop { display:block; }
.menu :hover ul ul :hover iframe { display:block; background: #fff; white-space:nowrap; width:140px; z-index:1;}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul { padding:0; margin:0; list-style-type:none;}
.menu ul ul { width:170px; z-index:300;}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li { float:left; position:relative;}

/* style the links for the top level */
.menu a, .menu a:visited { display:block; font-size:13px; font-weight:normal; text-decoration:none; padding-left:9px; padding-right:8px; color:#FFF; border-right:1px solid #000; height: 26px; line-height:25px;}
.menu a.right, .menu a.right:visited { display:block; font-size:11px; text-decoration:none; color:#fff; height:25px; border:1px solid #fff; border-width:0px 0px 0 0; background:#fff; height: 25px; line-height:25px;}

/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited { width:40px; w\idth:40px;}
* html .menu ul ul a:visited { width:170px; w\idth:129px;}

/* style the second level background */
.menu ul ul a, .menu ul ul a:visited { background:#fff; border:1px solid #567EB9; border-width:0px 1px 1px 1px;}

/* style the second level hover */
.menu ul ul a.drop:hover{ background:#bed4ed;}
.menu ul ul :hover > a.drop { background:#bed4ed;}

/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited { background:#fff; border:1px solid #567EB9; border-width:1px 1px 0px 1px;}

/* style the third level hover */
.menu ul ul ul a:hover { background:#bed4ed;}
.menu ul ul ul :hover > a { background:#bed4ed;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul { visibility:hidden; position:absolute; height:0; top:25px; left:0; width:170px;}

/* another hack for IE5.5 */
* html .menu ul ul { top:25px; t\op:25px;}

/* position the third level flyout menu */
.menu ul ul ul{ left:150px; top:0; width:170px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left { left:-150px;}

/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited { background:#fff; color:#567EB9; height:auto; line-height:1em; padding:5px 10px; width:140px/* yet another hack for IE5.5 */}

* html .menu ul ul a{ width:170px; w\idth:149px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{ color:#000; background:#bed4ed;}
.menu :hover > a, .menu ul ul :hover > a { color:#000; background:#bed4ed;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul, .menu ul a:hover ul{ visibility:visible;}

/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{ visibility:hidden;}

/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{ visibility:hidden;}

/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}

/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul { visibility:visible;}













/*Grid Styles*/
.g_table { width: 600px; margin: 0; padding: 0; color:#000;}
.g_table a:link { color:#000;}
.g_table a:visited { color:#000;}
.g_table a:hover { color:#000;}

.g_header { height:25px; width:100%; padding-top:5px;  background-color: #006eac; cursor: pointer; text-align: center; color: #FFF; font-weight: bold;}
.g_resize { cursor: e-resize;}
.g_header_down { height:25px; width:100%; padding-top:5px; background-color: #006eac;  text-align: center; color: #FFF; cursor: pointer; font-weight: bold;}
.g_cell { padding: 4px;}
.g_cell_hl {  background-color: #ddd;}
.g_edit_box { padding: 3px; background: #FFF;}


td .CTtitle {background-color:#5c94c7;}


.NLdate { display:block; padding-top:5px; padding-bottom:20px; font-weight:bold; font-style:italic; } 
.NLtitle { color:#005a9c; font-size:14px; font-weight:bold; text-decoration:none; }