/* CSS Document */
body { margin:0px auto; }
#holder { width:940px; margin:0px auto; }
#sidemenu { float:left; width:320px; padding-left:20px; }
#content { float:left; width:560px; padding:10px 20px 10px 20px;}
#highlight { padding:5px 0px; }
#image_border { padding:5px 0px; margin:10px 0px;}
#sub_column { float:left; width:250px; padding:0px 15px;}
#sub_column2 { float:left; width:250px; padding:0px 15px;}
#menuimage { margin-top:30px;}
#footer { clear:left; padding:15px 0px 0px 15px; text-align:center;}

/* styles */
body { font-family:Geneva, Arial, Helvetica, sans-serif; font-size:0.75em; color:#666; background-color: #FFF;}
h1 { font-size:1.8em; } 
h2 { font-size:1.3em; }
a:link, a:visited { color:#111; text-decoration:none; }
a:hover { color:#000; text-decoration:underline; }

#content { background:#F3F3F3; }
#content div { margin:10px 0px;}
#highlight { background:#DDD; border:1px solid #CCC; color:#333; font-size:12px; text-align:center;}
#page_title { font-size:18px; color:#333; }
#image_border { border-top:1px solid #CCC; border-bottom:1px solid #CCC; }
#footer { border-top:1px solid #CCC; margin:0px;}
#footer a:link, #footer a:visited { color:#111; text-decoration:none; padding-right:20px;}
#footer a:hover { color:#000; text-decoration:underline; padding-right:20px; }

/* left menu styles */
#navcontainer ul { border: 0; margin: 0; padding: 0; list-style-type: none; }
#navcontainer ul li { display: block; padding: 0; margin: 0; }
#navcontainer ul li a { width: 300px;  border-bottom: 1px solid #DDD; margin: 0 0 0px 10px; padding-left:10px; color: #555; font-size:16px; text-decoration: none; display: block; line-height:40px;}
#navcontainer ul li a:hover { color: #222; background:#EEE; }
#navcontainer ul li a:hover#none { color: #222; background:#FFF; }
#navcontainer ul li a#none { line-height:20px; }

/* styles of links when the page is active. uses an id in the body to identify the page */
body#business a#business,
body#schools a#schools,
body#unis a#unis,
body#contact a#contact {
	color:#222;
	background: #F3F3F3;
}
body#contact a:link#contact, body#contact a:visited#contact,
body#about a:link#about, body#about a:visited#about,
body#terms a:link#terms, body#terms a:visited#terms, 
body#faq a:link#faq, body#faq a:visited#faq,
body#whatis a:link#whatis, body#whatis a:visited#whatis,
body#copyright a:link#copyright, body#copyright a:visited#copyright 
{ text-decoration:underline; }

/* Adds a style to lists ouside of the contact form in the sub column divs */
#sub_column ul.styled{ list-style:square; margin-left:-15px;} /* Real browsers read this */
* html #sub_column ul.styled{ list-style:square; margin-left:20px;} /* IE6 Reads this */

/* FORM */
#sub_column ul{ list-style:none; margin-left:-7px;} /* Real browsers read this */
* html #sub_column ul{ margin-left:30px;} /* IE6 Reads this */
*:first-child+html #sub_column ul{ margin-left:30px;} /* IE7 Reads this */
#sub_column2 ul{ list-style:none; margin-left:-34px;} /* Real browsers read this */
* html #sub_column2 ul{  margin-left:10px;} /* IE6 Reads this */
*:first-child+html #sub_column2 ul{ margin-left:0px;} /* IE7 Reads this */

form.cmxform fieldset { margin-bottom: 6px;  border:1px solid #DDD;}
form.cmxform legend {padding: 0 2px; font-weight: bold;_margin: 0 -7px; }
.cmxform { margin-left:-30px; border:0px solid #CCCCCC }
form.cmxform label { display: inline-block; line-height: 1.8; vertical-align: top;}
form.cmxform fieldset ol {margin: 0;padding: 0;}
form.cmxform fieldset li {list-style: none;padding: 5px;margin: 0;}
form.cmxform fieldset fieldset {border: none;margin: 3px 0 0;}
form.cmxform fieldset fieldset legend {padding: 0 0 5px;font-weight: normal;}
form.cmxform fieldset fieldset label {display: block;width: auto;}
form.cmxform em {font-weight: bold;font-style: normal;color: #f00;}
form.cmxform label { width: 120px; }
form.cmxform fieldset fieldset label { margin-left: 123px; }