/* CSS Document */
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #C8C8C8;
	margin-top:0;
	margin-bottom:0;
}
#out_container
 {
	width:1006px;
	height:auto;
	background-image: url(images/bg.jpg);
	background-repeat: repeat;
}
#container {
	width:852px;
	height:auto;
	margin-right: auto;
	margin-left: auto;

	background-color: #FFFFFF;
}
#top {
	height: 21px;
	text-align: right;
	background-image: url(images/logo_bg.jpg);
	background-repeat: repeat;
}
#banner {
	height: 49px;
}

/*///////////////////////////////////////////////////////////////////////////*/

/* common styling */
/* set up the overall width of the menu div, the font and the margins */

.top_menu {
	font-family: Arial, Helvetica, sans-serif;
	width:750px;
	margin:0px 0 50px;
	height: 41px;
}
/* remove the bullets and set the margin and padding to zero for the unordered list */
.top_menu ul {
	padding:0;
	margin:0;
	list-style-type: none;
}
/* float the list so that the items are in a line and their position relative so that the drop down list will appear in the right place underneath each list item */
.top_menu ul li {
	float:left;
}
/* style the links to be 104px wide by 30px high with a top and right border 1px solid white. Set the background color and the font size. */
.top_menu ul li a, .menu ul li a:visited {
display:block; 
text-align:center; 
text-decoration:none; 
width:110px; 
height:41px; 
color:#000; 
line-height:41px; 
font-size:11px;
}
#active a {
color:#8590A5;
background-color:#ffffff; 
font-size:12px;
}
/* make the dropdown ul invisible */
.top_menu ul li ul {
display: none;
}

/* specific to non IE browsers */
/* set the background and foreground color of the main menu li on hover */
.top_menu ul li:hover a {
color:#fff; 
background:#7981b3;
}
/* make the sub menu ul visible and position it beneath the main menu list item */
.top_menu ul li:hover ul {
display:block; 
position:absolute; 
top:41px; 
left:0; 
width:105px;
}
/* style the background and foreground color of the submenu links */
.top_menu ul li:hover ul li a {
display:block; 
background:#c7d3fa; 
color:#000;
}
/* style the background and forground colors of the links on hover */
.top_menu ul li:hover ul li a:hover {
background:#8c96d1; 
color:#000;
}


/*///////////////////////////////////////////////////////////////////////////*/

#outer_menu{
width:100%;
clear:both;
height:41px;
background-image: url(images/nav_bg.jpg);
}
#menu{
margin: 0;
padding: 20;
}
#menu ul{
margin: 0;
width:auto;
padding-left:0px;
float: left;
font-size:12px;
}
#menu  ul li{
list-style: none;
display: inline;
}
#menu  ul li a{
float: left;
color:#ffffff;
font-weight:bold;
height:20px;
padding-top:11px;
padding-bottom:10px;
padding-left:8px;
padding-right:8px;
text-decoration: none;
}
#menu  ul li a:hover{
color:#8590A5;
background-color:#ffffff;
filter:alpha(opacity=70);
-moz-opacity:.7;
opacity:.7;

}
#menu #active a {
color:#8590A5;
background-color:#ffffff; 
}


#middle {
	width: 852px;
	height:auto;
	padding-top:20px;
	padding-bottom:20px;
	clear: both;
}

#middle_left {
	width: 189px;
	height:auto;
	padding:0px 0 0;
	float: left;
	position: relative;
	z-index: 1;
}

* html #middle_left{
	margin-left:-1px;
	margin-bottom: 0px;
	list-style-type: none;
	position: relative;
	z-index: 1;
}

#middle_left li{
	margin: 0;
	padding: 0;
	list-style-type:none;
	font-size:12px;
	font-weight:bold;
		position: relative;
	z-index: 1;
}

* html #middle_left li{
	margin-left:10px;
		position: relative;
	z-index: 1;
}

#middle_left li img{
	cursor:pointer;
	color: #FF0000;
}

#middle_left  li ul li{
	margin-bottom: 0;
	margin-left:-28px;
	list-style-type: none;
	padding: 0px;
		position: relative;
	z-index: 1;
}

#middle_left  li ul li a{
	text-decoration:none;
	font-size:12px;
	font-weight: bolder;
	margin-left:0px;
	list-style-type: none;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	position: relative;
	z-index: 1;
}

#middle_left  li ul li ul li a{
	text-decoration:none;
	font-size:12px;
	font-weight: normal;
	margin-left:0px;
	list-style-type: none;
	position: relative;
	z-index: 1;
}
	
#middle_left  li ul li a:hover{
	text-decoration:underline;
	list-style-type: none;
	position: relative;
	z-index: 1;
}

#middle_left_mid {
	height: auto;
	width: 189px;
	padding: 0px;
}
	
#middle_right {
    margin-left:189px;
	padding-top:15px;
}
#ad{
	float:right;
	padding-bottom:20px;
}
#main {
	width:500px;
	height:auto;
	font-size:12px;
	padding-right: 25px;
}

#main_left {
	width: 380px;
	float: left;
	color:#000000;
	margin:10px 0;
	padding-left:20px;
	padding-right:10px;
	border-right:1px solid #A7BBD5;
	padding-bottom: 10px;
}



