@import "reset.css";

body{ font-size: 62.5%; font-family: Arial, Helvetica, Sans; background: #f2f2f5; }

h2, h3{ margin: 0.8em 0; }

h1{ font-size: 1.8em; color: #333; font-weight: bold; line-height: 54px;  }
h1 span.longline{ font-size: 0.9em; }
h1 span.extralong{ font-size: 0.8em; }
h1 span.longestline{ font-size: 0.8em; letter-spacing: -1px; }
h2{ font-size: 1.6em; color: #333; font-weight: bold; line-height: 22px}
h3{ font-size: 1.4em; color: #333; font-weight: bold; }

p{ font-size: 1.2em; color: #333; line-height: 1.33em; }
p{ margin: 1em 0; }
p.divider{ border-bottom: 1px solid #ddd; padding-bottom: 1em; }


table{}
th{ font size: 1.4em; font-weight: bold; padding: 3px 0;}
td{ font-size: 1.2em; font-weight: normal; padding: 3px 0;}


a{ color: #0066cc; font-weight: bold; text-decoration: none; }
a:hover{ text-decoration: underline; }

.sup {
    font-size: 0.65em;
    font-weight: bold;
    vertical-align: text-top;
}

strong{ font-weight: bold; }
em{ font-style: italic; }

/* layout */

#wrapper{ width: 948px; margin: 0 auto; }
#header{ height: 73px; background: url("../images/header_bg.gif") top right no-repeat; margin-bottom: 1px; }
	#sitelogo{ position: absolute; z-index: 5; top: 13px; margin-left: 28px; }
#navblock{ height: 181px; background: url("../images/navblock_bg.gif") top left no-repeat; margin-bottom: 8px; }
	#navblock p{ padding: 24px 19px 0 599px; margin: 0; height: 90px; }
#leftcolumn{ margin-right: 525px; background: url("../images/hp_news_bg.gif") top left repeat-y; }
	#leftcolumn .cap{ background: url("../images/hp_news_cap.gif") top left no-repeat; height: 54px; padding-left: 20px; }
	#leftcolumn .boot{ background: url("../images/hp_news_boot.gif") top left no-repeat; height: 14px; }
	#leftcolumn .content{  padding: 0 20px; }
#rightcolumn{ float: right; width: 520px; }
#footer{ clear: both; padding-top: 20px; }
#footer p{ text-align: center; }

#flash, #flashctn #bannerctn { margin: 18px 10px 0 19px; position: absolute; z-index: 3; }
#flash_banner{ clear:right; position: absolute; z-index: 3; }

.rightsub{ width: 258px; float: left; margin-right: 4px; }
.rightsingle{ margin-bottom: 6px; background: url("../images/subsingle_bg.gif") top left repeat-y;}
	.rightsingle .cap{ background: url("../images/subsingle_cap.gif") top left no-repeat; height: 54px; padding-left: 20px; }
	.rightsingle .boot{ background: url("../images/subsingle_boot.gif") top left no-repeat; height: 15px;}
	.rightsingle .content{  padding: 0 20px; min-height: 125px; }
	* html .rightsingle .content { height: 125px; }
	.bannerad a img {margin-left:40px;}
.rightdouble{ clear: left; background: url("../images/subdouble_bg.gif") top left repeat-y;}
	.rightdouble .cap{ background: url("../images/subdouble_cap.gif") top left no-repeat; height: 55px; padding-left: 20px; }
	.rightdouble .boot{ background: url("../images/subdouble_boot.gif") top left no-repeat; height: 14px; }
	.rightdouble .content{  padding: 0 20px; }
	
	
/* interior layout -- not to be confused with inside page layout */

.storyblock{ margin: 0.8em 0; padding: 0.8em 0; border-bottom: 1px solid #ccc; }
	.storyblock ul, .storyblock ol{ margin: 0.5em 0 0.5em 2.5em; }
	.storyblock ol{ list-style: decimal; }
	.storyblock ul{ list-style: disc; }
	.storyblock li{ font-size: 1.2em; color: #333; line-height: 1.33em; margin: 0.5em 0; }

.event{ margin: 0.4em 0; padding: 0.4em 0; }
	.event h2{ font-size: 1.2em; }
	
ul.headlines{}
ul.headlines li{ font-size: 1.2em; margin: 0 0 2em 0; line-height: 1.2em; }
ul.headlines li p{ font-size: 1.0em; margin: 0 0 2em 0; line-height: 1.2em; }

img.inlineright{ display: block; float: right;}



/* utilities */
.nomargin{ margin: 0; }
.noborder{ border: 0; }
.leader{ margin-top: 0; }
.trailer{ margin-bottom: 0; }


.mp3, .mp3 a{
	padding-left:2px;
	font-size: 7pt;
	font-weight:bold;
	color:#990000;
	text-align:right;
}

/* navigation */

ul#nav{ height: 65px; list-style: none;  color: #fff; }
ul#nav li{ float: left; height: 65px; font-size: 0.1em; padding-left: 10px; }
ul#nav a{ height: 100%; width: 100%; display: block; color: #fff; }
ul#nav a:hover{ text-decoration: none; }

ul#nav li#nav_about{ background: url("../images/nav_about.gif") top left no-repeat; width: 105px; }
	ul#nav li#nav_about:hover, ul#nav li#nav_about.sfhover { background-position: 0 -65px; }
ul#nav li#nav_membership{ background: url("../images/nav_membership.gif") top left no-repeat; width: 92px; }
	ul#nav li#nav_membership:hover, ul#nav li#nav_membership.sfhover { background-position: 0 -65px; }
ul#nav li#nav_meetings{ background: url("../images/nav_meetings.gif") top left no-repeat; width: 151px; }
	ul#nav li#nav_meetings:hover, ul#nav li#nav_meetings.sfhover { background-position: 0 -65px; }
ul#nav li#nav_info{ background: url("../images/nav_info.gif") top left no-repeat; width: 156px; }
	ul#nav li#nav_info:hover, ul#nav li#nav_info.sfhover { background-position: 0 -65px; }
ul#nav li#nav_research{ background: url("../images/nav_research.gif") top left no-repeat; width: 77px; }
	ul#nav li#nav_research:hover, ul#nav li#nav_research.sfhover { background-position: 0 -65px; }
ul#nav li#nav_news{ background: url("../images/nav_news.gif") top left no-repeat; width: 109px; }
	ul#nav li#nav_news:hover, ul#nav li#nav_news.sfhover { background-position: 0 -65px; }
ul#nav li#nav_sponsors{ background: url("../images/nav_sponsors.gif") top left no-repeat; width: 188px; }	
	ul#nav li#nav_sponsors:hover, ul#nav li#nav_sponsors.sfhover { background-position: 0 -65px; }
	
ul#nav li ul{ position: absolute; width: 175px; border-top: 1px solid #d8e3f0; padding-left: 0; margin-top: -8px; left: -999em; }

ul#nav li ul li{
	position: relative;	
	background: #f0f6fc;						
	border-width: 0 1px 1px 1px;
	border-style: solid;
	border-color: #d8e3f0;
	padding: 0 0 0 10px;	
	width: 160px;
	height: 2em;
	font-size: 11em; 
	line-height: 2em; 
} 

ul#nav li ul li a{ color: #0066cc; font-weight: bold; text-decoration: none; }

ul#nav li:hover ul ul, ul#nav li:hover ul ul ul, ul#nav li.sfhover ul ul, ul#nav li.sfhover ul ul ul {
	left: -999em;										/* DO NOT REMOVE */
}

ul#nav li:hover ul, ul#nav li li:hover ul, ul#nav li li li:hover ul, ul#nav li.sfhover ul, ul#nav li li.sfhover ul, ul#nav li li li.sfhover ul {
	left: auto;										/* DO NOT REMOVE */ margin-left: -10px; 
}

ul#nav li ul li:hover, ul#nav li ul li.sfhover{
	background: #f7fbff;							/* Background of the sub nav items when hovered */
}

ul#utilitynav{ height: 73px; margin-left: 418px; position: absolute; width: 189px; }
ul#utilitynav li{ float: left; height: 73px; text-indent: -999em; }
ul#utilitynav a{ height: 100%; width: 100%; display: block; }
ul#utilitynav li#nav_home{ background: url("../images/nav_home.gif") top left no-repeat; width: 71px; }
	ul#utilitynav li#nav_home:hover, ul#utilitynav li#nav_home.sfhover{ background-position: 0 -73px; }
ul#utilitynav li#nav_members{ background: url("../images/nav_members.gif") top left no-repeat; width: 118px; }
	ul#utilitynav li#nav_members:hover, ul#utilitynav li#nav_members.sfhover{ background-position: 0 -73px; }	
	
/* site wide forms */

form#global_search{ width: 340px; position: aboslute; margin-left: 607px; }
form#global_search img{ margin: 20px 5px 0 0; float: left; }
form#global_search input.radio { margin-top: 14px; border: 0;}
form#global_search input{ border: 1px solid #7f9db9; }

form#loginForm{ width: 340px; position: aboslute; margin-left: 20px;}
form#loginForm fieldset {  }
form#loginForm legend { font-weight: bold; margin-left: -20px; margin-bottom: 10px; }
form#loginForm input{ border: 1px solid #7f9db9; }
form#loginForm input.btn{ margin-left: 40px; }

form#pollEdit { }
form#pollEdit input.long{ width: 90%}

form#voteform label{ font-size: 1.2em; margin: 0.2em 0 0.2em 0.2em; }
#cmdOyVer{ margin: 0.5em 0; }

/* poll results hp */

#results{ padding-bottom: 1em; }
#results p{ margin-bottom: 0.1em; }
#results div{ width: 200px; background: url("../images/percent_bar.gif"); color: #333; text-align: right; background-position: -200px 0; border: 1px solid #c3c3c3;}

/* sponsor tables */

table.sponsors td{ padding: 6px; text-align: center; }
table.gold td{ font-size: 1.4em; font-weight: bold; }
table.silver td{ font-size: 1.4em; font-weight: normal; }
table.bronze td{ font-size: 1.2em; font-weight: bold; }
table.president td{ font-size: 1.2em; font-weight: normal; }

/* poll tables */
table#pollEdit { width: 500px; margin-bottom: 25px; }

table#pollAdmin { width: 500px; margin-bottom: 25px; }

table#pollEdit th.first { width: 25px; }