body{
/* The page background, font, font size and color. */
background-image: url(../images/default_background.gif);
background-repeat: no-repeat;
background-color: #d9d9d9;
font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
color:#111111;
/* These are the values around the HTML code, so setting it on 0px will leaves us with no padding around the design, rendering the page at the absolute top. */
margin:0px;
padding:0px;
background-position:top;
}
/* Our wrapper, which contains our 1px stretching background image (main_bg.jpg). */
#wrapper{
	width:1006px;
	margin:0px auto;
	padding:0px;
	padding-left:0px;

}
/* The header image, with a left float, kinda easy and not much to explain =). */
#header{
width:741px;
float:left;
height:117px;
}

#flash-container{
	height: 194px;
	width: 520px;
	float: left;
	}
#ad-container{
	height: 190px;
	width: 214px;
	float: left;
	padding-top:4px;
	padding-left:4px;
	padding-right:4px;
	}	

/* Same as the left container but then a different width which I took from the c_top.jpg image. Float:left to align it to the left, and since the left container didn't fill the whole 960px of the wrapper layer it will join sides with the left container. */
#content_container{
	width:959px;
	float:left;
	background-image:url(../images/content-background.jpg);
	background-repeat:repeat-y;
	background-color:#FFF;
	padding-bottom: 20px;
	padding-left: 24px;
	padding-right: 23px;
	}

#left_container{
	width: 360px; 
	float: left;
	padding-left: 5px;
	}

#right_container{
	width: 500px; 
	padding-left:5px;
	float: left;
	}	

/* The rest is self explanatory */
#top_menu_container{
width:1006px;
height:41px;
float:left;
background-image:url(../images/top-nav-bckgrnd.jpg);
background-repeat:repeat-x;
}

