/* --------------------------------------------------------------
	CSS Reset
-------------------------------------------------------------- */

html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, 
pre, a, abbr, acronym, address, code, del, dfn, img, q, dl, dt, dd, 
ol, ul, li, fieldset, form, label, legend, table, caption, tbody, 
tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}


/* --------------------------------------------------------------
	Layout
-------------------------------------------------------------- */
html
{

}
body
{  	 
	color: Gray;
	background:url(../images/Cbg.gif) repeat-x;
	background-color: #598496;	
	font-family: Verdana, Helvetica, Arial, Sans-serif;
	font: 14px verdana, Helvetica, Arial, Sans-serif;
}

#wrap 	
{
    width: 795px;
    margin: 30px auto 0px auto;
    background-color:White;
    border: 1px solid #970000; 	
}	
	
#header
{
	background: White url(../images/Cheader1.gif) no-repeat 0px 0px;	
	width: 795px;
	height: 175px;		
}
/*#header h1 		{ background: url(../images/header.jpg) no-repeat; }*/
#header h1 a 	{ text-indent:-5000px; display:block; }
#header h1,
#header h1 a 	{ width:100%; height:145px; }

#content { width: 100%; margin-top: 0px; }
#main
{	
	background-color: #f5f5f5;
	float: left;
	width: 460px; 
	padding: 20px;
	height: 358px; 	
	
}
#sidebar
{
    width: 295px;
    float: right;    
    background-color:#E4EBEE;   
    height: 398px;
}

#imagerotator
{
	width: 258px;	
	border: 1px solid #d9d6cf;
	margin: 20px auto;
}

#footer
{
    width: 795px;
    margin: 0 auto;	
	padding-top: 0px;
	line-height: 1.3em;
	color: #f5f5f5;
	text-align:right;
	font-size: 10px;
	border:0px solid green;
}
#footer a, #footer a:visited { color: #f5f5f5; }
#footer a:hover,#footer a:active,#footer a:focus { color: #f5f5f5; } 




/* --------------------------------------------------------------
	Styles
-------------------------------------------------------------- */

a
{
	color: #990000;
	background-color: inherit;
	text-decoration: none;
}

a:hover
{
	color: #5e0000;
	background-color: inherit;
	text-decoration: none;
	border-bottom: 1px #f5f5f5 dotted;
}
a:visited
{
	color: #990000;
	background-color: inherit;
	text-decoration: none;
}


td
{
    vertical-align: top;
}

.TextBox
{
    border: 1px solid #d9d6cf;
    width: 280px;
    background-color: #FFFFFF;
}
.Button
{
    border: 1px solid #d9d6cf;
    color: Gray;

}

p		    { margin-bottom:15px; }	
.clear	    { clear: both; }


/* --------------------------------------------------------------
	Headings
-------------------------------------------------------------- */
h3 { font-size:1.8em; margin-bottom:15px; color: #598496; }


/* --------------------------------------------------------------
	Menu
-------------------------------------------------------------- */	

#menu { list-style-type: none; margin: 0 auto; border-bottom:0px solid green; }
#menu, #menu li a { height: 30px; overflow: hidden;}
#menu, #menu li, #menu li a { display: block; float: left; }
#menu li a { text-decoration: none; text-indent: -5000px; }
#menu, #menu li a.active, #menu li a:hover { background: transparent url(../images/menu.gif) no-repeat left top; }	

/* Tab widths */
#menu li.home a 			{ width: 103px; }
#menu li.female a 			{ width: 180px; }
#menu li.male a				{ width: 153px; }
#menu li.links a 			{ width: 110px; }
#menu li.contact a 			{ width: 142px; }

/* Tab start points  */
#menu li.home a.active,
#menu li.home a:hover 		{ background-position: -0px bottom; }
#menu li.female a.active,
#menu li.female a:hover 	{ background-position: -103px bottom; }
#menu li.male a.active,
#menu li.male a:hover 		{ background-position: -283px bottom; }
#menu li.links a.active,
#menu li.links a:hover	    { background-position: -436px bottom; }
#menu li.contact a.active,
#menu li.contact a:hover	{ background-position: -546px bottom; }