/* CSS Document */

body{
margin:0;
padding:0;
background-color:#380940;
color:inherit;
}
.clr{
clear:both;
width:1px;
height:1px;
margin-left:-1px;
font-size:1px;
}
ul, li, p, h1, h2, h3, img{
margin:0;
padding:0;
}
img{
border:none;
}

#wrapper{
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width:756px;
	top: 20px;
}
#tel_address{
	font:14px Arial, Helvetica, sans-serif;
	color:#515151;
	position:relative;
	float:right;
	width:168px;
	left:1px;
	padding: 3px 0 10px 10px;
}
#tel_contact{
	font:14px Arial, Helvetica, sans-serif;
	color:#515151;
	position:relative;
	width:168px;
	left:1px;
	padding: 3px 0 10px 10px;
}


#vtext{
	position:absolute;
	top:40px;
	left:-40px;
	height:725px;
	width:24px;
	background:url(../images/body_img.gif) no-repeat;
}
#master{
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width:704px;
	top: 9px;
}
#flash{
position: relative; 
z-index: 0;
}
#hd_master{
	position:relative;
	background:url(../images/hd_master.gif) no-repeat;
	height:9px;
	width:704px;
	font-size:1px;
}
#ft_master{
position:relative;
background:url(../images/ft_master.gif) no-repeat;
height:9px;
width:704px;
font-size:1px;
}
#ct_master{
position:relative;
width:704px;
background-color:#8a6092;
color:inherit;
}
#top_menu{
	position:relative;
	width:670px;
	list-style:none;
	padding:0px 5px 0 5px;
	top: 1px;
	height: 22px;
}
#top_menu li{
	position:relative;
	float:left;
	padding: 0px 11px;
}
#top_menu li a{
	text-decoration:none;
	font:bold 12px Arial, Helvetica, sans-serif;
	display:block;
	padding: 3px 11px 4px 0;
}
.normal{
color:#FFFFFF;
background-color:inherit;}
a#sel{
	color:#515151;
	background:url(../images/bt_sel.gif) right top no-repeat;
	padding: 0 11px 0 0;
}
#selected{
background:url(../images/selected.gif) no-repeat;
	padding: 4px 11px 3px 0;}
#content{
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width:692px;
	top: -1px;
}
#hd_content{
	position:relative;
	background:url(../images/hd_content.gif) no-repeat;
	height:9px;
	width:692px;
	font-size:1px;
}
#ft_content{
position:relative;
background:url(../images/ft_content.gif) no-repeat;
height:9px;
width:692px;
font-size:1px;
}
#main_container{
position:relative;
width:692px;
background-color:#fff;
color:inherit;
}
.logo{
	padding:20px 110px 0 50px;
	position: relative;
	float: left;
}
#wrapper_text{
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#484848;
	background-color:inherit;
	position:relative;
	float:left;
	width:502px;
	left:7px;
	padding: 3px 0 0 0;
	
}
#hd_text_ct{
	position:relative;
	background:url(../images/hd_text_ct.gif) no-repeat;
	height:7px;
	width:677px;
	font-size:1px;
}
#ft_text_ct{
position:relative;
background:url(../images/ft_text_ct.gif) no-repeat;
height:7px;
width:677px;
font-size:1px;
}
#allcontent{
clear:both;
background-color:#fcfbf9;
}
#text_container{
	position:relative;
	float:left;
	color:inherit;
	width:502px;
	padding: 0 6px;
	
}

h1{
	color:#3a0940;
	background-color:inherit;
	font:bold 20px Arial, Helvetica, sans-serif;
	padding: 10px 0 0 9px;
}
h2{
	color:#494949;
	background-color:inherit;
	font:bold 18px Arial, Helvetica, sans-serif;
	padding: 10px 0 0 15px;
}
h3{
	color:#380940;
	background-color:inherit;
	font:bold 13px Arial, Helvetica, sans-serif;
	padding: 10px 0 0px 0px;
}
.img1{
	float:left;
	padding: 0 25px 0 0px;
}

.img_schools{
     float:right;
	 padding: 0 25px 20px 20px;

}

#text_container p{
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#484848;
	background-color:inherit;
	line-height: 16px;
	padding: 12px 0;
	
}
/*#list{
	list-style-image:url(../images/bg_list.gif);
	position: relative;
	width: 360px;
	left: 30px;
	float:left;
	width: 370px;
	left: 30px;
	padding: 15px 0 0 0;
}
#list li{
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#484848;
	padding: 2px 0;
}*/
#list, .list{
	/*list-style-image:url(../images/bg_list.gif);*/
	position: relative;
	width: 360px;
	left: 30px;
	float:left;
	width: 370px;
	left: 30px;
	margin-top:10px;
	list-style:none;
}

#list li, .list li{
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#484848;
    padding-left: 18px;
	padding-top:0px;
    background-image: url(../images/bg_list.gif);
    background-repeat: no-repeat;
    background-position: left top;
	margin-bottom:8px;
}
#footer_container{
	position:relative;
	padding-top: 15px;
}
#footer_menu_left, #footer_menu_right{
	position:relative;
	float:left;
	width:280px;
	left: 20px;
	list-style:none;
}
#footer_menu_right{
	float:right;
	width:430px;
	left: 0px;
	height: 22px;
}
#footer_menu_left li, #footer_menu_right li{
	float:left;
	padding:0 10px;
	color: #FFFFFF;
	background-color:inherit;
