@charset "utf-8";
/* CSS Document 
Tutor's Alliance Stylesheet
by
Dave Hibberd
Post Reset, Start everything nicely now */

body {
	font-size:62.5%;
	font-family: Arial, Helvetica, sans-serif;
	background-color:#fff;
}
/* Use this class if a link gets an icon when it shouldn't. */
body a.noicon { 
	background:transparent none !important; 
	padding:0 !important; 
	margin:0 !important; 
}
/* Make sure the icons are not cut */
a[href^="mailto:"], a[href$=".pdf"], a[href$=".doc"], a[href$=".xls"], a[href$=".rss"], 
a[href$=".rdf"], a[href^="aim:"] {
  padding:2px 22px 2px 0;
  margin:-2px 0;
  background-repeat: no-repeat;
  background-position: right center;
}
 
/* External links */
a[href^="mailto:"]        { background-image: url(icons/email.png); }
 
/* Files */
a[href$=".pdf"]   { background-image: url(icons/pdf.png); }  
a[href$=".doc"]   { background-image: url(icons/doc.png); }  
a[href$=".xls"]   { background-image: url(icons/xls.png); }  
h1 { 
	padding: 0em 1em 0.5em 0.5em;
	font-size:200%;
	color:#666;
}
h2 { padding:0em 1em 0.25em 1em;
	font-size:180%;
	color:#555;
}
h3 { padding: 1em 1em 0.25em 1em;
	font-size:160%;
	color:#444;
}
p {	
	padding:0.25em 0em 0.25em 0em;
	font-size: 140%;
	color:#333;
	}
ul.basic {
	font-size:140%;
	list-style-type:disc;
	margin: 1.5em 1.5em 1.5em 1.5em;
}
ul.links {
	font-size:140%;
	list-style-type:none;
	margin: 1.5em 1.5em 1.5em 1.5em;
}
div.wrapper {
	margin: 0 auto; 
	padding: 0;
	width:90em;
}
div.logo {
	width:50em;
	height:13.4em;
	float:left;
	margin: 0.5em 0em 1em 0em;
	overflow:hidden;
}
div.user {
	float:left;
	padding: 0em 1em;
	width:100%;
	background-color:#e2c6ff;
	height:2em;
	z-index:0;
	font-size:100%;
	}
div.user a {
	font-size:100%;
	font-weight:bold;
	text-decoration: none;
	color:#333;
}
div.container {
	float:left;
	background:#f2e7ff; 
	padding: 1em; 
	z-index:0;
	width:90em;
}
div.container a {
	font-size:100%;
	font-weight:bold;
	text-decoration: none;
	color:#333;
}
div.container a:hover {
	color:#999;
}
div.container p a {
	font-size:100%;
	font-weight:bold;
	text-decoration: none;
	color:#333;
}
div.container p a:hover {
	color:#999;
}
div.container p b{
	font-weight:bold;
}
div.content {
	float:left;
	width:85%;
}
div.innermenu {
	float:left;
	width:15%;
	padding-bottom:5000px;
	margin-bottom:-5000px;
	overflow:hidden;
}
div.innermenu li {
margin:0.5em 0;
}
div.innermenu li a{
	font-size:120%;
}
div.menu { 
	float:left;
	margin:0;
	padding: .5em 1em 0em 1em;
	width:100%;
	background-color:#673a7f;
	color:#000;
	background-image:url(menu.png);
	background-repeat:repeat-x;
}
div.footer{
	clear:both;
	font-size:80%;
}
div.footer hr{
	color:#460078;
	background-color:#460078;
	width:100%;
	height:0;
	border: 0.2em solid;
}
div.footer p{
	margin: 0 auto;
}
div.footer a{
	font-size:80%;
}
div.location {
	float:left;

	margin: 1em;
	padding: 1em;
	border: 0.1em solid #FFF;	
}
div.tutoring {
	float:left;

	margin: 1em;
	padding: 1em;
	border: 0.1em solid #FFF;	
}
div.profile {
	clear:both;
	width:60em;
	margin: 1em;
	padding: 1em;
	border: 0.1em solid #FFF;	
}
ul.topnav {
	list-style: none;
	padding:0 1em;
	margin: 0;
	float: left;
	width:80%;
	font-size: 1.2em;
}
ul.topnav li {
	float: left;
	background-color:#e2c6ff;
	margin: 0 0.2em 0 0;
	padding: 0 .5em;
	height:2em;
	position: relative; /*--Declare X and Y axis base for sub navigation--*/
	background-image:url(tab.png);
	background-repeat:repeat-x;
}
ul.topnav li a {
	font-size:1.2em;
	padding: .5em .5em;
	display: block;
	color:#333;
	text-decoration: none;
	float: left;
	font-weight:bold;
}
ul.topnav li:hover, ul.topnav li a:hover{
	color:#FFF;
}
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/
ul.topnav li ul.subnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 0;
	top: 1.99em;
	background:#f0e2ff;
	margin: 0;
	padding: 0;
	display: none;
	float: left;
	width: 15em;
	overflow:hidden;
	border: 1px solid #e2c6ff;
}
ul.topnav li ul.subnav li {
	margin: 0; 
	padding: 0;
	clear: both;
	width: 15em;
	z-index:2;
}

ul.topnav li ul.subnav li a:hover {
	color:#333;
}
ul.topnav li ul.subnav li:hover{
	background-color:#fff;
}
html ul.topnav li ul.subnav li a {
	float: left;
	width: 15em;
	background: #f2e7ff;
	padding-left: 2em;
	z-index:2;
}
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
	background: #fff;
	width: 15em;
}
/*Contact Form Stuff */
.notification_error
{
border: 1px solid #A25965;
height: auto;
width: 40em;
padding: 4px;
background: #F8F0F1;
text-align: left;
-moz-border-radius: 5px;
}

.notification_ok
{
border: 1px #567397 solid;
height: auto;
width: 9em;
padding: 8px;
background: #f5f9fd;
text-align: center;
-moz-border-radius: 5px;
}

.info_fieldset {width:150em; }

.info_fieldset legend
{
font-size:100%;
padding: 2px 5px 2px 5px;
}

label {
width:8em;
padding-left: 0em;
margin: 0em; 
float: left; 
text-align: left; 
font-size:140%;
}
/*Input, Textarea */
input, textarea, checkbox
{
margin: 5px;
padding: 0px;
float: left;

} 	
br { clear: left; }