/************************************************************************************
* Created on Sep 7, 2007															*
* 																					*
* This is the standard CSS document to use on all websites. The elements shown are 	*
* just the standard ones. Feel free to add any elements you may need. You may also	*
* uncomment any of the attributes from any element you wish to use, or change the	*
* values of any attribute. Whatever works for your site.							*
*																					*
* Edited Jun 20, 2008 by Mark Kitanga												*
* - Added 1 class category called Photo Options										*
* - Added 1 class to Photo Options: photo_border									*
*																					*
* Edited Jun 17, 2008 by Mark Kitanga												*
* - Added 8 classes to Padding Sizes: padding_top_5, padding_top_10,				*
*   padding_bottom_5, padding_bottom_10, padding_left_5, padding_left_10,			*
*   padding_right_5, padding_right_10												*
*																					*
* Edited Feb 23, 2008 by Mark Kitanga												*
* - Added 3 classes to Padding Sizes: padding_5, padding_10, form_field_padding		*
*																					*
************************************************************************************/

/* Site Styles */
#map_members
{
	z-index:11;
	width:590px;
	height:400px;
} 
#map_member_sm
{
	z-index:11;
	width:317px;
	height:317px;
} 

#map {
	z-index:11;	
	width: 500px; 
	height: 450px;
	}
body
{ 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px; 
	color: #302519; 
	margin-bottom:10px;
	margin:0px;
	background-color:#eeeae1;
}

/********************************************
*					IDs						*
********************************************/
 

#ad_container
{
	background-color:#FFFFFF;
	border:1px solid #dedede;
	padding:5px; 
	margin-bottom:10px; 
	margin-left: auto;
	margin-right: auto;  
	width:930px; 
} 

#container
{ 
	margin-left: auto;
	margin-right: auto;
	width:100%;
} 
#container_2
{ 
	margin-left: auto;
	margin-right: auto;
	width:960px;
} 

#content
{
	background-color:#FFFFFF;
	border:1px solid #dedede;
	padding:5px; 
	width:720px;
	margin:10px; 
	margin-left:0px; 
	margin-right:0px;
	margin-top:0px;
	float:left;  
} 

#content_index
{ 
	padding:0px; 
	width:730px;
	margin:10px; 
	margin-left:0px; 
	margin-right:0px;
	margin-top:0px;
	float:left;  
}  
#content_index_top_box
{ 
	background-color:#FFFFFF;
	border:1px solid #dedede;
	padding:10px; 
	padding-right:20px;
	height:180px;
	width:499px;
	margin-bottom:10px; 
	margin-right:10px;  
	float:left;  
	overflow:auto;
}  
#content_index_middle_box
{ 
	background-color:#FFFFFF;
	border:1px solid #dedede;
	padding:10px; 
	padding-right:20px;
	height:230px;
	width:387px;
	margin-bottom:10px;  
	float:left;
	overflow:auto;
	margin-right:10px; 
} 
#content_index_bottom_box
{ 
	background-color:#FFFFFF;
	border:1px solid #dedede;
	padding:10px; 
	padding-right:20px;
	height:205px;
	width:513px;
	margin-bottom:10px; 
	margin-right:10px;  
	float:left;  
	overflow:auto;
} 
.floater
{  
	float:left; 
	margin-bottom:10px;  
} 
.floater_lg
{  
	float:left;  
	margin-bottom:10px;  
} 
#footer_container
{
	background-image: url("../files/images/footer_bg_repeat.jpg");
	background-repeat:repeat-y; 
	padding:10px;
	margin-top:10px;
	margin-left: auto;
	margin-right: 10px; 
	width:940px;
} 

#footer 
{
	width:930px;
	color:#ffffff;
	padding-bottom:10px;
	
} 

#header_container
{
	background-image: url("../files/images/background_top.jpg");
	background-repeat:repeat;
} 

#header 
{ 
	width:960px;
	margin-left: auto;
	margin-right: auto;   
}
#html_email_content
{
	background-color:#FFFFFF;
	border:1px solid #dedede;	
	width:580px;
	padding:10px;
} 
#main_container
{  
	margin-top:0px;
	margin-left: auto;
	margin-right: auto;  
	vertical-align:top;
	width:960px;
}
#main_container_html_email
{  
	width:600px;
}
#side_nav
{ 
	margin:10px;
	margin-left:10px;
	margin-top:0px;
	padding:10px;
	vertical-align:top;
	width:180px;
	background-color:#52463b;
	height:100%;
	float:left;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
}

