html * {
	margin: 0;
	padding: 0;
	border: none;  }

h1, h2, h3, h4, h5, ul, li, blockquote {
	font-weight: normal;
	font-size: 100%; }


/* ********************* GENERAL ********************* */

body {
	background: #dfdccf;
	color: #000;
	font-family: Verdana;
	font-size: 11px;
	line-height: 15px; }

a {
	text-decoration: none;
	color: #009e46; }

a:hover {
	text-decoration: underline;
	color: #006699; }

h1, h2, h3, h4, h5 {
	font-weight: bold; }

ul {
	margin-left: 15px; }

ol {
	margin-left: 20px; }

#page {
	width: 765px;
	margin: 8px auto 8px auto;
	background: #f7f4f2 url('images/page.png') top center repeat-y;
	border: 1px solid #cacaca; }


/* ********************* HEADER ********************* */

#header {
	background: url('images/header.jpg') top left no-repeat;
	width: 765px;
	height: 275px; }

h1 {
	text-indent: -9999px; }


/* ********************* SIDEBAR ********************* */

#sidebar {
	float: left;
	width: 185px;
	font-size: 9px; }

#sidebar ul {
	margin-left: 20px; }

#sidebar ul li {
	display: block;
	list-style: none; }

#sidebar ul li a {
	display: block;
	background: #006699;
	padding: 7px 6px 18px 6px;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	width: 153px; }

#sidebar ul li a:hover {
	background: #009e46; }

h4, h5 {
	font-weight: bold;
	margin: 14px 0 0 26px; }

#sidebar p {
	margin: 0 0 1em 26px;
	line-height: 1.33; }

#sidebar img {
	margin: 0 0 1em 26px;
	border: 1px solid #d9d6d4; }

/* ********************* CONTENT ********************* */

#content {
	float: left;
	padding: 35px 0;
	margin-left: 22px;
	width: 345px; }

h2 {
	width: 340px;
	height: 60px;
	color: #006699;
	font-size: 15px;
	margin-bottom: -25px;
	}

h2.Welcome {
		margin-bottom: -15px;
	}

h2.Mission {
	
	}

h2.Personal {
	background-image: url(images/personal_profile.png); }

h2.Educational {
	
	}

h2.Counseling {
	background-image: url(images/counseling.png); }

h2.Resources {
	background-image: url(images/resources.png); }

h2.Rontact {
	background-image: url(images/contact_us.png); }

h2.Services {
	background-image: url(images/services.png); }

p, ul, ol, h3, h4 {
	margin-bottom: 15px; }

table {
	width: 100%;
	margin-bottom: 15px; }

table.form tr {
	height: 25px; }

th, td {
	text-align: left;
	padding: 0; }

th {
	font-weight: bold;
	width: 100px; }

input.form {
	width: 150px; }

input.button {
	padding: 3px 7px; }

textarea {
	width: 220px;
	margin-top: 5px; }

table.form {
	margin: 10px 0;
	padding: 10px 0; 
	border-top: 1px solid #999;
	border-bottom: 1px solid #999; }

#content ul.proorg {
	color: #555; }

blockquote {
	font-family: Georgia, Palatino, 'Times New Roman';
	font-size: 14px;
	line-height: 18px;
	color: #777;
	font-style: italic;
	margin: 0 2em 0 1em; }

cite {
	text-align: right;
	font-family: Verdana;
	display: block;
	color: #555;
	font-size: 11px;
	line-height: 15px;
	font-style: normal;
	margin: 0 2em 15px 1em; }

.pagenav {
	text-align: center;
	margin-bottom: 30px; }

hr {
	height: 1px;
	margin: 15px 0 14px 0; }

#get-help {
	margin-left: 70px;
	text-indent: -9999px;
	overflow: hidden; }

#get-help a {
	display: block;
	width: 206px;
	height: 52px;
	background: url(images/get-help-now.png) top left no-repeat; }

#get-help a:hover {
	background-position: bottom left; }


/* ********************* SUPPLIMENTARY CONTENT ********************* */

#content-supp { 
	width: 155px;
	float: left;
	margin-left: 35px;
	padding-top: 80px; }

#content-supp ul li {
	list-style: square;
	color: #666; }

#content-supp h3 {
	font-weight: bold;
	color: #777;
	margin-bottom: 15px; }

#content-supp blockquote {
	font-family: Georgia, Palatino, 'Times New Roman';
	font-size: 14px;
	line-height: 18px;
	color: #777;
	font-style: italic; }

#content-supp cite {
	font-family: Verdana;
	display: block;
	color: #555;
	font-size: 11px;
	line-height: 15px;
	font-style: normal;
	margin-bottom: 30px; }
	
#content-services {
	float: left;
	padding: 35px 0;
	margin-left: 22px;
	width: 525px; }


/* ********************* FOOTER ********************* */

#footer {
	padding-bottom: 20px;
	background: #f7f4f2;
	clear: both;
	font-size: 9px; }

#footer p {
	margin: 0 20px;
	padding: 7px 10px;
	text-align: center;
	color: #003366;
	line-height: 1.33;
	border-top: 1px solid #d1d1d1; }


/* ********************* MISC ********************* */

.floatleft {
	float: left;
	margin: 0 15px 8px 0; }

.floatright {
	float: right;
	margin: 0 0 8px 15px; }
	
	
	
/* MENU */

#menu {
width: 12em; /* set width of menu */
background: #eee;
margin-bottom: 20px;
} 

#menu ul { /* remove bullets and list indents */
list-style: none;
margin: 0;
padding: 0;
margin-left: 10px;
}

/* style, color and size links and headings to suit */
#menu a, #menu h2 {
font-size: 11px;
font-weight: bold;
text-decoration: none;
display: block;
margin: 0;
padding: 2px 3px;
}

#menu h2 {
color: #fff;
background: #000;
text-transform: uppercase;
}

#menu a {
color: #000;
background: #efefef;
text-decoration: none;
}

#menu a:hover {
background: #fff;
}



#menu li {
/* make the list elements a containing block for the nested lists */
position: relative;
} 

#menu ul ul ul {
position: absolute;
top: 0;
left: 175%; /* to position them to the right of their containing block */
width: 100%; /* width is based on the containing block */
}	

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

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