
/* ****************** STYLES FOR THE 2 MAIN TEMPLATES ****************** */

/*  REMOVE?
#timeline{
	width:100%;
}

#timeline a {
	display:block;
	float:left;
	width:16%;
	color:#7F6778;
	font-weight:bold;
}
 */

/* holds all background and content elements on dynamic pages */




#bg_image_container{
	position:absolute;
	top:130px;
	left:7px;
	width:798px;
	border:0px;
}


/* left nav for inside pages *********************** */
.page_left_nav{
	position:relative;
	top:0;
	float:left;
	width:150px;
	z-index: 72;
	border:0px;
	margin-left:15px;
	margin-right:15px;
	text-align:left;
}

/* for left navigation **************** */

.page_left_nav a{
	float:left;
	text-align:left;
	width:150px;
	background-color:#fcd9b8;
	padding:20px;
	line-height:12px;
	display:block;
	padding: 4px 0px 4px 25px;
}

.page_left_nav #activeHdr {
	padding:5px 13px 5px 13px;
	border-top:1px solid #999;
	border-bottom:1px solid #999;
	background:#fab168;
	display:block;
	margin-bottom:0px;
	width:150px;
}

#activeLink {
	background-image: url('../site_images/arrow.gif');
	background-repeat: no-repeat;
	background-position: 15px 3px;
}

.page_left_nav .hdr{
	padding:5px 3px 5px 13px;
	background-color:transparent;
	display:block;
	width:150px;
}

.page_left_nav .eclub{
	left:0px;
	padding:0px;
	margin:0px;
	background-color:transparent;
	display:block;
	width:168px;
	border:0px;
}



/* for body and positioning **************** */

body{
	background-image: url('../site_images/purple_bg.jpg');
	background-repeat: repeat;
	/*background-color: #B791B8;*/
	font-family: Verdana, Helvetica, Arial, sans-serif;
  	color: #510041;
	font-weight: regular;
	font-size: 11px;
	margin-top: 0px;
	margin-bottom: 0px;
	line-height: 14px;
}

#top_bar{
	position:absolute;
	top:0;
	left:0;
	right:0;
	width:500px;
	height:20px;
	z-index: 2;
	background-color: #D46935;
}

#top_bar_right{
	position:absolute;
	top:0;
	left:440;
	width:700;
	height:20px;
	z-index: 5;
	background-color: #EDAD3F;

}

#top_green_nav{
	position:absolute;
	top:0;
	left:0;
	right:900;
	height:20px;
	z-index: 10;
}

#page_header_swf{
	position:absolute;
	top:70;
	left:0;
	right:0;
	z-index: 5;
}

#top_navigation{
	position:absolute;
	top:20;
	left:0;
	right:0;
	z-index: 70;
}

/* ************************************ */


.bg_image_top{
	position:relative;
	float:left;
	top:-1px;
	
	
	z-index: 2;
	text-align: center;
	border:0px;


}






.bg_image_bottom{
position:relative;
	float:left;
	top:-1px;
	
	
	z-index: 3;
	text-align: center;
	border:0px;
	
}

.bg_image_bottom_ie{
	position:relative;
	float:left;
	top:-1px;
	left:-3px;
	width:798px;
	z-index: 2;
	text-align: center;
	border:0px;
}

.bg_image_bottom_ie_mac{
	position:relative;
	float:left;
	top:-1px;
	left:20px;
	width:798px;
	z-index: 2;
	text-align: center;
	border:0px;
}



/* content for inside pages *********************** */

.page_content{
	position:relative;
	top:0;
	float:right;
	width:550;
	z-index: 70;
	border:0px;
	padding:0px;
	margin-right:30px;
}

/* styles for index page positioning ************** */

#index_bg{
	position:absolute;
	top:364;
	left:-2;
	z-index: 3;
}

#index_content{
	position:absolute;
	top:440;
	left:200;
	width:570;
	z-index: 64;
}

#index_image_frame{
	position:absolute;
	top:0;
	left:0;
	width:570;
	z-index: 65;
}

#index_left_nav{
	position:absolute;
	top:440;
	width:150px;
	left:30;
	z-index: 64;
}



/* for links ******************************* */

a img {
	border: none;
}

a {
	text-decoration: none;
	color:#333333;
	
	font-weight: regular;
	font-size: 11px;
}

a.navlink {
	text-decoration: none;
	color:#fefae4;
	line-height:12px;
	word-wrap: break-word;
	font-weight: bold;
	font-size: 9px;
}

a.topnavlink {
	text-decoration: none;
	color:#FEFAE4;
	font-weight: bold;
	font-size: 9px;
	
}




a.topnavlink_right {
	text-decoration: none;
	color:#333333;
	font-weight: bold;
	font-size: 9px;
	
}




a:hover{
	text-decoration:underline;

}


.left_col_wide a:link, .left_col_wide a:visited {
	color:#A43A23;

}

/* for search *************** */

.search{
	font-family: Verdana, Helvetica, Arial, sans-serif;
  	/*color: #361554;*/
	color: #fefae4;
	font-weight: regular;
	font-size: 9px;
}

input{
  	padding : 3px;
	font : 11px Verdana, helvetica, ariel;
	border : 1px solid #ccc;
}


/* for default tables ********** */

table{
	border-spacing:3px;
	border:0px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
  	color: #510041;
	font-weight: regular;
	font-size: 11px;
	line-height: 14px;
}

td{
	vertical-align:top;
	padding: 2px;
}

/* for form tables ********** */

table.forms{
	border-spacing:0px;
	border:0px;
	vertical-align:top;
	padding: 0px;
}


/* for white header ********** */

.tablenav{
	border-width:0px;
	border-style: solid;
	border-right-width: 1px;
	color: #fefae4;
}



/* styles for text ************************* */

H1{
	font-family: Verdana, Helvetica, Arial, sans-serif;
  	color: #A43A23;
	margin-top:0px;
	margin-bottom:0px;
	line-height:14px;
	word-wrap: break-word;
	font-weight: bold;
	font-size: 11px;
}

p.white{
	font-family: Verdana, Helvetica, Arial, sans-serif;
  	color: #ffffff;
	line-height:14px;
	font-weight: bold;
	font-size: 9px;
}

.headline{
	font-family: Verdana, Helvetica, Arial, sans-serif;
  	color: #361554;
	font-weight: bold;
	font-size: 11px;
}

.biggertext{
	font-size: 11px;
	color:#fefae4;
}

.smallertext {
color:#fefae4;
}

.bg_image_middle{
	background-image: url('../site_images/bgcropmid2.jpg');
	background-repeat: repeat-y;
	position:relative;
	float:left;
	top:-1px;
	left:0px;
	bottom:-10px;
	width:798px;
	z-index: 2;
	text-align: left;
	padding:5px;
}

.bg_image_middle_ie{
	background-image: url('../site_images/bgcropmid2.jpg');
	background-repeat: repeat-y;
	position:relative;
	float:left;
	top:-1px;
	left:-3;
	bottom:-10px;
	width:798px;
	z-index: 2;
	text-align: left;
	padding:5px;
}



