body {
	margin-top: 20px; 
	font-size: 10pt; 	
	font-family: Verdana,Tahoma; 
	text-align: left;
	color: #686868;
	background-color: #394129; 
}

p {
	font: 10pt verdana, tahoma, sans-serif;
	color: #686868;
}

/**    Layout ---------------  **/


#ram {
    background-color: #fff;
	margin: 0px auto;
	text-align: left;
	width: 695px;
}

#header {
    background-image:url('images/header.jpg');
    background-repeat:no-repeat
    position: absolute; 
	height: 250px;
    z-index: 2;
}

#name {
    background-image:url('images/name.jpg');
	margin: 0px auto;
	text-align: left;
	height: 45px;
}

#top {
    background-image:url('images/top.jpg');
	margin: 0px auto;
	text-align: left;
	height: 30px;
}

#menu {
	float: left;
	width: 160px;
}

.navi {
	margin-left: 21px; 
	margin-top: 5px; 
	width: 156px;
	float: left;
	display:inline;
}

#content {
	padding-bottom: 0px;
	padding-right: 24px;
	padding-left: 0px;
	padding-top: 5px; 
	width: 483px; 
	float: right;
}

#footer {
	padding-right: 5px; 
	padding-left: 5px; 
	line-height: 55px;
	height: 73px; 
	text-align: center;
    background-image:url('images/footer.jpg');
	clear: both;
}

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

.nav h1{
	font: bold 10pt tahoma, verdana, sans-serif;
	border: solid #668A0C;
	border-width: 0 0 0 6px;
	background-color: #B0D053;
	text-align: left; 
	color: #fff;
	letter-spacing: 2px;
	margin : 0px;
	padding-left: 4px;
	line-height: 20px;
}

.nav ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.nav li A {
	height: 16px;
	display: block;
	padding: 0;
	margin: 0 0 0px;
	padding: 2px 0 0 20px;
	border: solid #B0D053;
	border-width: 0px 1px 1px 0px;

}

.nav li A:link, 
.nav li A:visited {
	padding-right: 2px; 
	padding-left: 4px;
	color: #668A0C; 
	font-weight: bold;
	display: block;
	text-decoration: none;
	border-left: 6px solid #B0D053;
	background-color: #E5EDB2;
}

.nav li A:hover, 
.nav li A:active {
	padding-right: 2px; 
	padding-left: 4px;
	color: #EF6E37; 
	display: block;
	font-weight: bold; 
	text-decoration: none;
	border-left: 6px solid #F7CF3A;
	background-color: #FDECA6;
}

.nav ul ul li A:link, 
.nav ul ul li A:visited {
	padding-right: 2px; 
	padding-left: 16px;
	color: #668A0C; 
	font-weight: bold;
	display: block;
	text-decoration: none;
	border-left: 6px solid #B0D053;
	background: #E5EDB2 url('images/norm.gif') left no-repeat;
}

.nav ul ul li A:hover, 
.nav ul ul li A:active {
	padding-right: 2px; 
	padding-left: 16px;
	color: #668A0C; 
	font-weight: bold;
	display: block;
	text-decoration: none;
	border-left: 6px solid #F7CF3A;
	background: #FDECA6 url('images/hover.gif') left no-repeat;
}

/**  ------  Content   ---------------  **/

h1{
	text-transform:uppercase;
	letter-spacing: 2px;
	color: #8EA0AE;
	font-size:12px;
	line-height:14px;
	font-weight:bold;
	text-align:left;
	padding: 1px 1px 1px 4px;
	margin: 0;
	font-family:verdana,sans-serif;
	border-bottom:1px solid #ACCDCD;
}

h2 {font-size:14px; font-weight:bold; color:#8EA0AE;}
h3 {font-size:12px; color:#B0D4D2;}
h4 {font-size:25pt; color:#394129; margin: 0; padding: 2px 50px 2px 30px;}

A:link {color: #3E566E; font-weight:normal; text-decoration:none;}
A:visited {color: #B0D053; font-weight:normal; text-decoration:none;}
A:hover, A:active {color: #EF6E37; font-weight:normal; text-decoration:none;
}

h2 A:link {
	font-size: 14pt;
	color: #F7CF3A;
	font-weight:bold;
}

h2 A:visited {
	font-size: 14pt;
	color: #CEB4A3;
	font-weight:bold;
}

h2 A:hover, h2 A:active {
	font-size: 14pt;
	color: #EF6E37;
	font-weight:bold;
}

/* *  ------    Accordian    ---------------  * */

.accordion_headings{
	padding:5px;
	background:#99CC00;
	color:#FFFFFF;
	border:1px solid #FFF;
	cursor:pointer;
	font-weight:bold;
}

.accordion_headings:hover{
	background:#00CCFF;
}

.accordion_child{
	padding:15px;
	background:#EEE;
}

.header_highlight{
	background:#00CCFF;
}

/* *  ------    Calendar    ---------------  * */

#calendar ul.date li {
	width: 50px;
	height: 50px;
	border: 1px solid #000;
	margin-right: 8px;
	list-style-type: none;
	position: relative;
	float: left;
	margin-bottom: 8px;
}

#calendar ul.day li {
	width: 50px;
	height: 20px;
	border: 1px solid #000;
	margin-right: 8px;
	list-style-type: none;
	float: left;
	text-align: center;
}
#calendar a.info{
    position:relative; /*this is the key*/
    color:#000;
    text-decoration:none;
	background-color: #B0D053;
	width: 50px;
	height: 50px;
	display: block;
}

#calendar a.info span{display: none}

#calendar a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; width:15em;
    border:1px solid #F7CF3A;
    background-color: #FDECA6; color: #EF6E37;
    text-align: center;
	z-index: 99;
	font-weight: bold;
}

/* *  ------    Links    ---------------  * */

#links {
	margin-top: 15px;
}

#links ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#links li a{
	padding-right: 2px; 
	padding-left: 4px;
	color: #668A0C; 
	font-weight: bold;
	display: block;
	text-decoration: none;
	border-left: 6px solid #B0D053;
	background-color: #E5EDB2;
	margin-bottom: 10px;
}

#links li a:hover{
	color: #EF6E37; 
	border-left: 6px solid #F7CF3A;
	background-color: #FDECA6;
}

/* *  ------    About    ---------------  * */

#about li {
	font-size: 1em;
	font-weight:bold;
	color:#8EA0AE;
	list-style-type: none;
}

#about li.link a {
	color:#8EA0AE;
	font-style: italic;
	list-style-type: none;
	text-decoration: none;
	margin-left: 15px;
	font-size: .9em;
	line-height: 30px;
}