@charset "utf-8";
/* CSS Document */

body, html {margin: 0; padding: 0;}

body {
	background: #30160f url(images/body_bg.gif);
	font-family: arial, verdana, sans-serif;
	font-size: 12px;
	line-height: 1.4;
	color: #5b1400;
	}

p {}
a {color: #40a5b7;}
a:hover {text-decoration: none}

h1, h2, h3 {
	font-family: century gothic, verdana, serif;
	color: #41c4dc;
	}
	
#brown {
	font-family: century gothic, verdana, serif;
	color: #30160f;
	margin: 0px;
	font-size: 2em;
	padding-bottom: 2px;
	padding-right:5px;
	width:auto;
}

#blue {
	font-family: century gothic, verdana, serif;
	color: #41c4dc;
	margin: 0px;
	margin-bottom: 10px;
	font-size: 2em;
	padding-bottom: 2px;
}
	

h1 {
	margin: 0px;
margin-bottom: 10px;
	font-size: 2em;
	padding-bottom: 2px;
	}
h2 {
	font-size: 1.8em;
	margin-bottom: 2px;
	margin-top: 15px;
	}
h3 {
	font-size: 1.3em;
	margin-bottom: 0px;
	margin-top: 15px;
	}
h4 {}
h5 {}

hr {
	border: 0;
	border-bottom: 1px dotted #887974;
	background: transparent;
	color: #fff;
	}
td {vertical-align: top;
padding-right: 20px;
}

.clear {clear: both;}
.divider {margin-left: 90px; padding-top: 20px;}
.center {text-align: center; margin: 0px; clear: both;}
.imgright {float: right;}
.imgleft {float: left;}
.title {margin: 10px 0px;}

/* -----------------
SECTIONS
--------------------*/

#container {
	width: 770px;

margin: 8px auto;
	}

#header {}


#content {
background: #fff;
background-image: url(images/side_girl.jpg);
background-position: bottom right;
background-repeat: no-repeat;
clear: both;
padding: 20px 40px;
min-height: 400px;
	}

#leftcol {
width: 360px;
}

#footer {
text-align: center;
color: #fff;
font-size: 11px;
padding-top: 10px;
}

#footer p {
display: inline;
padding: 6px;
}

.innercol {
width: 320px;
float: left;
}
	
/* -----------------
MENU
--------------------*/	

#menu {

}

#menu ul {
list-style-type: none; 
margin: 0px;
padding: 0px;

}

#menu li {
display: block;
float: left;
position: relative;
}

#menu li a {
color: #fff;
text-decoration: none;
font-size: 11px;
display: block;
}

#menu li a img {border: 0px;
}

#menu li:hover {}

#menu li ul {
	position: absolute;
	left: 0px;
	top: 87px;
	display: none;
background: #fff;
width: 100px;	
font-size: 10px;
color: #fff;
z-index: 100;
border-bottom: 1px solid #eee;
border-right: 1px solid #eee;
}

#menu li ul li {
float: none;
border: 0px;
}


#menu ul ul li a {
	display: block;
	text-decoration: none;
	color: #41c4dd;
	padding: 5px 10px 5px 10px;
height: auto;
border:0;	
width: 80px;
	}



ul ul li a:hover {
background: #30160f ;
}



#menu li li:hover {border: 0px;}

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

.hidden {display: none;}