/* 
Title: Vertical CSS menu with a behavior file.
Author: Stefan Vervoort
Blog: http://www.divitodesign.com/blog/ 
Article: http://www.divitodesign.com/blog/2008/01/vertical-css-menu-with-a-behavior-file/
*/

body {
	behavior: url(csshover.htc);
}
 
a {
	color: #003F5F;
	text-decoration: none;
}

ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width:207;
}

ul li {
	font: bold 11px/16px Arial, Helvetica, sans-serif;
	height:100%;
	background:#ffffff;
	border-right:1px solid #cccccc;
	border-left:1px solid #cccccc;
	border-top:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	position: relative;
	float:left;
	width:205px;
	 background-image: url(images/arrow_menu.png);
 background-position:right;
 background-repeat:no-repeat;
	}
	
ul li ul li{
	background: #eeeeee;

	}

ul li a{
	display:block;
	padding: 4px 4px;
	}

ul li a:hover {
	color: #003F5F;
	background: #eeeeee;
	 background-image: url(images/arrow_menu_hover.png);
 background-position:right;
 background-repeat:no-repeat;
	

}

ul li ul li a:hover{
color:#ADC7D8;
	background: #ffffff;

	
}

ul ul {

	position: absolute;
	top: 0;
	display:none;
}

ul li:hover ul{

	display: block;
	left:205px;
}


.rc_panel1 {
background-color:#009933;
width:207px;

}

.rc_panel1 {
background-color:#619080;
width:207px;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:22px;
font-weight:bold;
padding-bottom:4px;
padding-right:4px;
padding-top:4px;
padding-left:4px;
}
.lc_panel2 {
background-color:#619080;
width:207px;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:22px;
font-weight:bold;
padding-bottom:4px;
padding-right:4px;
padding-top:4px;
padding-left:4px;
}

.rc_panel2 {
background-color:#003F5F;
width:207px;
height:100%;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
margin-left:12px;
padding-bottom:4px;
padding-right:4px;
padding-top:4px;
padding-left:4px;
}
.lc_panel2_long {
background-color:#619080;
width:207px;

color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:22px;
font-weight:bold;
padding-bottom:4px;
padding-right:4px;
padding-top:4px;
padding-left:4px;
}

.rc_panel2_long {
background-color:#003F5F;
width:207px;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
margin-left:12px;
padding-bottom:4px;
padding-right:4px;
padding-top:4px;
padding-left:4px;
}

.rc_panel3 {
background-color:#003F5F;
width:207px;

color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
padding:0px;
}

.box {
background-color:#ffffff;
color:#000000;
font-size:10px;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
padding:4px;
border-color:#333333;
border:thin;
}

.white_panel {
background-color:#ffffff;
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
}

.mainfont {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
}

.mainfont_bold {
font-family: Arial, Helvetica, sans-serif; font-size:12px;
}


.mainfont_small {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:normal;
}


.bp {
padding: 2px 0 2px 16px;
background: url(images/bullet.png) no-repeat top left;

}

.mainfontSmall {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:normal;
}

.boldlink {
font-size:12px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;

}
.boldlinkWhite {
font-size:12px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;

}

.boldlinkDarkBlue {
font-size:12px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
color:#003F5F;
}

.titleFont {
font-size:18px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
color:#003F5F;
}


.bodyCalibri { font-family: Arial, Helvetica, sans-serif; font-size:11px;}