font:normal 11px Arial, Helvetica, sans-serif;
}
#footer_menu_left li a, #footer_menu_right li a{
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	background-color:inherit;
	text-decoration:none;
	line-height: 14px;
}

.ft_normal{

background:url(../images/bt_footer.gif) left center no-repeat;}

/*//////////Menu*/
.chromestyle{
position:relative;
	width:670px;
	list-style:none;
	padding:0px 5px 0 5px;
	left: 15px;
	top: 1px;
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle ul li{
display: inline;
position:relative;
	float:left;
	padding: 0px 11px;
}

.chromestyle ul li a{
text-decoration:none;
	font:bold 12px Arial, Helvetica, sans-serif;
	display:block;
	padding: 3px 11px 4px 0;
}

.chromestyle ul li a:hover{
background: url(chromebg2-over.gif) center center repeat-x; /*THEME CHANGE HERE*/
}

.chromestyle ul li a[rel]:after{ /*HTML to indicate drop down link*/

}


/* ######### Style for Sub Menu ######### */
#submenucontainer{
position:relative;
float:right;
width: 185px;

}

#ddblueblockmenu{

border: 1px solid black;
border-bottom-width: 0;
;

}

#ddblueblockmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
font: normal 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
}

#ddblueblockmenu li a{
display: block;
padding: 3px 0;
padding-left: 9px;
width: 169px; /*185px minus all left/right paddings and margins*/
text-decoration: none;
color: white;
background-color: #8b6191;
border-bottom: 1px solid #380940;
border-left: 7px solid #380940;
}

* html #ddblueblockmenu li a{ /*IE only */
width: 187px; /*IE 5*/
w\idth: 169px; /*185px minus all left/right paddings and margins*/
}

#ddblueblockmenu li a:hover {
background-color: #380940;
border-left-color: #380940;
}

#ddblueblockmenu div.menutitle{
color: white;
border-bottom: 1px solid black;
padding: 1px 0;
padding-left: 5px;
background-color: black;
font: bold 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
}
#box4-top {width: 502px; height: 9px; position: relative; float: left; background: url(../images/box4-top.gif) 0 0 no-repeat;}



/* content back *//* Box 4 - Secondary pages */
#box4-bg {width: 502px; position: relative; float: left; margin:0 0 9px 0;background: url(../images/box4-mid.png) 0 0 repeat-y;}
#box4-bot {width: 502px; height: 9px; position: relative;bottom:-3px; float: left; background: url(../images/box4-bot.png) bottom left no-repeat; clear:both}

#box4-text {padding: 6px 0 6px 20px; width: 462px; line-height:14px;}
#box4-text img {padding: 3px;margin: 0 16px 10px 0}


/* Box 5 - Sub-menu */
#box5-top {width: 168px; height: 9px; position: relative; float: left; background: url(../images/box5-top.gif) 0 0 no-repeat;}
#box5-bg {width: 168px; top:3px; position: relative; float: right; right:7px; background: url(../images/box5-mid.gif) 0 0 repeat-y; margin:}
#box5-bot {width: 168px; height: 9px; position: relative; float: left; background: url(../images/box5-bot.gif) bottom left no-repeat; clear:both}

#box5-text {padding: 0 0 6px 20px; width: 128px; clear: both}

/* Sub Menu */
#box5-text ul {list-style: none; margin: 0; padding: 0;}
#box5-text li a {width: 128px; color: #000; font-size: 75%; display: block; position: relative; border-bottom: 1px solid #380940;font:bold 11px Arial,Helvetica,sans-serif; text-decoration: none; padding: 2px 0 2px 0;}
#box5-text li a:hover {color: #fff; border-bottom: 1px solid #380940;}

label{
	display:block;
	float:left;
	width:85px;
	padding:0 0 0 5px;
}

.highlighttext{
color:#8a6092;
font-size:12px;
}

#qm-logo img {
padding: 3px; margin: 30px 0 20px 6px;
}

#rec-logo img {
padding: 3px; margin: 8px 10px 5px 33px;
}

/*used on all forms*/
#form{margin-left:10px;margin-right:10px;padding-left:10px;padding-right:10px;}
#form p{clear:left;margin:0;padding:0;padding-top:5px;}
#form p label{float:left;width:23%;}

.error { color: red; 
}

/*-----Clearfix-----*/
.clearfix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

.clearfix { display: inline-block; }

/* Hide from IE Mac \*/
.clearfix { display: block; }
/* End hide from IE Mac */
/*------------------*/

/*-----Some Generic Classes-----*/
.float_right {
	float: right;
}
.float_left {
	float: left;
}
.align_right {
	text-align: right;
}
.align_left {
	text-align: left;
}
/*------------------------------*/

#spear {
color:#fff;
font-size:10px;
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
padding:0 0 10px 0;
}
#spear a{
color:#fff;
text-decoration:none;
}
#spear a:hover{
text-decoration:underline;
}
