@charset "utf-8";

body{
	background: #97A3AF url(images/bg.png) repeat-x;	
	color:#000033;
	font-family: Calibri,Helvetica,Arial,sans-serif;
 	font-size: 0.9em;
	text-align:center;
	}
p{
	margin:0;
	padding:0;
	line-height: 1.5em;
	
	}
a{
	margin:0;
	padding:0;
	text-decoration:none;
	color:#0066cc;
	}
	
.container {
	width:1010px;
	margin:0px auto;
	text-align:left;

	}

#top{
	height:166px;
	}
h1#logo span{
	display:none;
	}
h1{
	margin:0;
	padding:0;
	color:#000033;
	}
h2{
	margin:0;
	padding:0;
	color:#365f91;
    font-family: Calibri,Helvetica,Arial,sans-serif;
    font-size:0.9em;
	font-weight:bold;
	}
h3{
	margin:0;
	padding:0;
	color:#4f81bd;
    font-family: Calibri,Helvetica,Arial,sans-serif;
    font-size:0.9em;
	font-weight:bold;
	}
#logo{
	background:url(images/dotit.png) no-repeat;
	float:left;
	width:130px;
	height:134px;
	padding:0;
	margin: 0px 95px 0 60px;
	}
#header{
	float:left;
	width:725px;
	height:156px;
	padding:0;
	}

#left{
	background:url(images/left-bg.png) repeat-y;
	width:279px;
	float:left;
	}
#grey{
	background:url(images/menu-bg.png) repeat-y;
	}
#menu-bg{
	background:url(images/left-top.png) no-repeat;
	height:318px;
	padding:10px 0 0 10px;
	}

#menu-bottom{
	background:url(images/menu-bottom.png) bottom no-repeat;
	height:5px;
	}
#left-text{
	padding:10px;
	}
#right{
	background:url(images/right-bg.png) repeat-y;
	margin-left:286px;
	
	}
#right-text{
	background: url(images/right.png) no-repeat;
	padding:19px;
	}

#footer{
	background:url(images/footer.png) no-repeat;
	width:1010px;
	height:54px;
	margin:0px auto;
	text-align:left;

	}
ul{
	margin:0;
	padding:15px;
	list-style-type:circle;
	color:#000033;
	}
li{margin:0;}


.yellow1 {color: #F2AE00}
.yellow2 {color: #F6CB53}
.red1 {color: #A5160E}
.red2 {color: #C00E05}
.purple1 {color: #522978}
.purple2 {color: #734A99}
.orange1 {color: #E55302}
.orange2 {color: #EE771D}
.green1 {color: #074B02}
.green2 {color: #1C7314}
.blue1 {color: #003399}
.blue2 {color: #0066cc}
.white {color: #FFF}
	

ul.menu, ul.menu ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
  width: 15em;
}

ul.menu a {
  display: block;
  text-decoration: none;	
}

ul.menu li {
  margin-top: 1px;
}

ul.menu li a {
  
  color: #fff;	
  padding: 0.5em;
}

 
ul.menu li ul li a {
   
  color: #000;
  padding-left: 20px;
}

ul.menu li ul li a:hover {
  border-left: 5px #000 solid;
  padding-left: 15px;
}

ul.menu li ul li.yellow a:hover {
 border-left: 5px #F2AE00 solid;
 }

ul.menu li ul li.red a:hover{
 border-left: 5px #A5160E solid;
 }
 
ul.menu li ul li.purple a:hover{
 border-left: 5px #522978 solid;
 }
 
ul.menu li ul li.orange a:hover {
 border-left: 5px #E55302 solid;
 }
 
ul.menu li ul li.green a:hover{
 border-left: 5px #074B08 solid;
 }
 
 ul.menu li ul li.blue a:hover{
 border-left: 5px #003399 solid;
 }
 
 ul.menu li ul li.white a:hover{
 border-left: 5px #ffffff solid;
 }