/* Layout ================================================================================= */ body {font-family:"Lucida Grande", Geneva, Arial, Verdana, sans-serif; font-size: 12px; color:#000; margin: 0; padding: 0; height:100%; background-color:#0e3c48; background-image:url(../images/background.jpg); background-repeat:no-repeat; background-position:top center;} #wrapper {width:960px; margin-right:auto; margin-left:auto; background-color:#232323 url(../images/site_bg.png) repeat-y center top; } .page { width:999px; margin:0 auto; padding:0; text-align:left; } .main{padding:0;} /*CLEAR FLOAT & TRANSPARENT ================================================================================= */ .clearfloat {clear:both; height:0; font-size:1px; line-height:0px;}/* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */ .transparent {filter: alpha(opacity=40); /* IE */ opacity: 0.45; /* Mozilla, Safari and Opera */ -moz-opacity: 0.45; /* older Mozilla*/ -khtml-opacity: 0.45; /* older Safari */ } .normal { filter: alpha(opacity=100); -moz-opacity: 1; } /* TOP NAVIGATION ================================================================================= */ #topbar {margin: 0; width: 100%; height: 20px;background-color:#000;} #logo {margin-top: -15px; } /* TOP NAVIGATION ================================================================================= */ #topnav{margin:0; width: 100%; height: 44px; background-color:#111} #topnav ul{font-size:15px !important;padding:0;list-style-type:none;} #topnav ul li{float:left; /* positions the nav side by side */} #topnav ul li a{display:block; margin: 0px 0 0px 0; padding:8px 10px 4px 10px; color:#fff; font-weight: bold; text-decoration: none;} #topnav ul li a:hover{color:#fff; background-color:#1E648A; text-decoration:none; zoom:1;height: 32px;} #topnav ul li.active a, #topnav ul li.active a:hover{background-color:#1E648A; color:#fff;height: 32px;} #topnav span.supernav {font-size: 14px !important; color: #FFF; padding: 0px; display: block;} #topnav span.subnav {color: #FFD600; font-size: 10px !important; font-style:italic;} /* Main Content ================================================================================= */ #mainWrapper {} #mainWrapper2 { margin-top:10px;background-color:#121212; } #leftside {background:url(../images/rside_shadow.png) #E5E5E5 repeat-y top right; float:left; width:110px; padding-top:10px; font-size:12px; color:#fff; margin-left:10px; margin-top:24px;} #rightside {background-color:#000;float:right; width:180px; padding:10px 10px 20px 10px; font-size:12px; color:#fff; margin-top:10px; margin-right:10px;} #leftsideFront {float:left; width:150px; padding-top:10px; font-size:12px; color:#000;} #rightsideFront {float:right; width:200px; padding-left:10px; padding-top:10px; padding-bottom:20px; font-size:12px; color:#000;} #rightside h1 {color: #00ABFD; font-size: 16px; font-weight:bold; margin:6px 0px 16px 10px;} #rightsideFront h1 {color: #00ABFD; font-size: 16px; font-weight:bold; margin:6px 0px 16px 10px;} #leftside ul{font-size:12px !important;padding:0;list-style-type:none;} #leftside ul li{float:left; /* positions the nav side by side */} #leftside ul li a{display:block; margin: 4px 0 0px 0; padding:4px 40px 4px 20px; color:#404040; font-weight: bold; text-decoration: none;} .last{padding-bottom:10px;} #leftside ul li a:hover{color:#00ABFD; text-decoration:none; zoom:1;} #leftside ul li.active a, #topnav ul li.active a:hover{background-color:#1E648A; color:#fff;} #leftside span.supernav {font-size: 12px !important; color: #FFF; padding: 0px; display: block;} #main { background-color:#fff; margin-left:120px; margin-right:220px; padding-left:10px; padding-right:10px; padding-bottom:10px; padding-top:10px;} #main a{ color:#A38510; font-style:bold; text-decoration:none;} #main a:hover{color:#FFD600; text-decoration:none;} #mainFront { background-color:#121212; margin-left:20px; margin-right:20px; padding-left:10px; padding-right:10px; padding-bottom:40px; padding-top:10px;} #mainFront h1 {color: #00ABFD; font-size: 24px; font-weight:bold; margin:6px 0px 16px 10px;} #mainFront h2 {color: #000; font-size: 14px; font-weight:bold; margin:6px 0px 16px 10px;} #mainFront h3 {color: #000; font-size: 14px; font-weight:bold; margin:6px 0px 16px 0px;} #mainFront h4 {color: #00ABFD; font-size: 16px; font-weight:bold; margin:6px 0px 16px 10px;} #mainFront h5 {color: #00ABFD; font-size: 10px; font-weight:bold; margin:6px 0px 16px 10px;} #main h1 {color: #00ABFD; font-size: 24px; font-weight:bold; margin:6px 0px 16px 10px;} #main h2 {color: #000; font-size: 14px; font-weight:bold; margin:6px 0px 16px 10px;} #main h3 {color: #000; font-size: 14px; font-weight:bold; margin:6px 0px 16px 0px;} #main h4 {color: #00ABFD; font-size: 16px; font-weight:bold; margin:6px 0px 16px 10px;} #main3 { background-color:#fff; margin-left:150px; padding-left:10px; padding-right:10px; padding-bottom:10px; padding-top:10px;} #main3 h1 {color: #00ABFD; font-size: 24px; font-weight:bold; margin:6px 0px 16px 10px;} #main3 h2 {color: #000; font-size: 14px; font-weight:bold; margin:6px 0px 16px 10px;} #main3 h3 {color: #000; font-size: 14px; font-weight:bold; margin:6px 0px 16px 0px;} #main3 h4 {color: #00ABFD; font-size: 16px; font-weight:bold; margin:6px 0px 16px 10px;} #main3 h5 {margin:6px 0px 16px 10px;} #main3 a {color: #C49506; width:20; padding-left:50px; font-weight: bold; text-decoration: none; } #main3 a:hover{color:#7C5F03; width:20; padding-left:50px; font-weight: bold; text-decoration: none; } #main3 ul{font-size:14px !important; padding-left:10px; padding-top:6px;list-style-type:none;} #main3 ul li{float:left; /* positions the nav side by side */} #main3 span.times {font-size:16px !important; color:#000; font-weight:bold; padding-right:14px; display: block;} #main3 span.times2 {font-size:14px !important; color:#666; padding-left:150px; display: block;} #main4M { background-color:#f8f9fa; margin-left:200px; padding-left:0px; padding-right:0px; padding-bottom:0px; padding-top:0px;} #main4M h1 {color: #00ABFD; font-size: 24px; font-weight:bold; margin:6px 0px 16px 10px;} #main4M h2 {color: #000; font-size: 14px; font-weight:bold; margin:6px 0px 16px 10px;} #main4M h3 {color: #000; font-size: 14px; font-weight:bold; margin:6px 0px 16px 0px;} #main4M h4 {color: #00ABFD; font-size: 16px; font-weight:bold; margin:6px 0px 16px 10px;} #main4M a {padding-right:10px;} .main_inner {padding:10px 10px 20px 10px; clear:both;} #main4 { background-color:#fff; margin-left:200px; padding-left:10px; padding-right:10px; padding-bottom:0px; padding-top:10px; height:600px;} #main4 h1 {color: #00ABFD; font-size: 24px; font-weight:bold; margin:6px 0px 16px 10px;} #main4 h2 {color: #000; font-size: 14px; font-weight:bold; margin:6px 0px 16px 10px;} #main4 h3 {color: #000; font-size: 14px; font-weight:bold; margin:6px 0px 16px 0px;} #main4 h4 {color: #00ABFD; font-size: 16px; font-weight:bold; margin:6px 0px 16px 10px;} #main4 a {color: #666; background: url(../images/docs.png) no-repeat left center; width: 40px; padding-left:50px; margin-left:650px;} #main4 ul{font-size:14px !important; padding-left:10px; padding-top:6px;list-style-type:none;} #main4 ul li{float:left; /* positions the nav side by side */} #main4 span.times {font-size:16px !important; color:#000; font-weight:bold; padding-right:14px; display: block;} #main4 span.times2 {font-size:14px !important; color:#666; padding-left:150px; display: block;} img.figure { margin-left:470px; margin-bottom:10px; width:"100";} img.figure2 { margin-left:180px; margin-bottom:10px; width:"100";} img.figure3 { margin-left:490px; margin-bottom:10px; width:"100";} img.figure4 { margin-left:640px; margin-bottom:10px; width:"100";} .posting {margin-left:10px;} .posting h3 {padding-left:10px;} .posting h5 {padding-left:10px;} #leftside3 {background:url(../images/rside_shadow.png) #E5E5E5 repeat-y top right;float:left; width:140px; padding-top:10px; font-size:12px; color:#000; margin:24px 0 0 10px;} #leftside3 p{padding:10px 10px 10px 10px; font-size:12px; color:#000;} #leftside3 p a{ color:#FFD600; font-style:bold; text-decoration:none;} #leftside3 p a:hover{color:#fff; text-decoration:none;} #leftside3 ul{font-size:12px !important;color:#404040; padding:0;list-style-type:none;} #leftside3 ul li{float:left; /* positions the nav side by side */} #leftside3 ul li a{display:block; margin: 4px 0 0px 0; padding:4px 40px 4px 20px; color:#404040; font-weight: bold; text-decoration: none;} #leftside3 ul li a:hover{color:#00ABFD; text-decoration:none; zoom:1;} #leftside3 ul li.active a, #topnav ul li.active a:hover{background-color:#1E648A; color:#fff;} #leftside3 span.supernav {font-size: 12px !important; color: #FFF; padding: 0px; display: block;} #leftside3 h1 {color: #00ABFD; font-size: 16px; font-weight:bold; margin:6px 0px 16px 10px;} #leftside3T {background-color:#000;float:left; width:180px; padding-top:10px; font-size:12px; color:#fff; margin:10px 0 0 10px;} #leftside3T p{padding:10px 10px 10px 10px; font-size:12px; color:#fff;} #leftside3T p a{ color:#FFD600; font-style:bold; text-decoration:none;} #leftside3T p a:hover{color:#fff; text-decoration:none;} #leftside3T ul{font-size:12px !important;padding:0;list-style-type:none;} #leftside3T ul li{float:left; /* positions the nav side by side */} #leftside3T ul li a{display:block; margin: 4px 0 0px 0; padding:4px 40px 4px 20px; color:#fff; font-weight: bold; text-decoration: none;} #leftside3T ul li a:hover{color:#fff; background-color:#1E648A; text-decoration:none; zoom:1;} #leftside3T ul li.active a, #topnav ul li.active a:hover{background-color:#1E648A; color:#fff;} #leftside3T span.supernav {font-size: 12px !important; color: #FFF; padding: 0px; display: block;} #leftside3T h1 {color: #00ABFD; font-size: 16px; font-weight:bold; margin:6px 0px 16px 10px;} /* Footer ================================================================================= */ #footerWrapper {background-color:#000; height:40px;margin-bottom:20px; margin-top:10px; font-size:10px; color:#fff; padding-top:20px;} #footerWrapper ul{list-style-type:none; text-decoration:none;} #footerWrapper ul li a{font-size:10px !important; color:#fff;text-decoration:none;} #footerWrapper ul li a:hover{color:#FFD600;text-decoration:none; zoom:1;} #sectionOne {float:left; width:460px;} #column1 {float:left; width:219px; padding-left:10px; padding-right:10px; padding-top:10px;} #column2 {margin-left:221px; width:199px;padding-left:10px; padding-right:10px; position:relative; top:-70px; } #sectionTwo {margin-left:480px; width:460px;} #column3 {float:left; width:220px;padding-left:10px; padding-right:10px; position:relative; top:-145px; } #column4 {margin-left:241px; width:200px;padding-left:10px; padding-right:10px; position:relative; top:-160px; } /* Contact ================================================================================= */ #contactInfo {background-color:#232323;height:200px; font-size:10px; color:#fff;} #contactInfo h1 {color: #00ABFD; font-size: 16px; font-weight:bold; margin:6px 0px 16px 10px;} #contactInfo ul{font-size:12px !important; font-weight:bold; padding-left:10px; padding-top:6px;list-style-type:none;} #contactInfo ul li{float:left; /* positions the nav side by side */} #contactInfo span.headerCon {font-size:12px !important; color:#00ABFD; padding-right:14px; display: block;} /* Social Media Mod ================================================================================= */ #socialmediaMod {background-color:#232323;height:160px; font-size:10px; color:#fff;} #socialmediaMod h1 {color: #00ABFD; font-size: 16px; font-weight:bold; margin:6px 0px 16px 10px;} #socialmediaMod h2 {color: #00ABFD; font-size: 16px; font-weight:bold; margin:6px 0px 16px 50px;} #socialmediaMod span.headerCon {font-size:12px !important; color:#00ABFD; padding-right:10px; padding-left:10px;} /* Two Column Main Left ================================================================================= */ #rightsideContact {background-color:#232323; float:right; width:270px; padding-left:10px; padding-top:10px; margin:10px 10px 20px 10px;} #mainContact {background-color:#fff; margin-right:300px; padding-left:10px; padding-right:10px; padding-bottom:10px; padding-top:10px;} .header {background-color:#000; margin-right:300px; height:30px; padding-left:10px; padding-right:10px; padding-bottom:10px; padding-top:20px;font-size:14px; font-weight:bold; color:#00ABFD;} /* About Two Column ================================================================================= */ #greybar3col {background-color:#333; margin-left:120px; margin-right:220px; height:24px; font-size:10px; color:#fff;} #greybar3col ul{font-size:10px !important; font-weight:bold; padding-left:20px; padding-top:6px;list-style-type:none;} #greybar3col ul li{float:left; /* positions the nav side by side */} #greybar3col ul li a{display:block; padding:0px 3px 1px 1px; color:#00ABFD; font-weight: bold; text-decoration: none;} #greybar3col ul li a:hover{color:#fff; text-decoration:none; zoom:1;} #greybar3col ul li.active a, #topnav ul li.active a:hover{background-color:#FF8040; color:#fff;} #greybar3col span.cumblink {font-size:10px !important; color:#00ABFD; display: block;} .header2 {background-color:#000;margin-left:120px; margin-right:220px; height:30px; padding-left:10px; padding-right:10px; padding-bottom:10px; padding-top:20px;font-size:14px; font-weight:bold; color:#00ABFD;} /* Headers Three Column ================================================================================= */ #greybar2col {background-color:#333;margin-left:150px; height:24px; font-size:10px; color:#fff;} #greybar2colT {background-color:#333;margin-left:200px; height:24px; font-size:10px; color:#fff;} #greybar2colT ul{font-size:10px !important; font-weight:bold; padding-left:20px; padding-top:6px;list-style-type:none;} #greybar2colT ul li{float:left; /* positions the nav side by side */} #greybar2colT ul li a{display:block; padding:0px 3px 1px 1px; color:#00ABFD; font-weight: bold; text-decoration: none;} #greybar2colT ul li a:hover{color:#fff; text-decoration:none; zoom:1;} #greybar2colT ul li.active a, #topnav ul li.active a:hover{background-color:#FF8040; color:#fff;} #greybar2colT span.cumblink {font-size:10px !important; color:#00ABFD; display: block;} #greybar2col ul{font-size:10px !important; font-weight:bold; padding-left:20px; padding-top:6px;list-style-type:none;} #greybar2col ul li{float:left; /* positions the nav side by side */} #greybar2col ul li a{display:block; padding:0px 3px 1px 1px; color:#00ABFD; font-weight: bold; text-decoration: none;} #greybar2col ul li a:hover{color:#fff; text-decoration:none; zoom:1;} #greybar2col ul li.active a, #topnav ul li.active a:hover{background-color:#FF8040; color:#fff;} #greybar2col span.cumblink {font-size:10px !important; color:#00ABFD; display: block;} .header3 {background-color:#000; margin-left:150px; height:30px; padding-left:10px; padding-right:10px; padding-bottom:10px; padding-top:20px;font-size:14px; font-weight:bold; color:#00ABFD;} .header3T {background-color:#000; margin-left:200px; height:30px; padding-left:10px; padding-right:10px; padding-bottom:10px; padding-top:20px;font-size:14px; font-weight:bold; color:#00ABFD;} /* Grey Crumbbar ================================================================================= */ #greybar {background-color:#333; margin-right:300px; height:24px; font-size:10px; color:#fff;} #greybar ul{font-size:10px !important; font-weight:bold; padding-left:6px; padding-top:6px;list-style-type:none;} #greybar ul li{float:left; /* positions the nav side by side */} #greybar ul li a{display:block; padding:0px 3px 1px 1px; color:#00ABFD; font-weight: bold; text-decoration: none;} #greybar ul li a:hover{color:#fff; text-decoration:none; zoom:1;} #greybar ul li.active a, #topnav ul li.active a:hover{background-color:#FF8040; color:#fff;} #greybar span.cumblink {font-size:10px !important; color:#00ABFD; display: block;} /* Form Contact ================================================================================= */ form, button{border:0; margin:0; padding:0;} .spacer{clear:both; height:1px;} .myform{margin:0; width:500px; padding:14px;} /* STYLIZED */ #stylized{} #stylized h1 {color: #FC3; font-size: 1.9em; font-weight:500;margin-bottom:6px;} #stylized h3 {font-size:14px; font-weight:bold; margin-bottom:8px; color:#000; padding-left: 10px;} #stylized p{font-size:12px; color:#000; margin-bottom:20px; padding:25px;} #stylized label{display:block; font-weight:bold; text-align:right; width:140px; float:left;} #stylized .small{color:#666666; display:block; font-size:11px; font-weight:normal; text-align:right; width:140px;} #stylized input{float:left; font-size:12px; padding:4px 2px; border:solid 1px #aacfe4; width:250px; margin:2px 0 20px 10px;} #stylized button{clear:both; margin-left:150px; width:125px; height:31px; background:#000 url(../images/button.png) no-repeat; text-align:center; line-height:31px; color:#FFFFFF; font-size:11px; font-weight:bold; } input, textarea{ } textarea{width: 250px; height: 150px; float:left;font-size:12px; padding:4px 2px; border:solid 1px #aacfe4; width:200px; margin:2px 0 20px 10px;} /* Sponsors ================================================================================= */ .sponsors h2 {color: #FFF;font-size: 1.2em; font-weight:bold;margin-bottom:0px;} .sponsors h5{ color: #FFF; font-size: .8em; font-weight:bold;margin:0px;} .sponsors ul{padding: 0;list-style-type:none;} .sponsors ul li{float:left;} .sponsors ul li a{margin: 0 10px 20px 20px; text-decoration:none;} /* FlickrShow ================================================================================= */ #photoshow {padding:10px 10px 10px 10px; float:left;} #photoshow2 {padding:10px 0 10px 70px; float:left;} #phototitle {margin-left:30px; padding-top:20px; padding-right:10px;} #phototitle h1 {color: #00ABFD; font-size: 24px; font-weight:bold; margin:6px 0px 16px 10px; padding-left:330px;} #phototitle h2 {color: #00ABFD; font-size: 16px; font-weight:bold; margin:6px 0px 16px 10px; padding-left:330px;} #phototitle h3 {color: #000; font-size: 14px; margin:6px 0px 16px 0px; padding-left:350px;} #phototitle h4 {color: #00ABFD; font-size: 16px; font-weight:bold; margin:6px 0px 16px 10px;} #phototitle h5 {margin:6px 0px 16px 10px;} #phototitle a {font-size:14px; color: #C49506; width:20; padding-left:440px; font-weight: bold; text-decoration: none; } #phototitle a:hover{font-size:14px; color:#7C5F03; width:20; padding-left:440px; font-weight: bold; text-decoration: none; } #phototitle ul{font-size:14px !important; padding-left:10px; padding-top:6px;list-style-type:none;} #phototitle ul li{float:left; /* positions the nav side by side */} #phototitle span.times {font-size:16px !important; color:#000; font-weight:bold; padding-right:14px; display: block;} #phototitle span.times2 {font-size:14px !important; color:#666; padding-left:150px; display: block;} #phototitle2 a {font-size:11px; color: #C49506; padding-left:6px; font-weight: bold; text-decoration: none; } #phototitle2 a:hover{font-size:11px; color:#7C5F03; padding-left:6px; font-weight: bold; text-decoration: none; } #phototitle2 h2 {color: #00ABFD; font-size: 14px; font-weight:bold; margin:6px 0px 8px 0px;} #main4C {background:url(../images/portbg.jpg) #f8f9fa repeat-y top left; margin-left:200px; padding-left:0px; padding-right:0px; padding-bottom:0px; padding-top:0px;} #main4C h1 {color: #00ABFD; font-size: 24px; font-weight:bold; margin:6px 0px 16px 10px;} #main4C h2 {color: #000; font-size: 14px; font-weight:bold; margin:6px 0px 16px 10px;} #main4C h3 {color: #000; font-size: 12px; font-weight:normal; margin:6px 0px 16px 0px;} #main4C h4 {color: #00ABFD; font-size: 16px; font-weight:bold; margin:6px 0px 16px 10px;} #main4C a {padding-right:10px;} .main_inner {padding:10px 10px 20px 10px; clear:both;} .main_inner2 {background:url(../images/top_shadow2.png) #e8e8e8 repeat-x top left; padding:10px 10px 20px 10px; clear:both;} #meet {padding:0 0 0 10px;} .meetleft {background:url(../images/meetbg.gif) #f2f2f2 no-repeat top left; width:360px; margin:10px 0 10px 10px; float:left;} .meetleft img {padding-left:40px; float:left; } .meetleft a {font-size:14px; color: #C49506; padding-left:86px; font-weight: bold; text-decoration: none;clear:both; } .meetleft a:hover{font-size:14px; color:#7C5F03; padding-left:86px; font-weight: bold; text-decoration: none; } .meetleft h2 {color: #000; font-size: 14px; font-weight:bold; margin:0px 0px 8px 10px;} .meetright {background:url(../images/meetbg.gif) #f2f2f2 no-repeat top left; width:360px; margin:10px 10px 10px 0; float:right;} .meetright img {padding-left:40px;} .meetright a {font-size:14px; color: #C49506; padding-left:86px; font-weight: bold; text-decoration: none;} .meetright a:hover{font-size:14px; color:#7C5F03; padding-left:86px; font-weight: bold; text-decoration: none; } .meetright h2 {color: #000; font-size: 14px; font-weight:bold; margin:0px 0px 8px 10px;} .meetright h5 {font-size:0px; color: #C49506; padding-left:86px; font-weight: bold; text-decoration: none;} .invis a {color: #c8c8c8;}