body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(../Images/Layouts/Layout_PageBack.gif);
	background-repeat: repeat-y;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#SideBar{
	position:absolute;
	left:0px;
	top:0px;
	width:150px;
	height:auto;
}

#pageHeader{
	position:absolute;
	left:155px;
	top:130px;
	width:550px;
	height:auto;
}

#mainContent{
	position:absolute;
	left:155px;
	top:190px;
	width:550px;
	height:auto;
}
#SideMenu{
	position:absolute;
	left:5px;
	top:150px;
	width:140px;
	height:auto;
	z-index:7;
}
#Header{
	position:absolute; 
	left:151px; 
	top:0px; 
	width:650px; 
	height:92px; 
	z-index:5; 
	background-image: url(../Images/Layouts/Layout_Header.gif); 
	border: 1px none #000000;
}
#menuLine{
position:absolute;
left:151px;
top:92px;
width:650px;
background-image:url(../Images/Layouts/Layout_Green.gif)
}
#dropdown1 {
	position:absolute; 
	left:151px; 
	top:118px; 
	width:153px; 
	height:96px; 
	z-index:5; visibility: hidden;}

#dropdown2 {
	position:absolute;
	left:244px;
	top:118px;
	width:153px;
	height:95px;
	z-index:6;
	visibility: hidden;
}
#dropdown3 {
	position:absolute; 
	left:320px; 
	top:118px; 
	width:153px; 
	height:96px; 
	z-index:7; visibility: hidden;}

/*dropwdown 4 div change the co ordinates for left and top if you need to move the dropdown menu*/
#dropdown4 {
	position:absolute;
	left:415px;
	top:118px;
	width:153px;
	height:95px;
	z-index:8;
	visibility: hidden;
}
#dropdown5 {
	position:absolute; 
	left:485px; 
	top:118px; 
	width:153px; 
	height:96px; 
	z-index:9; visibility: hidden;}

/*dropwdown 4 div change the co ordinates for left and top if you need to move the dropdown menu*/
#dropdown6 {
	position:absolute;
	left:605px;
	top:118px;
	width:153px;
	height:95px;
	z-index:10;
	visibility: hidden;
}
/*this is the closer div -this is needed so that on mouseout the dropdowns close*/
#closer {left:0px; position:absolute; margin-top:118px;visibility:hidden;width:750px;	z-index:1;}
/* styles the menu table inside the dropdown div*/
.menu{
border-right: 1px solid #7F8AA8;
background-repeat: repeat-x;
font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
width: 150px;
}

.menu a{
background: #A6ADC4;
display: block;/*needed so that the whole cell is highlighted on mouseover*/
text-decoration: none;
width: 100%;
}

.menu a:link{
background-repeat: repeat-x;
background: #A6ADC4;
border-right:1px solid #2A3C5B;
border-bottom:1px solid #4C69A6;
border-left:1px solid #4C69A6;
color:#000033;
padding: 2px 2px 2px 2px;
filter:Alpha(opacity=90);/*remove if you want to have valid css*/
moz-opacity:1;  /*remove if you want to have valid css*/
}

.menu a:visited,.menu a:active{
background-repeat: repeat-x;
background:#A6ADC4;
border-right:1px solid #4C69A6;
border-bottom:1px solid #4C69A6;
border-left:1px solid #4C69A6;
color: #000066;
padding: 2px 2px 2px 2px;
filter:Alpha(opacity=90);   /*remove if you want to have valid css*/
moz-opacity:1;   /*remove if you want to have valid css*/
}

.menu a:hover{
background-repeat: repeat-x;
background: #E3E2EA;
border-right:#4C69A6 1px solid;
border-bottom:#4C69A6 1px solid;
border-left: #4C69A6 1px solid;
color: #000066;
padding: 2px 2px 2px 2px;
filter:Alpha(opacity=100);   /*remove if you want to have valid css*/
moz-opacity:1;   /*remove if you want to have valid css*/
}

.side {
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFF00;
	font-weight: bold;
}

.side:link{
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFF00;
	font-weight: bold;
}
.side:visited{
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFF00;
	font-weight: bold;
}
.side:active{
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFF00;
	font-weight: bold;
}
.side:hover{
text-decoration: underline;
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #00FF00;
	font-weight: bold;
}
.footer{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
}
.footer:link{
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #0000FF;
	font-weight: bold;
}
.footer:visited{
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #0000FF;
	font-weight: bold;
}.footer:active{
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #0000FF;
	font-weight: bold;
}
.footer:hover{
text-decoration: underline;
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FF0000;
	font-weight: bold;
}
h1 {font-family:"Times New Roman", Times, serif;
font-size:18px;
font-weight:bold;
color:#0000FF;
}
p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.success{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#FF0000
}
a:link{
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0000FF;
	font-weight: bold;
}
a:visited{
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0000FF;
	font-weight: bold;
}
a:active{
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0000FF;
	font-weight: bold;
}
a:hover{
text-decoration: underline;
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF0000;
	font-weight: bold;
}