.members-page-top-bckgrnd {
	background-image: url(../images/members-page-top-bckgrnd.jpg);
	background-repeat: no-repeat;
	width: 215px;
	height: 19px;
	position:left top;
	float:left;
}
.members-page-bottom-bckgrnd {
	background-image: url(../images/members-page-bottom-bckgrnd.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	width: 215px;
	height: 19px;
	float:left;
	
}
.members-page-content-bckgrnd {
	background-image: url(../images/members-page-content-bckgrnd.jpg);
	background-repeat: repeat-y;
	background-position: left;
	padding-left:10px;
	padding-right:10px;
	height:158px;
	width: 195px;
	float:left;
	
}

.first-col-top-bckgrnd {
	background-image: url(../images/1st-col-top-content-bckgrnd.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height:24px;
	width:360px;
}
.first-col-bottom-bckgrnd {
	background-image: url(../images/1st-col-bottom-content-bckgrnd.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	height:24px;
	width:360px;	


}
.first-content-bckgrnd {
	background-image: url(../images/1st-col-content-bckgrnd.jpg);
	background-repeat: repeat-y;
	background-position: left;
	width: 360px;

}
.second-col-top-bckgrnd {
	background-image: url(../images/2nd-col-top-content-bckgrnd.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 24px;
	width: 579px;
}
.second-col-bottom-bckgrnd {
	background-image: url(../images/2nd-col-bottom-content-bckgrnd.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	width: 579px;
	height: 24px;
}
.second-content-bckgrnd {
	background-image: url(../images/2nd-col-content-bckgrnd.jpg);
	background-repeat: repeat-y;
	background-position: left;
	width: 579px;
}

.ads-top-content-background {
	background-image: url(../images/ads-top-content-bckgrnd.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 19px;
	width: 735px;
}
.ads-bottom-content-background {
	background-image: url(../images/ads-bottom-content-bckgrnd.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 19px;
	width: 735px;
}
.ads-content-bckrnd {
	background-image: url(../images/ads-content-bckgrnd.jpg);
	background-repeat: repeat-y;
	background-position: left;
	width:695px;
	padding-left: 40px;
}

.content-bckrnd {
	background-image: url(../images/content-bckgrnd.jpg);
	background-repeat: repeat-y;
	background-position: left;
	width: 960px;

}
.top-content-background {
	background-image: url(../images/top-content-bckgrnd.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 960px;
	height: 25px;
}
.bottom-content-background {
	background-image: url(../images/bottom-content-bckgrnd.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 960px;
	height: 25px;
	background-color:#FFF;
}

.bodytext {
	font-family: Calibri;
	font-size: 16px;
	color: #000000;
	text-align: justify;
	letter-spacing: .5px;
	word-spacing: 1px;
}
.bodytext-orange {
	font-family: Calibri;
	font-size: 20px;
	color: #FF6600;
	text-align: justify;
	letter-spacing: .5px;
	word-spacing: 1px;
}
.bodyheader {
	font-family: Calibri;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: underline;

}
#bottom-links{
	width:1006px;
	float: left;
	font-family: Calibri;
	font-size: 14px;
	color: #000000;
	text-align: center;
	padding-top: 20px;
	height:50px;
}

.misc_container{
float: left;
}

/* Our footer has the clear:both value, we could use clear:left since we only use left floats. But I allways use clear:both for this is the most effective way of clearing floats. */ 
#footer_container{
	clear:both;
	width:1006px;
	padding-left: 0px;
	background-image:url(../images/top-nav-bckgrnd.jpg);
	background-repeat: repeat-x;

}
#footer{
	width:1006px;
	background-image: url(../images/footer-background.gif);
	background-repeat: repeat-x;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FF0;
	text-align:center;
}

.footer-style:hover   {
	color: #FFFF00;
	text-decoration: none;
	font-family: Calibri;
	font-size: 14px;
	font-weight: bold;

}

.footer-style {
	font-family: Calibri;
	font-size: 14px;
	color: #FFFFCC;
	font-weight: bold;
	text-decoration: none;

}

.dark-blue-text {
	font-size:16px;
	font-family:Calibri, Verdana, Geneva, sans-serif;
	color:#000033;
	text-decoration:none;
}

.green-text {
	font-size:16px;
	font-family:Calibri, Verdana, Geneva, sans-serif;
	color:#006600;
	text-decoration:none;
}
.red-text {
	font-size:16px;
	font-family:Calibri, Verdana, Geneva, sans-serif;
	color: #F00;
	text-decoration:none;
}

.maroon-text {
	font-size:16px;
	font-family:Calibri, Verdana, Geneva, sans-serif;
	color: #990000;
	text-decoration:none;
}
.body-text{
	font-family: Calibri;
	font-size: 16px;
	color: #000000;
	text-align: justify;
	letter-spacing: .1em;
}

.link{
	font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #03335f;
	text-decoration: underline;

}
.link:hover{
	font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #990000;
	text-decoration: underline;

}

.green-link{
	font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #006600;
	text-decoration: underline;
	font-weight:bold;


}
.green-link:hover{
	font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FF0000;
	text-decoration: underline;
	font-weight:bold;

}

.maroon-link{
	font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #990000;
	text-decoration: underline;
	font-weight:bold;


}
.maroon-link:hover{
	font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #006600;
	text-decoration: underline;
	font-weight:bold;

}


.link2{
	font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #990000;
	text-decoration: underline;


}
.link2:hover{
	font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #03335f;
	text-decoration: underline;


}
.footer-link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFF00;
	text-align: justify;
	letter-spacing: .1em;
	text-decoration: none;
}
.footer-link:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #003300;
	text-align: justify;
	letter-spacing: .1em;
	text-decoration: none;
}

h1{
	font-family: Calibri;
	font-size: 24px;
	color: #000000;
	text-align: left;
	font-style:normal;
	font-variant:normal;
	text-transform:none;
	margin-bottom: 0px; 
	padding-bottom: 0px; 
	padding-top:0px; 
	margin-top:0px;
	display: inline;

}
h2{
	font-family: Calibri;
	font-size: 20px;
	color: #000000;
	text-align: left;
	letter-spacing: .1em;
}
h3{
	font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;;
	font-size: 16px;
	color: #000033;
}

hr{
	color: #d5d5d5;
	}

#news-events-container {
	font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color: #000000;
	border: thin solid #cccccc;
	float: left;
	width:225px; 
	height: 410px; 
	background-color:#f5f5f5;
    overflow: auto;
	overflow-x: hidden;
	-ms-overflow-x: hidden;
	scrollbar-base-color:#ffeaff;

	}
	
.bordered_container_spacing {
	float: left;
	width: 10px;
	height: 563px;
	}
.white-text {
	font-size:16px;
	font-family:Calibri, Verdana, Geneva, sans-serif;
	font-weight:bold;
	color: #FFF;
	text-decoration:none;
}
.orange-text {
	font-size:16px;
	font-family:Calibri, Verdana, Geneva, sans-serif;
	font-weight:bold;
	color:#F90;
	text-decoration:none;
}

fieldset
{
	width: 900px;
	padding-left: 5px;
	padding-right: 14px;
	border:0px;
	
}
label
{
width: 300px;
float: left;
text-align: right;
margin-right: 0.5em;
margin-left: 2em;
display: block;
FONT-SIZE: 12px;
COLOR: #000033;
FONT-FAMILY: Verdana, Helvetica, Sans-Serif;
}
.input{
	PADDING-RIGHT: 1px;
	PADDING-LEFT: 1px;
	FONT-SIZE: 14px;
	BACKGROUND: #ffffff;
	MARGIN-BOTTOM: 2px;
	PADDING-BOTTOM: 1px;
	COLOR: #333366;
	PADDING-TOP: 1px;
	FONT-FAMILY: Verdana, Helvetica, Sans-Serif;
	border: 1px solid #99cc66;
}
.textarea{
	PADDING-RIGHT: 1px;
	PADDING-LEFT: 1px;
	FONT-SIZE: 14px;
	BACKGROUND: #ffffff;
	MARGIN-BOTTOM: 2px;
	PADDING-BOTTOM: 1px;
	WIDTH: 300px;
	COLOR: #333366;
	PADDING-TOP: 1px;
	FONT-FAMILY: Verdana, Helvetica, Sans-Serif;
	border: 1px solid #99CC66;

}
legend
{
color: #fff;
background: #003300;
border: 1px solid #003333;
padding: 2px 6px
} 
.pic-border {
	border: thin solid #870100;
}

/* begin styles for RSS Feed 

This is the most basic style to use for a list with no bullets */



.rss-box {
	 width: 325px;
	 background-color: #ffffff;
}

.rss-title, rss-title a {
	margin: 0px 0;
	padding: 0;
}

.rss-items {
       list-style:none;
       margin:0;
       padding:0;
}

.rss-item  {
	FONT-SIZE: 11px;
	FONT-FAMILY: Calibri;
	margin-bottom: 1em;
	text-align: justify;
	background-image: url(../images/champagne_dotted_strip.jpg);
	background-repeat: repeat;
}

.rss-item a:link, .rss-item a:visited, .rss-item a:active {
	font-family: Calibri;
	font-size: 14px;
	color: #003366;
	text-decoration: none;
	font-weight: bold;
	background-image: url(../images/champagne_dotted_strip.gif);

}


.rss-item a:hover { 



}

	

.rss-date {

	{ color: gray; font-size: 80%; font-weight: normal } 

	} 
/* buttons modeled from http://www.wellstyled.com/css-inline-buttons.html */

.pod-play {
   _width:12em;
   margin: 0 0.2em; padding: 0.1em 0; _padding:0;
   white-space:nowrap;
   text-decoration: none;
   vertical-align:middle;
   background: #fb6;
   color: black;
}

.pod-play em {
   _width:1em; _cursor:hand;
   font-style: normal;
   margin:0; padding: 0.1em 0.5em;
   background: white;
   color: #222;
   }
.pod-play span {
   _width:1em; _cursor:hand;
   margin:0; padding: 0.1em 0.5em 0.1em 0.3em;
   }
.pod-play:hover {
   background: #666;
   color: white;
   }
.pod-play:hover em {
   background: black;
   color: white
   }