@charset "utf-8";
/*-----------------------------------------------------------------------------
	
	SPAADS Reunion 2010
	
	version:   1.0

/* ---------------------------------------------------------------------------
Basics
-----------------------------------------------------------------------------*/
html, body { height: 100%; }
/* Force vertical scrollbar */html { min-height: 100%; }
* { margin: 0; padding: 0px; } /* Remove padding and margin */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, fieldset, table, ul { margin: 0em 0; } /* Put it back on certain elements */
.clear { clear:both; } /* Class for clearing floats */
img { border: 0; } /* Remove border around linked images */

/* ---------------------------------------------------------------------------
Spacers & Headers
-----------------------------------------------------------------------------*/
br { margin: 0; padding: 0; border-width: 0; line-height: 6px; }
.break { margin: 0; padding: 0; border-width: 0; height:8px; line-height: 8px; }
.bigBreak { height:15px; }
*.brHalf { display:block; margin-top:-0.5em; }
*.brSingle { display:block; margin-top:0em; }
*.brOne { display:block; margin-top:1.5em; }
*.brDouble { height:22px; }

/* ---------------------------------------------------------------------------
HREF Selectors
-----------------------------------------------------------------------------*/	
a:link { font-family: Arial, Helvetica, sans-serif; text-decoration: underline; color: #187cd1; font-size:1em; }
a:visited { font-family: Arial, Helvetica, sans-serif; text-decoration: underline; color: #187cd1; font-size:1em; }
a:hover { font-family: Arial, Helvetica, sans-serif; text-decoration: underline; color: #d67d14; font-size:1em; }
a:active { font-family: Arial, Helvetica, sans-serif; text-decoration: underline; color: #d67d14; font-size:1em; }

/* ---------------------------------------------------------------------------
Paragraph/Header/List Selectors
-----------------------------------------------------------------------------*/	
p { font-family: Arial, Helvetica, sans-serif; font-size: 1em; font-weight:normal; line-height:21px; color:#303f53; padding:0; margin:0; padding-bottom: 15px; text-align: left; }
h1 { font-family: Arial, Helvetica, sans-serif; font-size: 21px; line-height:26px; padding:0; margin:0; padding-bottom: 15px; font-weight: bold; color:#162950; }
a:link.headerLink { font-family: Arial, Helvetica, sans-serif; text-decoration: underline; color: #187cd1; font-size:21px; }
a:visited.headerLink { font-family: Arial, Helvetica, sans-serif; text-decoration: underline; color: #187cd1; font-size:21px; }
a:hover.headerLink { font-family: Arial, Helvetica, sans-serif; text-decoration: underline; color: #d67d14; font-size:21px; }
a:active.headerLink { font-family: Arial, Helvetica, sans-serif; text-decoration: underline; color: #d67d14; font-size:21px; }

h2 { font-family: Georgia, serif; color:#314d85; font-size: 1.5em; font-weight: normal; line-height:24px; margin:0; font-style:normal; font-weight: normal; padding-bottom: 10px; }
h3 { font-family: Arial, Helvetica, sans-serif; color:#BF7300; font-size:1em; padding:0; margin:0; padding-bottom: 12px; font-weight: normal; font-style:italic; }
h4 { font-family: Arial, Helvetica, sans-serif; font-size: 16px; line-height:19px; color:#365386; margin:0; font-style:normal; font-weight: bold; padding-bottom: 0px; }
ul { list-style:none; margin-left: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 1em; color:#303f53; line-height:19px; margin-top: 0px; padding-bottom: 0px; }
li { padding-bottom:8px; }
.smallfont { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight:bold; line-height:19px; color:#303f53; padding:4px 0px 4px 4px; margin:0; text-align: left; }
.poem p { font-family: Arial, Helvetica, sans-serif; font-size: 1em; font-weight:normal; line-height:21px; color:#303f53; padding:0; margin:0; padding-bottom: 2px; text-align: left; }
.date { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight:normal; font-variant:small-caps; line-height:16px; color:#cc952a; text-align: left; padding-bottom: 8px; }

*/ /* ---------------------------------------------------------------------------
Global ID's
-----------------------------------------------------------------------------*/
body {
font-family: Arial, Helvetica, sans-serif;
text-align: center;
background-color:#e9eef3;
margin: 0;
padding: 0;
}
#wrapper { width: 100%; text-align: left; background-color:#e9eef3; height:auto !important; /* real browsers */ height:100%; /* IE6: treaded as min-height*/ min-height:100%; /* real browsers */ position:relative; }
#siteFrame { height:auto !important; /* real browsers */ height:100%; /* IE6: treaded as min-height*/ min-height:100%; /* real browsers */ margin: 0 auto; position: relative; padding-bottom:195px; /* Allow room for footer to stick to the bottom */ width: 100%; }
#invisibleLink { background: url(../images/spacer.gif) no-repeat 0 0; width:393px; height:74px; text-indent: -9999px; display: block; position: absolute; top: 9px; left: 16px; }

/* ---------------------------------------------------------------------------
Top Banner
-----------------------------------------------------------------------------*/
#topBanner_repeat { background:url(../images/topBanner_bgRepeat.jpg) repeat-x; width:100%; height:162px; }
#topBanner { background:url(../images/topBanner_bg.jpg) no-repeat; width:801px; height:162px; margin:0 auto; position:relative; }
.topLogo { position:absolute; left: 14px; top: 14px; }
.topMenu { width:635px; height:28px; position:absolute; left: 150px; top: 125px; }
.topMenu a:link { font:Arial, Helvetica, sans-serif; font-size:12px; color:#ffffff; text-decoration:none; }
.topMenu a:visited { font:Arial, Helvetica, sans-serif; font-size:12px; color:#ffffff; text-decoration:none; }
.topMenu a:hover, a:active { font:Arial, Helvetica, sans-serif; color:#ffd557; font-size:12px; text-decoration:underline; }

/* ---------------------------------------------------------------------------
Main Content
-----------------------------------------------------------------------------*/
#contentArea_top { background:url(../images/contentArea_top.jpg) repeat-x top; width:100%; padding-top: 35px; }
#mainContentArea { margin:0 auto; width:760px; text-align: left; } 
#newsBox{ float:left; width:308px; background:#dbe2e8; border: 2px solid #fff; padding: 14px 10px 10px 15px; }
#homeBanner_bg{ width:100%; height:302px; background:url(../images/mainBanner_bgRepeat.jpg) repeat-x; }
#homeBanner { width:782px; height:295px; margin:0 auto; padding-top: 7px; background:url(../images/mainBanner_bg.jpg) no-repeat; }
#homeBanner_movie { width:390px; height:258px; position:absolute; left: 18px; top: 7px; }
#homeBanner_photos { background:url(../images/homeBanner_photos.jpg) no-repeat; width:420px; height:286px; position:relative; float: left; }
#homeBanner_content { width:304px; height:235px; float:left; position:relative; padding: 30px 15px 20px 35px; background:url(../images/homeBanner_content.jpg) no-repeat; }
#homeBanner_content h1 { font-family: Arial, Helvetica, sans-serif; font-size:21px; color:#162950; line-height:26px; padding-bottom:0; font-weight: bold; }
.homeBanner_copy { padding:8px 12px 10px 0px; }
.homeBanner_copy p { font:Arial, Helvetica, sans-serif; font-size:14px; color:#303f53; line-height:23px; padding-bottom: 0px; }
.homeInfobox { width:365px; float: left; padding-right: 50px; }
.homeInfobox_top { background:url(../images/homeContent_top.jpg) no-repeat; width:748px; height:7px; }
.homeInfobox_mid { background:url(../images/homeContent_mid.jpg) repeat-y; width:748px; padding: 12px 20px 0px 20px; }
.homeInfobox_mid p { font:Arial, Helvetica, sans-serif; font-size:14px; color:#303f53; line-height:23px; padding-bottom: 9px; }
.homeInfobox_mid h1 { font:Georgia, serif; font-size:28px; color:#314d85; line-height:26px; padding-bottom: 12px; }
.homeInfobox_btm { background:url(../images/homeContent_btm.jpg) no-repeat; width:748px; height:7px; }
.homeInfobox_col1 { float:left; width:345px; padding-right:20px; }
.homeInfobox_col2 { float:left; width:345px; }
#contentArea_btm { background:url(../images/contentArea_btm.jpg) repeat-x; width:100%; height:51px; }
.headerTab{ background:url(../images/headerTab.jpg) no-repeat; width:560px; height:30px; padding:4px 0px 0px 4px; margin-bottom:5px;}
.updateBanner{background:url(../images/home_update_banner.jpg) no-repeat; width:747px; height:88px; margin:0 auto; position:relative;}
.updateBanner_txt{ position:absolute; width:487px; height:20px; left: 252px; top: 35px; }
.updateBanner_txt p { font:Arial, Helvetica, sans-serif; font-size:12px; color:#ffdb5f; line-height:23px; padding-bottom: 0px; }
.updateBanner_txt a:link { font:Arial, Helvetica, sans-serif; font-size:12px; color:#fff; text-decoration:underline; }
.updateBanner_txt a:visited { font:Arial, Helvetica, sans-serif; font-size:12px; color:#fff; text-decoration:underline; }
.updateBanner_txt a:hover, a:active { font:Arial, Helvetica, sans-serif; color:#a6caff; font-size:12px; text-decoration:underline; }

.updateBanner2 {background:url(../images/secondary_update_banner.jpg) no-repeat; width:568px; height:88px; margin:0 auto; position:relative; }
.updateBanner2_txt{ position:absolute; width:467px; height:20px; left: 90px; top: 26px; }
.updateBanner2_txt p { font:Arial, Helvetica, sans-serif; font-size:12px; color:#ffdb5f; line-height:19px; padding-bottom: 0px; }
.updateBanner2link a:link { font:Arial, Helvetica, sans-serif; font-size:12px; color:#fff; text-decoration:underline; }
.updateBanner2link a:visited { font:Arial, Helvetica, sans-serif; font-size:12px; color:#fff; text-decoration:underline; }
.updateBanner2link a:hover, a:active { font:Arial, Helvetica, sans-serif; color:#a6caff; font-size:12px; text-decoration:underline; }
/* ---------------------------------------------------------------------------
Secondary Content
-----------------------------------------------------------------------------*/
#secondary_contentArea { background:url(../images/secondary_contentBG.jpg) repeat-y; width:752px; min-height:500px; margin:0 auto; }
#secondary_contentArea_btm { background:url(../images/secondary_contentBG_btm.jpg) no-repeat; width:752px; height:11px; margin:0 auto; }
#secondary_top { background:url(../images/secondary_breadcrumbsBG.jpg) no-repeat; width:752px; height:47px; margin:0 auto; position: relative; }
.breadcrumbs { width:422px; height:24px; position:absolute; left: 172px; top: 15px; }
.breadcrumbs p { font:Arial, Helvetica, sans-serif; font-size:11px; color:#d6e7fc; padding-bottom: 0px; }
.breadcrumbs a:link { font:Arial, Helvetica, sans-serif; font-size:11px; color:#fff; text-decoration:none; }
.breadcrumbs a:visited { font:Arial, Helvetica, sans-serif; font-size:11px; color:#fff; text-decoration:none; }
.breadcrumbs a:hover, a:active { font:Arial, Helvetica, sans-serif; font-size:11px; color:#ffd564; text-decoration:underline; }
.fontResizer { width:118px; height:25px; position:absolute; left: 627px; top: 16px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#d6e7fc; }
.fontResizer p { font:Arial, Helvetica, sans-serif; font-size:11px; color:#d6e7fc; padding-bottom: 0px; float:left; padding-right:5px; }
.mainHeader { width:120px; height:30px; position:absolute; top: 11px; left: 18px; }
.mainHeader h1 { font:Georgia, serif; font-size:16px; color:#fff; line-height:26px; padding-bottom:0; }
#secondary_mainContent { width:560px; float:left; padding:25px 20px 20px 0px; }
#secondary_mainContent a:link { font-family: Arial, Helvetica, sans-serif; text-decoration: underline; color: #187cd1; font-size:12px; }
#secondary_mainContent a:visited { font-family: Arial, Helvetica, sans-serif; text-decoration: underline; color: #187cd1; font-size:12px; }
#secondary_mainContent a:hover { font-family: Arial, Helvetica, sans-serif; text-decoration: underline; color: #d67d14; font-size:12px; }
#secondary_mainContent a:active { font-family: Arial, Helvetica, sans-serif; text-decoration: underline; color: #d67d14; font-size:12px; }
.nextLink{float:right; padding-right:10px;}

#fieldID{ background:#EAF1F7; width:400px; height:19px; margin-bottom:10px; padding:8px 0px 6px 7px; border: 0px; font-size:12px; color:#039; }
#areaID{ background:#EAF1F7; width:400px; height:100px; margin-bottom:10px; font-size:12px; padding:7px 0px 7px 7px; border: 0px; color:#039; }

.codeStar { color:#C30; font-weight:bold; } 

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ FONT SIZER CSS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.fontResizer a { display: block; float: left; width: 17px; height: 17px; text-align: center; line-height: 15px; color: #fff; text-decoration: none; }
.fontResizer a:hover { text-decoration: underline; }
/* 
The following control the way the font-resizer links appear only 
Set the actual size-changes in the function call
*/
.smallFont { font-size: 12px; }
.medFont { font-size: 14px; }
.largeFont { font-size: 16px; }
.curFont { background: #6997d2; }
.bchosts { font:Arial, Helvetica, sans-serif; font-size:11px; color:#303F53; padding-bottom: 0px; }
.sqrn_coord{background:url(../images/logo_airDiv1.jpg) no-repeat; width:557px; height:189px; position:relative;}
.sqrn_ppl{ position:absolute; width:383px; height:134px; left: 150px; top: 25px; }
.sqrn_ppl p { font:Arial, Helvetica, sans-serif; font-size:14px; color:#303F53; padding-bottom:8px; }
.sqrn_photo{ width:295px; height:158px; float:left; margin-right:10px; }
.sqrn_tag{ width:255px; height:100px; float:left; background:url(../images/sqrn_tag.jpg) no-repeat; position: relative; margin: 20px 0px 0px 0px; }
.sqrn_tag p { font:Arial, Helvetica, sans-serif; font-size:14px; color:#303F53; position:absolute; left: 14px; top: 18px; padding-bottom:0; }

/* ---------------------------------------------------------------------------
Side Navigation Styles
-----------------------------------------------------------------------------*/
#sideMenu { width:145px; float:left; padding:20px 25px 10px 0px; }
#menu ul { list-style:none; padding:0; margin:0; }
#menu { width: 145px; }
#menu li { padding-bottom:0; margin-left:1px; }
#menu a:link { color: #243b68; font-family: Arial; font-size: 12px; line-height:20px; display:block; text-decoration: none; padding: 8px 5px 8px 18px; font-weight:normal; font-style:normal; }
#menu a:visited { color: #243b68; font-family: Arial; font-size: 12px; line-height:20px; display:block; text-decoration: none; padding: 8px 5px 8px 18px; font-weight:normal; font-style:normal; }
#menu a:hover { background-color: #dbe9fa; color: #243b68; font-family: Arial; font-size: 12px; line-height:20px; display:block; text-decoration: underline; padding: 7px 5px 7px 18px; font-weight:normal; font-style:normal; border-bottom:#cdd8e5 solid 1px; border-top:#fff solid 1px; }
#menu a:active { color: #243b68; font-family: Arial; font-size: 12px; line-height:20px; display:block; text-decoration: none; padding:7px 5px 7px 18px; font-weight:normal; font-style:normal; }

/* ---------------------------------------------------------------------------
Table Style
-----------------------------------------------------------------------------*/
#table-style { font-family: "Arial", "Lucida Grande", Sans-Serif; font-size: 12px; line-height: 20px; width: 565px; text-align: left; border-collapse: collapse; margin-bottom: 20px; }
#table-style th { font-size: 11px; font-weight: bold; padding: 8px; background: #e08900 url('../images/gradhead.png') repeat-x; border-top: 1px solid #e08900; border-bottom: 1px solid #fff; color: white; border-right: 1px solid #fff; }
#table-style td { padding: 8px; border-bottom: 1px solid #fff; color: #303f53; border-top: 1px solid #fff; border-right: 1px solid #fff; background: #f4f6fb url('../images/gradback.png') repeat-x; }
#table-style tfoot tr td, .gradient-style tfoot tr td { background: #e8edff; font-size: 12px; color: #60676C; }

#table-style2 { font-family: "Arial", "Lucida Grande", Sans-Serif; font-size: 12px; line-height: 20px; width: 565px; text-align: left; border-collapse: collapse; margin-bottom: 20px; }
#table-style2 th { font-size: 11px; font-weight: bold; padding: 8px; background: #e08900 url('../images/gradhead.png') repeat-x; border-top: 1px solid #e08900; border-bottom: 1px solid #fff; color: white; border-right: 1px solid #fff; }
#table-style2 td { padding: 3px 8px 3px 8px; border-bottom: 1px solid #fff; color: #303f53; border-top: 1px solid #fff; border-right: 1px solid #fff; background: #f4f6fb url('../images/gradback2.png') repeat-x; }
#table-style2 tfoot tr td, .gradient-style tfoot tr td { background: #e8edff; font-size: 12px; color: #60676C; }

/* ---------------------------------------------------------------------------
Footer
-----------------------------------------------------------------------------*/
#footerFrame { background:url(../images/footerBG.jpg) repeat-x; height:193px; width:100%; position: absolute; bottom: 0px; z-index: 1; }
#footerContent { width:780px; margin:0 auto; position:relative; }
.footerFlag { position:absolute; width:105px; height:122px; top: 64px; background:url(../images/footer_flag.jpg); left: 13px; }
.footerLinks { position:absolute; left: 145px; top: 90px; width: 597px; }
.footerLinks p { font:Arial, Helvetica, sans-serif; font-size:12px; color:#a5b0c4; padding-bottom: 0px; }
.footerLinks a:link { font:Arial, Helvetica, sans-serif; font-size:12px; color:#102a5e; text-decoration:none; }
.footerLinks a:visited { font:Arial, Helvetica, sans-serif; font-size:12px; color:#102a5e; text-decoration:none; }
.footerLinks a:hover, a:active { font:Arial, Helvetica, sans-serif; color:#0f69ef; font-size:12px; text-decoration:underline; }
.footerLinks_2 { position:absolute; left: 145px; top: 120px; width: 592px; }
.footerLinks_2 p { font:Arial, Helvetica, sans-serif; font-size:11px; color:#8497a8; padding-bottom: 0px; }
.footerLinks_2 a:link { font:Arial, Helvetica, sans-serif; font-size:11px; color:#102a5e; text-decoration:none; }
.footerLinks_2 a:visited { font:Arial, Helvetica, sans-serif; font-size:11px; color:#102a5e; text-decoration:none; }
.footerLinks_2 a:hover, a:active { font:Arial, Helvetica, sans-serif; color:#0f69ef; font-size:11px; text-decoration:underline; }
.footerCrest { background:url(../images/footer_crest.jpg) no-repeat; width:73px; height:122px; position:absolute; left: 707px; top: 71px; }
.footerLinks_3 { position:absolute; left: 425px; top: 140px; width: 292px; }
.footerLinks_3 p { font:Arial, Helvetica, sans-serif; font-size:11px; color:#8497a8; padding-bottom: 0px; }
.footerLinks_3 a:link { font:Arial, Helvetica, sans-serif; font-size:11px; color:#102a5e; text-decoration:none; }
.footerLinks_3 a:visited { font:Arial, Helvetica, sans-serif; font-size:11px; color:#102a5e; text-decoration:none; }
.footerLinks_3 a:hover, a:active { font:Arial, Helvetica, sans-serif; color:#0f69ef; font-size:11px; text-decoration:underline; }