#sponsor_container
{
	background-color:#FFFFFF;
	border:1px solid #dedede;
	padding:5px; 
	margin-bottom:10px; 
	margin-left: auto;
	margin-right: auto;  
	width:930px; 
} 

#top_bg_repeat
{
	background-image: url("../files/images/top_bg_repeat.jpg"); 
	background-repeat:repeat-x;  
	height:26px; 
}

#top_nav
{
	position:fixed;
 	top:0; 
	width:100%;
	margin-left: auto;
	margin-right: auto; 
	height:130px;
	clear:both;
	border:1px solid #666666;
	background-color:#B1916A;
	z-index:20;
}
/********************************************
*					Links					*
********************************************/

/* Primary link */ 
a, a:link, a:visited , a:active
{
	text-decoration: none; 
	font-weight: bold; 
	color: #d17441; 
}
a:hover 
{ 
	color: #666666; 
}

a.copyright, a.copyright:link, a.copyright:visited, a.copyright:active
{
	text-decoration: none;
	font-weight:normal;
	color: #d17441;
}

a.copyright:hover 
{ 
	color:#666666;
}

a.nav, a.nav:link, a.nav:visited, a.nav:active
{
	text-decoration:none;
	font-weight:bold;
	color:#FFFFFF;
}
a.nav:hover
{ 
	color:#aaaaaa;
}

#top_nav a, #top_nav a:link, #top_nav a:visited, #top_nav a:active
{
	text-decoration:none;
	font-size:11px;
	color:#ffffff;
}

#top_nav a:hover
{ 
	color:#cccccc;
}

a.footer, a.footer:link, a.footer:visited, a.footer:active
{
	text-decoration:none;
	font-size:12px;
	color:#ffffff;
}

a.footer:hover
{
	text-decoration:none;
	font-size:12px;
	color:#666666;
}


/********************************************
*					Classes					*
********************************************/
.brown_tr{
background-color:#52463B;
}
.clear
{
	clear:both;
}
 
.float_l
{
	float:left;
}

.required
{
	color:#03105F;
	font-weight:bold;
	font-size:16px; 
} 
.top_bar 
{
	background-color:#322ldla;
}
/* Photo Options */
.photo_border
{
	border-left:3px solid #E6E6E6;
	border-top:3px solid #E6E6E6;
	border-right:3px solid #E6E6E6;
	border-bottom:9px solid #E6E6E6;
}

/* Padding sizes */
.l_r_padding 
{
	padding-left:5px;
	padding-right:5px;
}
.l_r_padding_more 
{
	padding-left:10px;
	padding-right:10px;
}
.t_b_padding 
{
	padding-top:5px;
	padding-bottom:5px;
}
.t_b_padding_more 
{
	padding-top:10px;
	padding-bottom:10px;
}

.padding_5
{
	padding:5px;
}
.padding_10
{
	padding:10px;
}
.form_field_padding
{
	padding-left:30px;
	padding-right:30px;
}

.padding_top_5
{
	padding-top:5px;
}
.padding_top_10
{
	padding-top:10px;
}
.padding_top_15
{
	padding-top:15px;
}
.padding_bottom_5
{
	padding-bottom:5px;
}
.padding_bottom_10
{
	padding-bottom:10px;
}
.padding_left_5
{
	padding-left:5px;
}
.padding_left_10
{
	padding-left:10px;
}
.padding_right_5
{
	padding-right:5px;
}
.padding_right_10
{
	padding-right:10px;
}

