/******************************************************

 Style Sheet for Persona Counselling
 
 
 
 *****************************************************/


/* general settings */

* {
	margin: 0;
	padding:0;
}

body { 
	font: 10pt verdana, sans-serif;
	background-color: white;

}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

p {
	text-align: justify;
}


<style type="text/css">
<!--
a.side:link {color: #7E84F4; text-decoration: underline;}
a.side:active {color: #7E84F4; text-decoration: underline;}
a.side:visited {color: white; text-decoration: underline;}
a.side:hover {color: #DDA0DD; text-decoration: none;}

a.main:link {color: #7030A0; text-decoration: underline;}
a.main:active {color: #7030A0; text-decoration: underline;}
a.main:visited {color: #B8CCE4; text-decoration: underline;}
a.main:hover {color: #DDA0DD; text-decoration: none;}

a.main[href^="mailto:"] {color: #9CEBFC; text-decoration: underline;}
-->
</style> 








/* overall page settings and variations in page height for specific pages */

#page {
	width: 70%;
	height: 900px;
	border-style: solid;
	border-width: 1px;
	border-color: white;
	background-color: white;
	margin: 0 auto;
	position: absolute;
	top: 0;
	left: 0;
}

#evaluation #page {
	height: 970px;
}

#links #page {
	height: 1570px;
}

#students1 #page {
	height: 4400px;

}

#index #page {
	height: 1570px;
}

/* the top menu */

#topmenu {
	width: 100%;
	height: 20px;
	border-style: solid;
	border-width: 1px;
	background-color: #B8CCE4;
	position: absolute;
	top: 0;
	left: 0;
}

#topmenu a {
	float: left;
	margin-right: 20px;
	margin-left: 20px;
	margin-top: 2px;
	font: bold 9pt verdana, sans-serif;
	color: white;
}


/* the logo box */

#logo {
	width: 170px;
	height: 120px;
	back-ground: #a3c1f8;
	background: url(./logo.jpg);
	line-height: 13px;
	position: absolute;
	top: 30px;
	left: 30px;
}



/* the main title bar */

#title {
	position: absolute;
	top: 30px;
	left: 220px;
	height: 120px;
	width: 70%;
	background-color: #B8CCE4;
}

#title h1 {
	margin-top:35px;
	margin-left: 25px;
	font: bold 36pt Monotype Corsiva;
    color:#6600CC
}

#title h2 {
	font: italic 12pt georgia, serif;
	text-align: right;
	margin-top: 5px;
    color:#7E84F4
}


/* the side menu */
#sidemenu {
	position: absolute;
	top: 160px;
	left: 30px;
	width: 170px;
	height: 500px;
	background-color: #B8CCE4;
	font-size: 10pt;
    font: bold 9pt verdana, sans-serif;
	color: white;
    
}

#sidemenu.application {
	height: 1200px;
}


#sidemenu p {
	margin-left: 10px;
	margin-top: 12px;
}




/* this is used for breaking menu items across two lines
    */
   
#sidemenu .br {
	margin-left: 10px;
	margin-top: 0px;
}



/* the main text area */

#maintext {
	position: absolute;
	top: 160px;
	left: 220px;
	background: #EAF1DD;
	width: 70%;
	font: 9pt verdana, sans-serif;
	line-height: 20px;
    
}

#maintext h2 {
	font: bold 12pt verdana, sans-serif;
}

#maintext p + h2 { 
	margin-top: 20px;
}

#maintext #faqs h2 {
	font: bold 10pt verdana, sans-serif;
}

#maintext h3 {
	font: bold 10pt verdana, sans-serif;
}

#maintext p, h2, h3 {
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
}

#maintext ul {
	list-style: none;
	margin-left: 20px;
	line-height: 16px;
}

#maintext ul.evaluation {
	list-style: none;
	margin-left: 200px;
	margin-bottom: 20px;
	line-height: 18px;
}

#maintext ul.links {
	list-style: none;
	margin-left: 20px;
	margin-bottom: 20px;
	line-height: 18px;
}


/* these are used for the different levels of list
   in the terms and conditions */
   
#maintext ol {
	list-style: none;
	margin-left: 30px;
	line-height: 20px;
}

#maintext ol ol {
	list-style: none;
	line-height: 20px;
}

#maintext ol ol ol{
	list-style: none;
	line-height: 20px;
}


/* these are used to implement the rounded corners */

b.rtop, b.rbottom {
	display:block;
	background: #FFF;
}

#divbottom {
	position: absolute;
	bottom: 0;
	width: 100%;
}


b.rtop b, b.rbottom b {
	display:block;
	height: 1px;
	overflow: hidden;
	background: #EAF1DD;
}

b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}




/* style for the sitemap page */


#sitemap ul{
	list-style: disc;
	margin-left: 50px;
}