body {
	margin: 0 auto;
	padding: 0;
	font: 76% Verdana,Tahoma,Arial,sans-serif;
	background-image: url(images/pattern.jpg);
}

.rightmenu   {
	width:150px;
	background-color: #CCCC99;
	vertical-align:top;
}


#tuition {
margin:5px;
width:500px;
 }

.wrap {
	clear: both;
	color: #000000;
	margin: 0 auto;
	width:760px;
	background-color: #FFFFFF;
}

#rightcontent {
float:right;
width:570px;
 }

#categorymenu {
float:left;
padding:10px;
color: #000000;
width: 160px;
height:430px;
overflow:auto;
font-size:10pt; 
}

#categorymenu a:link{
color:#54421C; 
text-decoration:none;
 }

#categorymenu a:hover{
	color:#003D71;
	text-decoration:underline;
}
 
 #categorymenu a:active{
 color:#54421C; 
text-decoration:none;
 }
 #categorymenu a:visited{
 color:#54421C; 
text-decoration:none;
 }


#menu {
	color: #FFFFFF;
	width: 760px;
}

#menu a, #menu h2{
font:bold 11px/16px arial,helvetica,sans-serif;
display:block;
border-width:1px;
border-style:solid;
border-color:#ccc #888 #555 #bbb;
white-space:nowrap;
margin:0;
padding:1px 0 1px 3px;

}

#menu h2{
	color:#FFFFFF;
	background:#181b3d;
	text-transform:uppercase;
	text-align:center;
}

#menu a{
	color:#003D71;
	background:#ddcba6;
	text-decoration:none;
}

#menu a, #menu a:visited{
	color:#003D71;
	text-decoration:none;
}

#menu a:hover{
color:#ffe9bf;
background:#54421C;
}

#menu a:active{
	color:#003D71;
}

#menu ul{
list-style:none;
margin:0;
padding:0;
float:left;
width:152px;
}

#menu li{
position:relative;
}

#menu ul ul{
position:absolute;
z-index:500;
top:auto;
display:none;
}

#menu ul ul ul{
top:0;
left:100%;
}

div#menu li:hover{
cursor:pointer;
z-index:100;
}

div#menu li:hover ul ul,
div#menu li li:hover ul ul,
div#menu li li li:hover ul ul,
div#menu li li li li:hover ul ul
{display:none;}

div#menu li:hover ul,
div#menu li li:hover ul,
div#menu li li li:hover ul,
div#menu li li li li:hover ul
{display:block;}

/* End of non-anchor hover selectors */

/* Styling for Expand */

#menu a.x, #menu a:visited.x{
	font-weight:bold;
	color:#333333;
}

#menu a:hover.x{
color:#fff;
background:#000;
}

#menu a:active.x{
	color:#003D71;
}

/* End CSS Popout Menu */

/* Begin Content Area - Not Part of CSS Popout Menu */



/* End Content Area - Not Part of CSS Popout Menu */
h5           { z-index:0; }

/* CSS for the menuv div */

/* Begin CSS Popout menuv */

#menuv{
z-index:2;
width:10em;
padding-bottom:12em; /* To allow room for bottom dropdown */
}

#menuv a, #menuv h2{
font:bold 11px/16px arial,helvetica,sans-serif;
display:block;
border-width:1px;
border-style:solid;
border-color:#ccc #888 #555 #bbb;
white-space:nowrap;
margin:0;
padding:1px 3px;
}

#menuv h2{
color:#ffffff;
background:#181b3d;
text-transform:uppercase; 
}

#menuv h2 a{
	color:#FFFFFF;
	text-transform:uppercase;
	background-color: #181B3D;
}

#menuv a{
color:#181b3d;
background:#ddcba6;
text-decoration:none;
}

#menuv a:hover{
	color:#003D71;
}

#menuv ul{
list-style:none;
margin:0;
padding:0;
width:150px;
}

/* Requirement: Put the element selector name (div)
onto non anchor hover selectors to force IE5 and
5.5 to correctly apply the csshover file. */

div#menuv li, div#menuv li:hover{
position:relative;
}

div#menuv li ul{
position:absolute;
top:0;
left:99.9%;
display:none;
}

div#menuv ul ul,
div#menuv ul ul ul,
div#menuv ul li:hover ul ul,
div#menuv ul li:hover ul ul ul
{display:none;}

div#menuv ul li:hover ul,
div#menuv ul ul li:hover ul,
div#menuv ul ul ul li:hover ul
{display:block;}

#menuv a:active.x{
	color:#003D71;
}