/* Header sizes */
h1 { font-size: 18px; color:#d17441; margin:0px; padding-top:0px; padding-bottom:10px; }
h2 { font-size: 14px; color:#41817c; padding-top:0px; padding-bottom:0px; }
h3 { font-size: 12px; margin:0px; padding-top:10px; padding-bottom:10px; }
h4 { font-size: 10px; margin:0px; padding-top:10px; padding-bottom:10px; }
h5 { font-size: 18px; margin:0px; padding-top:10px; padding-bottom:10px; }

/* Font sizes */
.section_font 	{ font-size: 18px; }
.big_font 		{ font-size: 16px; }
.mid_font 		{ font-size: 14px; }
.reg_font 		{ font-size: 12px; }
.small_font 	{ font-size: 10px; }

/* Text colors */
.white 			{ color: #FFFFFF; }
.black 			{ color: #000000; }
.green			{ color: #B9CE29; }

/* Bold text colors */
.bold_white 	{ color: #FFFFFF; font-weight: bold; }
.bold_black 	{ color: #000000; font-weight: bold; }
 

/* Begin CSS Popout Menu */
 

/* Begin CSS Popout Menu */

.menu{
width:100%;
float:left; 
}

.menu a, .menu h2{ 
display:block; 
white-space:nowrap;
margin:0;
padding:0px 0 0px 0px;
}

.menu h2{ 
	font-size:12px; 
	text-transform:uppercase;
	text-decoration: none; 
	font-weight: bold; 
	color: #026DC3; 
	padding-left:0px;
	padding-right:30px; 
}


div.menu h2:hover
{ 
	font-weight: bold; 
	color: #2B2929; 
}



 
.menu ul li:hover{
background:none;
}

.menu ul{
list-style:none;
margin:0;
padding:0;
position:relative;
width:200px;

}

.menu li{
position:relative;
margin:0;
padding:0;

}


.menu ul ul li{
position:relative;
margin:0;
padding:0;
border-top:1px solid #01559A;
}

.menu ul ul{ 
position: relative; 
background:#026DC3;
border:1px solid #01559A;
border-top:0px;
z-index:50000;	
top: 0;
left: 0;

display:none;
}

.menu ul ul ul{
position: absolute; 
top:0;
left:100%;
}

/* Begin non-anchor hover selectors */

/* Enter the more specific element (div) selector
on non-anchor hovers for IE5.x to comply with the
older version of csshover.htc - V1.21.041022. It
improves IE's performance speed to use the older
file and this method */



div.menu li:hover{
cursor:pointer;
z-index:10000;
}
.menu li:hover{
background:#01508F;
}
.menu ul li:hover{
background:none;
}
div.menu li:hover ul ul,
div.menu li li:hover ul ul,
div.menu li li li:hover ul ul,
div.menu li li li li:hover ul ul
{display:none;}

div.menu li:hover ul,
div.menu li li:hover ul,
div.menu li li li:hover ul,
div.menu li li li li:hover ul
{display:block;}

/* End of non-anchor hover selectors */

/* Styling for Expand */

.menu a.x, 
.menu a.x:visited,
.menu a.x:active
{
	font-size:14px;  
	color:#eee;
	background:#ffffff; 
	padding:6px;
	padding-left:6px; 
	padding-right:6px;
	margin-bottom:10px;
}

.menu a.x:hover
{
	color:#ddd;
	background:#01508F;
} 

.menu a.z,.menu a.z, .menu a.z:visited,.menu a.z:active
{
	font-size:14px; 
	text-decoration:none;
	padding:6px;   
	color:#eee;
	margin-bottom:10px;
}
 

.menu a.z:hover
{ 
	background:#01508F;
} 
/* End CSS Popout Menu */
 
.menu a.nav_top_link_on ,
.menu a.nav_top_link_on:link,
.menu a.nav_top_link_on:visited,
.menu a.nav_top_link_on:active
{
	 
	font-size:14px; 
	color: #ffffff; 
	padding-bottom:0px; 
	width:170px;
	margin-bottom:10px;
}
.menu a.nav_top_link_on:hover 
{ 
	color: #026DC3; 
}

.menu a.nav_top_link_off, 
.menu a.nav_top_link_off:visited,
.menu a.nav_top_link_off:active
{ 
	color: #ffffff; 
	font-size:14px; 
	padding-bottom:0px;
	width:170px;
	color: #ffffff;  
	margin-bottom:10px;
}
.menu a.nav_top_link_off:hover 
{ 
	color: #2B2929;  
}

 
 
.beige_box {
	background-color:#B1916A;
	color:#fff;
	font-weight:bold;
	}
.beige_box_border {
	border:1px solid #666;
	}
.light_beige_box {
 	background-color:#EEEAE1;
	}