#container {
width:700px;
margin-left:auto;
margin-right:auto;
border-right: solid 0px #330066;
border-left: solid 0px #330066;
background-color:#FFFFFF;
}

#header {
	width:700px;
	height:125px;
	background-image:url(img/header5r.gif);
	background-color:#FFFFFF;
}

#inner {
	width:700px;
	height:450px;
	border:solid 0px #000;
	font:14px Century Gothic;
	color:#000000;

}
/* ######### Left Pane  ######### */
#left {
	width:450px;
	height:390px;
	border-right:dashed 1px #330066;
	border-left:solid 3px #330066;
	float:left;
	padding:5px 15px 15px 15px;
	margin-top:0px;
}
.leftheader {
	font-size:16px;
	text-align:center;
	letter-spacing:1px;
	padding-top:0px;
	background-color:#FFFFFF;
	color:#330066;
	margin-top:0px;
	padding-bottom:10px;
}
/* ######### Right Pane  ######### */
#right {

	height:440px;
	border:solid 0px #000;
	float:right;
	border-right:solid 3px #330066;
	margin-top:0px;
}

#upperright {
	width:190px;
	height:180px;
	border-bottom:dashed 1px #330066;
	font-size:10px;
	margin-left:auto;
	margin-right:auto;
	margin-top:25px;
	padding:10px;
}

.rightheader {
	font-size:12px;
}

#lowerright {
	width:180px;
	height:182px;
	border:solid 0px #000;
     	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
}







/* ######### Tutors/about page  ######### */



#aboutinner {
	width:700px;
	height:650px;
	border:solid 0px #000;
	font:14px Century Gothic;
	color:#000000;

}

#thewindow {
	display: none;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;}

#thewindowbackground{
	width: 100%;
	height: 200%;
	background-color: #000000;
	position: absolute;
	opacity: .5;
	filter: alpha(opacity=50);}

#thewindowcontent {
	background-color: #FFFFFF;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 40%; 
	margin-left: 30%; 
	margin-right:30%; 
	margin-top: 60px; 
	border:solid 4px #000;
	padding:5px;}


#thewindowcontent a:link {
text-decoration:none;
color:#006633;
font-weight:bold;
}				
#thewindowcontent  a:visited {
text-decoration:none;
color:#006633;
}
#thewindowcontent  a:hover {
color:#006633;
text-decoration:underline;
}
	
#cell {
	width:320px;
	height:90px;
	padding: 0px;
	border:2px dashed #330066;
	background-color:#ffffff;
	color:#330066;
	text-decoration:none;
}

#cell div:hover { 
text-decoration:underline;
	color:#000000;
} 

#pic {
float:left;
margin-right:20px;
}

#celltitle {
	margin-left:20px;
	font-size:20px;
	margin-top:0px;
}

#close {
	text-align:right;}

#celltext {
	    text-decoration:none;
		color:#000000;
		border: solid 0px #000000;
		height:90px;
		margin-top:-90px;
		margin-left:80px;
}


#popup {
	text-align:justify;
}

#about {
	width:664px;
	height:590px;
	border-right:solid 3px #330066;
	border-left:solid 3px #330066;
	padding:15px 15px 15px 15px;
	margin-top:0px;
	
}

#aboutleft {
	width:310px;
	float:left;
	margin-right:30px;
	border: solid 0px #000000;
}

#aboutright {
	width:310px;
	margin-left:0px;
	border: solid 0px #000000;
	text-align: left;
}



/* ######### Footer  ######### */
#footer {
	width:680px;
	text-align:center;
	font-family:century gothic;
	font-size:10px;
	border-top:dashed 1px #330066;
	padding:10px;
	margin-top:-45px;
	height:30px;
	background:url(img/footer.gif) no-repeat bottom;
}


#footer a:link {
text-decoration:none;
color:#000000;
}
				
#footer a:visited {
text-decoration:none;
color:#000000;
}
#footer a:hover {
color:#000000;
text-decoration:underline;
}
	
	
/* ######### menu  ######### */
.jqueryslidemenu{
font: bold 12px Century Gothic;
background: #330066;
width: 694px;
font-family:century gothic;
letter-spacing:2px;
border-left:solid 3px #330066;
border-right:solid 3px #330066;
border-bottom:solid 3px #330066;
}

.jqueryslidemenu ul{
margin: 0;
padding-left: 0px;
list-style-type: none;

}

/*Top level list items*/
.jqueryslidemenu ul li{
position: relative;
display: inline;
float: left;
}

/*Top level menu link items style*/
.jqueryslidemenu ul li a{
display: block;
background: #330066; /*background of tabs (default state)*/
color: white;
padding: 8px 8px;
border-right: 1px solid #778;
color: #2d2b2b;
text-decoration: none;

}

* html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{
color: white;
}

.jqueryslidemenu ul li a:hover{
background: #9999CC; /*tab link background during hover state*/
color: white;
}
	
/*1st sub level menu*/
.jqueryslidemenu ul li ul{
position: absolute;
left: 0;
display: block;
visibility: hidden;

}

/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.jqueryslidemenu ul li ul li a{
font-family:century gothic;
letter-spacing:0px;
width: 160px; /*width of sub menus*/
padding: 5px;
margin: 0;
border-top-width: 0;
border-bottom: 1px solid gray;
}

.jqueryslidemenuz ul li ul li a:hover{ /*sub menus hover style*/
background: #eff9ff;
color: black;
}

/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}

/* ######### Other Classes  ######### */
.justify
{text-align:justify;
}
.center
{text-align:center;
}
.justifysmall
{text-align:justify;
 font-size:12px;
}
.small
{font-size:12px;
}

h1 {
	letter-spacing:2px;
	font:16px Century Gothic;
	color:#330066;
	}


h2 {
	font-size:14px;
	letter-spacing:2px;
	font:14px Century Gothic;
	color:#330066;
	}