@charset "UTF-8";
body {
	background-image: url(images/.jpg);
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #647168;
	font-size: 11px;
	font-family: verdana;
	color:#FFFFFF;
	background-repeat: no-repeat;
	background-attachment: fixed;
}
.bodybg {
	background-color: #F3E8D4;
}


a:link {
	color: #FFFFFF;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: none;
}
a.white:link {
	color: #FFFFFF;
	text-decoration: none;
}
a.white:visited {
	text-decoration: none;
	color: #FFFFFF;
}
a.white:hover {
	text-decoration: underline;
}
a.white:active {
	text-decoration: none;
}

.bglightblue {
	background-image: url(../images/bgblue.png);
	}
.bgtranswhite {
	background-image: url(../images/transparent-white.png);
	}
	.bgtranslight {
	background-image: url(../images/transparent-light.png);
	}
.bgtransdark {
	background-image: url(../images/transparent-dark.png);
	}
.borderbottom {
	border-bottom: 1px solid #000000;
}
.borderright {
	border-right: 1px solid #000000;
}
.borderleft {
	border-left: 1px solid #000000;
}
.bordertop {
	border-top: 1px solid #000000;
}
.border {
border: 1px solid #000000;
}
.textbold {
font-weight:bold; }
.text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.textsmall {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.text10 {
	font-size: 10px;
}
.text12 {
	font-size: 12px;
}
.text14 {
	font-size: 14px;
}
.text16 {
	font-size: 16px;
}
.text18 {
	font-size: 18px;
}

.text5 {
	font-size: 5px;
}
.rightmenubg
{
background-color: #2C5276;
}

.bgnorepeat { 
background-repeat: no-repeat; 
} 
.textwhite {
	color: #FFFFFF;
}
.textblack {
	color: #000000;
}
.margin4 {
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
}
.margin3 {
	padding-top: 3px;
	padding-right: 4px;
	padding-bottom: 3px;
	padding-left: 4px;
}

#menu
{
position:absolute;
top:100px;
z-index:2
}
#menu2
{
position:absolute;
top:25px;
z-index:2
}
#topbg
{
position:absolute;
top:0px;
z-index:-2
}

.linkbox {
background-image: url(../images/transparent-white.png);
border: 1px solid #FFFFFF;
}

.newmessage
{
	background-color: #FFFF66;
}
.bg1
{
	background-image: url(../images/menu/1.jpg);
}
.bg2
{
background-image: url(../images/menu/2.jpg);
}
.bg3
{
background-image: url(../images/menu/3.jpg);
}
.bg4
{
background-image: url(../images/menu/4.jpg);
}
.bg5
{
background-image: url(../images/menu/5.jpg);
}
.bg6
{
background-image: url(../images/menu/6.jpg);
}
	.accordion_toggle {
			display: block;
			height: 0px;
			width: 100%;
			padding: 0px;
			line-height: 0px;
			text-decoration: none;
			outline: none;
			font-size: 0px;
			color: #000000;
			border-bottom: 0px;
			margin: 0 0 0 0;
		}
		
		.accordion_toggle_active {
			
		}
		
		.accordion_content {
			overflow: hidden;
		}
			
			.accordion_content h2 {
		
			}
			
			.accordion_content p {
				
			}
			
		.vertical_accordion_toggle {
			display: block;
			height: 0px;
			width: 100%;
			padding: 0px;
			line-height: 0px;
			text-decoration: none;
			outline: none;
			font-size: 0px;
			border-bottom: 0px;
			margin: 0 0 0 0;
		}

		.vertical_accordion_toggle_active {
			background: url(images/accordion_toggle_active.jpg) no-repeat top right #e0542f;
			color: #ffffff;
			border-bottom: 1px solid #f68263;
		}

		.vertical_accordion_content {
			background-color: #ffffff;
			color: #444444;
			overflow: hidden;
		}

			.vertical_accordion_content h2 {
				margin: 0;
				color: #0099FF;
			}

			.vertical_accordion_content p {
				line-height: 150%;
				padding: 0;
			}
  			
		/*
			Horizontal Accordion
		*/
		
		.horizontal_accordion_toggle {
			/* REQUIRED */
			float: left;	/* This make sure it stays horizontal */
			/* REQUIRED */

			display: block;
			height: 480px;
			width: 110px;
			
			color: #ffffff;
			text-decoration: none;
			outline: none;
			
			cursor: pointer;
			margin: 0 0 0 0;
		}
		
		.horizontal_accordion_toggle_active {
			
		}
		
		.horizontal_accordion_content {
			/* REQUIRED */
			height: 480;	/* We need to define a height for the accordion as it stretches the width */
			float: left;	/* This make sure it stays horizontal */
			/* REQUIRED */
			
			overflow: hidden;
		}
			
			.horizontal_accordion_content p {
				width: 600px;
				padding: 0px;
			}
					
					
    /* Container styling*/
    #horizontal_container {
      margin: 0;
      width: 920px;   
      height: 480px;    
    }
    
    #vertical_nested_container {
      margin: 0;
      width: 100%;
    }