/* BODY------------------------------------------------------------------------------------------------------------------------ ---------------------------------------------------------------------------------------------------------------------------*/ body {font: 13px/1.4em Arial, Helvetica, sans-serif; line-height:16px; color:#fff; background-color:#4C4C4C;} * {margin:0; padding:0;} .clearfloats {clear:both;} /* SITE STRUCTURE ------------------------------------------------------------- ---------------------------------------------------------------------------*/ #WRAPPER {width:860px; margin:0 auto; background-color:#3D3D3D; background-image:url(/images/hmbg_01.jpg); background-repeat:repeat-y;} #LowerWrap {width:860px; height:550px; margin:0 auto; background-color:#3D3D3D; background-image:url(/images/lowerbg.gif); background-position:right; background-repeat:repeat-y;} #sectionDivider {margin-top:0; width:852px;} #sectionDiv {float:right; width:560px;} /* HEADER --------------------------------------------------------------------------- ----------------------------------------------------------------------------------*/ #Header {float:left; width:860px; height:271px;} /* LEFTNAVAREA -------------------------------------------------------------------------------------- -------------------------------------------------------------------------------------------------*/ #LeftWrap {float:left; display:inline; width:226px; margin-left:31px; background:url(/images/leftnav_03.jpg) 0 0 no-repeat; background-position:right;} #LeftGov {width:188px; height:82px; margin: 15px 0 0 20px;} #LeftAsso {width:188px; height:82px; margin: 15px 0 0 20px;} #LeftCorp {width:188px; height:82px; margin: 15px 0 0 20px;} #LeftSports {width:188px; height:82px; margin: 15px 0 0 20px;} #hmleftlower {float:left; display:inline; width:226px; height:14px; margin-left:31px; background:url(/images/leftnav_09.jpg) 0 0 no-repeat; background-position:right;} #SubLeftWrap {float:left; display:inline; width:245px; margin-left:5px; background:url(/images/leftnav_03.jpg) 0 0 no-repeat; background-position:right;} #SubLeftGov {width:188px; height:82px; margin: 15px 0 0 40px;} #SubLeftAsso {width:188px; height:82px; margin: 15px 0 0 40px;} #SubLeftCorp {width:188px; height:82px; margin: 15px 0 0 40px;} #SubLeftSports {width:188px; height:82px; margin: 15px 0 0 40px;} a#gov {display: block; width:188px; height:82px; background: url(/images/gov_btn.gif) 0 0 no-repeat; margin:0 auto;} a#gov:hover {background-image: url(/images/gov_btn_o.gif);} a#asso {display: block; width:188px; height:82px; background: url(/images/asso_btn.gif) 0 0 no-repeat; margin:0 auto;} a#asso:hover {background-image: url(/images/asso_btn_o.gif);} a#corp {display: block; width:188px; height:82px; background: url(/images/corp_btn.gif) 0 0 no-repeat; margin:0 auto;} a#corp:hover {background-image: url(/images/corp_btn_o.gif);} a#sports {display: block; width:188px; height:82px; background: url(/images/sports_btn.gif) 0 0 no-repeat; margin:0 auto;} a#sports:hover {background-image: url(/images/sports_btn_o.gif);} /* MAINCONTENT -------------------------------------------------------------------------------------- -------------------------------------------------------------------------------------------------*/ #MainContent {float:right; display:inline; width:560px; margin:0 15px 0 0;} #LanyardSection {float:right; display:inline; width:560px; margin:32px 15px 0 0;} #MainContent h1 {margin:1em 0 1em 10px; font-size:1.25em; color:#fff; font-weight:bold; text-align:left;} #MainContent h2 {margin:0 0 .5em 0; font-size:1.15em; color:#CC6633;} #MainContent h3 {margin:0 0 .5em 0; font-size:1em; color:#99CC33;} #MainContent h4 {margin:0 5px 0 0; font-size:1em; color:#fff; font-weight:normal; text-align:right;} #MainContent p {font-size:1em; margin:10px 20px 0 10px; color:#fff;} #MainContent a, #MainContent a:link, #MainContent a:visited {color:#CD190C; text-decoration:none;} #MainContent a:hover, #MainContent a:focus, #MainContent a:active {color:#fff; text-decoration:underline;} /* SUBCONTENT -------------------------------------------------------------------------------------- -------------------------------------------------------------------------------------------------*/ #Subbanner {margin:0 auto; padding:0px; height:187px; text-align:center; background-color:#315687; background-position:bottom; background-image:url(/images/redbar.gif); background-repeat:repeat-x;} #BannerHomeLink {float:left; margin:14px 0 0 25px;} a#BanHmLink {display: block; width:220px; height:125px;} #ExperInsert {margin:0 auto; padding:0px; width:852px; height:150px; background-image: url(/images/exper.jpg); background-position:center; background-repeat:no-repeat;} #TeamInsert {margin:0 auto; padding:0px; width:852px; height:150px; background-image: url(/images/team.jpg); background-position:center; background-repeat:no-repeat;} #ServInsert {margin:0 auto; padding:0px; width:852px; height:150px; background-image: url(/images/serv.jpg); background-position:center; background-repeat:no-repeat;} #NewsInsert {margin:0 auto; padding:0px; width:852px; height:150px; background-image: url(/images/newslet.jpg); background-position:center; background-repeat:no-repeat;} #ContInsert {margin:0 auto; padding:0px; width:852px; height:150px; background-image: url(/images/contact.jpg); background-position:center; background-repeat:no-repeat;} #JoinInsert {margin:0 auto; padding:0px; width:852px; height:150px; background-image: url(/images/join.jpg); background-position:center; background-repeat:no-repeat;} #AssocInsert {margin:0 auto; padding:0px; width:852px; height:150px; background-image: url(/images/assoc.jpg); background-position:center; background-repeat:no-repeat;} #CorpInsert {margin:0 auto; padding:0px; width:852px; height:150px; background-image: url(/images/corp.jpg); background-position:center; background-repeat:no-repeat;} #GovtInsert {margin:0 auto; padding:0px; width:852px; height:150px; background-image: url(/images/govt.jpg); background-position:center; background-repeat:no-repeat;} #SubNavigation {margin:0 auto; padding:0px; width:852px; height:31px; text-align:left;} #NavMatters {float:left; width:274px; height:31px; background-image:url(/images/navio_02.jpg); background-repeat:no-repeat;} #NavHome {float:left; width:76px; height:31px;} a#Home {display: block; width:76px; height:31px; background-image: url(/images/navi_03.jpg); margin: 0 auto;} a#Home:hover {background-image: url(/images/navio_03.jpg);} #NavExper {float:left; width:96px; height:31px;} a#Exper {display: block; width:96px; height:31px; background-image: url(/images/navi_04.jpg); margin: 0 auto;} a#Exper:hover {background-image: url(/images/navio_04.jpg);} #NavTeam {float:left; width:86px; height:31px;} a#Team {display: block; width:86px; height:31px; background-image: url(/images/navi_05.jpg); margin: 0 auto;} a#Team:hover {background-image: url(/images/navio_05.jpg);} #NavServ {float:left; width:91px; height:31px;} a#Serv {display: block; width:91px; height:31px; background-image: url(/images/navi_06.jpg); margin: 0 auto;} a#Serv:hover {background-image: url(/images/navio_06.jpg);} #NavNews {float:left; width:102px; height:31px;} a#News {display: block; width:102px; height:31px; background-image: url(/images/navi_07.jpg); margin: 0 auto;} a#News:hover {background-image: url(/images/navio_07.jpg);} #NavCont {float:left; width:127px; height:31px;} a#Cont {display: block; width:127px; height:31px; background-image: url(/images/navi_08.jpg); margin: 0 auto;} a#Cont:hover {background-image: url(/images/navio_08.jpg);} #SubWrap {width:852px; margin:-6px auto; background-color:#3D3D3D;} #leftlower {float:left; display:inline; width:245px; height:14px; margin-left:5px; background:url(/images/leftnav_09.jpg) 0 0 no-repeat; background-position:right;} #Sublanyard {float:left; margin:10px 0 15px 4px; width:240px; height:199px; background-image:url(/images/corp1.jpg); background-repeat:no-repeat;} #Sublanyardb {float:left; margin:10px 0 15px 4px; width:240px; height:199px; background-image:url(/images/corp2.jpg); background-repeat:no-repeat;} #Sublanyardc {float:left; margin:10px 0 15px 4px; width:240px; height:199px; background-image:url(/images/corp3.jpg); background-repeat:no-repeat;} #Sublanyardd {float:left; margin:10px 0 15px 4px; width:240px; height:199px; background-image:url(/images/corp4.jpg); background-repeat:no-repeat;} #Sublanyarde {float:left; margin:10px 0 15px 4px; width:240px; height:199px; background-image:url(/images/corp5.jpg); background-repeat:no-repeat;} #Sublanyardf {float:left; margin:10px 0 15px 4px; width:240px; height:199px; background-image:url(/images/assoctest.jpg); background-repeat:no-repeat;} #Sublanyardg {float:left; margin:10px 0 15px 4px; width:240px; height:199px; background-image:url(/images/govtest.jpg); background-repeat:no-repeat;} #SubContent {float:right; width:570px; margin:1px 0 30px 7px;} #SubContent h1 {margin:20px 0 23px 13px; font-size:1.25em; color:#fff; font-weight:bold; text-align:left;} #SubContent h2 {font-size:1em; font-weight:bold; color:#fff;} #SubContent h3 {margin:0 0 .5em 0; font-size:1em; color:#fff;} #SubContent h4 {margin:0 5px 0 0; font-size:1em; color:#fff; font-weight:normal; text-align:right;} #SubContent h5 {margin:20px 0 23px 13px; font-size:1.25em; color:#B40E1A; font-weight:bold; text-align:left;} #SubContent p {font-size:1em; margin:10px 10px 0 20px; color:#fff;} .boldtxtwht {font-size:1em; font-weight:bold; color:#fff;} .boldtxtred {font-size:1.25em; font-weight:bold; color:#B40E1A;} #SubContent a, #SubContent a:link, #SubContent a:visited {color:#CD190C; text-decoration:none;} #SubContent a:hover, #SubContent a:focus, #SubContent a:active {color:#fff; text-decoration:underline;} ul {margin:10px 10px 10px 30px; list-style:circle;} li {margin:10px 10px 10px 30px;} table {font-size:1em; color:#fff; border-collapse:collapse; width:500px;} th {padding:1px 0.25em; text-align:left;} td {padding:7px 0 5px 10px; text-align:right;} td:first-child {width: 140px;} td+td {text-align: left;} /* FOOTER ---------------------------------------------------------------------------------- --------------------------------------------------------------------------------------*/ #Footer {margin:0 auto; width:852px;} #Footer p {margin:15px 10px; font-size:.75em; text-align:right; line-height:15px; color:#ccc;} #Footer a, #Footer a:link, #Footer a:visited {color:#ccc; text-decoration:none;} #Footer a:hover, #Footer a:focus, #Footer a:active {color:#fff; text-decoration:none;} .clearfix:after { content: "."; /* the period is placed on the page as the last thing before the div closes */ display: block; /* inline elements don't respond to the clear property */ height: 0; /* ensure the period is not visible */ clear: both; /* make the container clear the period */ visibility: hidden; /* further ensures the period is not visible */ } .clearfix {display: inline-block;} /* a fix for IE Mac */ /* next a fix for the dreaded Guillotine bug in IE6 */ /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;}