#main_right {
    margin-left:400px;
	color:#7B56A3;
	padding:20px;
}

#footer {
	width: 852px;
	height: 34px;
	color:#ffffff;
	padding-top:15px;
	background-image: url(images/footer_bg.jpg);
	background-repeat: no-repeat;
	clear: both;
	font-size: 10px;
	text-align: center;
}
#footer a:link{
	color:#ffffff;
	text-decoration:underline;
}
#footer a:visited{
	color:#ffffff;
	text-decoration:none;
}
#footer a:hover{
	color:#ffffff;
	text-decoration:underline;
}
.yellow_title{
	color:#FFB413;
	font-size:22px;
}
.purple_title{
	color:#7B56A3;
	font-size:18px;
}
.purple_area{
	line-height:18px;
}
a:link {
	color: #7B56A3;
	text-decoration: underline;
}
a:hover {
	color: #7B56A3;
	text-decoration: none;
}
.blue, .blue a{
	color:#748AC2;
	list-style-type: none;
}
.red, .red a{
	color:#DC6577;
	text-decoration:none;
}
.green, .green a{
	color:#6FBC71;
	text-decoration:none;
}
.yellow, .yellow a{
	color:#ECB200;
}
/*
.menutitle_blue{
cursor:pointer;
margin-bottom: 5px;
width:189px;
padding:5px 0 5px 0;
text-align:left;
font-size:15px;
font-weight:bold;
}
.menutitle_red{
cursor:pointer;
margin-bottom: 5px;
width:185px;
padding:5px 0 5px 0;
text-align:left;
font-size:15px;
font-weight:bold;
}
.menutitle_green{
cursor:pointer;
margin-bottom: 5px;

width:185px;
padding:5px 0 5px 0;
text-align:left;
font-size:15px;
font-weight:bold;
}
.menutitle_yellow{
cursor:pointer;
margin-bottom: 5px;

width:185px;
padding:5px 0 5px 0;
text-align:left;
font-size:15px;
font-weight:bold;
}

.submenu_blue a:link{
color:#748AC2;
font-weight:bold;
padding-left:20px;
margin-bottom: 0.5em;
text-decoration:none;
}
.submenu_blue a:visited{
padding-left:20px;
font-weight:bold;
margin-bottom: 0.5em;
text-decoration:none;
}
.submenu_blue a:hover{
text-decoration:underline;
}

.submenu_green a:link{
color:#6FBC71;
font-weight:bold;
padding-left:20px;
margin-bottom: 0.5em;
text-decoration:none;
}
.submenu_green a:visited{
padding-left:20px;
font-weight:bold;
margin-bottom: 0.5em;
text-decoration:none;
}
.submenu_green a:hover{
text-decoration:underline;
}
.submenu_yellow a:link{
color:#ECB200;
font-weight:bold;
padding-left:20px;
margin-bottom: 0.5em;
text-decoration:none;
}
.submenu_yellow a:visited{
padding-left:20px;
font-weight:bold;
margin-bottom: 0.5em;
text-decoration:none;
}
.submenu_yellow a:hover{
text-decoration:underline;
}
.submenu_red a:link{
color:#DC6577;
font-weight:bold;
padding-left:20px;
margin-bottom: 0.5em;
text-decoration:none;
}
.submenu_red a:visited{
padding-left:20px;
font-weight:bold;
margin-bottom: 0.5em;
text-decoration:none;
}
.submenu_red a:hover{
text-decoration:underline;
}
*/
/* set the image to use and establish the lower-right position */ 
.cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2 { 
background: transparent url(images/left_nav_bg.png) no-repeat right bottom; 
} 

.cssbox {
	width: 180px!important;
	width: 180px;
	padding-right: 15px;
	margin: 0 auto;
	float: left;
}
/* set the top-right image */ 
.cssbox_head { 
background-position: top right; 
margin-right: -16px!important; /* pull the right image over on top of border */ 
margin-right: -15px; /* pull the right image over on top of border */ 
padding-right: 40px; /* right-image-gap + right-inside padding */ 
} 

/* set the top-left image */ 
.cssbox_head h2 { 
background-position: top left; 
margin: 0; /* reset main site styles*/ 
border: 0; /* ditto */ 
padding: 0px 0px 10px 0px;/* padding-left = image gap + interior padding ... no padding-right */ 
height: auto !important; height: 1%; /* IE Holly Hack */ 
} 

/* set the lower-left corner image */ 
.cssbox_body { 
background-position: bottom left; 
margin-right: 10px; /* interior-padding right */ 
margin-left: 0px!important; /* interior-padding right */
padding: 0px 0 15px 0px; /* mirror .cssbox_head right/left */ 
} 
/*===========================================*/
.left_nav_title {
	margin-left: 8px!important;
	margin-left: -16px;
}
.content_title {

	color:#FFB413;
	font-size:22px;
}
#content_area {
	color: #000000;
	font-size: 12px;
}
#main_index {

    clear:right;
    width:auto;
	height:auto;
	font-size:12px;
}
.purple, .purple a {

	color:#9757a9;
	text-decoration:none;
}
.article_title {
	font-size: 14px;
	font-weight: bold;
	color: #6699CC;
}
.readmore {
	text-align: right;
}