/* CSS Document */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	margin:0px;
	padding:0px;
}
TD, DIV, P {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	line-height: 20px;
}
#boxes TD IMG {
	display: block;
	margin:0;
	padding:0;
	line-height:0px;
}
.copyright {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #010165;
	text-decoration: none;
	font-weight:bold;
}
.pagetitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #010165;
	text-decoration: none;
	font-weight: bold;
}
A {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #010165;
	text-decoration: none;	
}
.righthandcolumntitles {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #84000D;
	text-decoration: none;
	font-weight: bold;
	filter : alpha(opacity=99);-moz-opacity:.99;opacity:.99;
}
.menucourse {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #84000D;
	text-decoration: none;
	font-weight: bold;
	filter : alpha(opacity=99);-moz-opacity:.99;opacity:.99;
}
.testimonialtext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #664A35;
	text-decoration: none;
	font-style: italic;
	padding-left : 20px;
	padding-right:20px;
}

.testimonialclick {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #664A35;
	text-decoration: none;
	padding-left : 20px;
	padding-right:20px;
}
INPUT, TEXTAREA, SELECT, OPTION {
	border : solid 1px #664A35;

}
/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/pro_drop4.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.

This has been modified to provide the top level menu.
=================================================================== */
.preload1 {background: url(template/pro_drop4_2a.gif);}
.preload2 {background: url(template/pro_drop4_2b.gif);}

.prodrop4 {padding:0 0 0 14px; margin:0; list-style:none; height:33px;  position:relative; z-index:500; font-family:arial, verdana, sans-serif;}
.prodrop4 li.top {display:block; float:left;}
.prodrop4 li a.top_link {display:block; float:left; margin-right:1px; margin-left: 1px; height:33px; line-height:25px; background-color: #FFFFFF; filter : alpha(opacity=80);-moz-opacity:.80;opacity:.80; color:#000000; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 10px; cursor:pointer;}
.prodrop4 li a.top_link span {float:left; display:block; padding:3px 8px 0 3px; height:24px; background-color: #FFFFFF;  }
.prodrop4 li a.top_link:hover {color:#FFFFFF; background-color: #010165; line-height:25px;}
.prodrop4 li a.top_link:hover span {background-color: #010165;}

.prodrop4 li:hover > a.top_link {color:#FFFFFF; background-color: #010165; line-height:25px;}
.prodrop4 li:hover > a.top_link span {background-color: #010165;}


.prodrop4 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */
/* Style the list OR link hover. Depends on which browser is used */
.prodrop4 a:hover {visibility:visible; position:relative; z-index:200;}
.prodrop4 li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
.prodrop4 ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.prodrop4 ul.sub1 {width:175px;}
.prodrop4 :hover ul {left:0px; top:33px; background-color: #FFFFFF; filter : alpha(opacity=80);-moz-opacity:.80;opacity:.80; padding:0px; border-left:0px solid #84000D; border-width:0 0px 0px; white-space:nowrap; height:auto; z-index:300; font-weight: bold;}
.prodrop4 :hover ul li {display:block; height:24px; position:relative; font-weight:normal; width:auto; text-align: left;}
.prodrop4 :hover ul li a {display:block; font-size:11px; font-weight: bold; height:24px; line-height:20px; width:auto; padding:3px 3px 0px 12px; color:#000000; text-decoration:none; text-align: left;}
.prodrop4 :hover ul li a:hover {background:#010165; color:#FFFFFF; }