
body {
	background-color: #333366;
	background-image: url(../images/pgbg.gif); background-repeat: repeat-y;
	margin-left: 0px;
	margin-top: 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #431C6F;
}

p { padding: 5px 10px 0 0; line-height: 14px;}
h1 {font-size: 16px; font-style: italic; font-weight: normal; line-height: 18px; color: #663399; margin: 0 0 10px 0; padding-bottom: 10px; border-bottom: 1px solid #663399;}
h2 {font-size: 12px; font-weight: bold; margin: 0 0 -5px 0;}



/* HEADER STYLES */


td#navcontainer { 
				vertical-align: bottom;  
			  }
			  
#navcontainer ul
{
margin: 50px 0 -1px -1px;
padding: 0 10px 0 0;
color: #7933C7;
float: left;

}

#navcontainer ul li { 
  float: left; /*For Gecko*/
  list-style-type: none;

  }

  
 #navcontainer ul li.chosen {
margin: 0;
padding: 0.2em 0.5em;
background-color: #7933C7;
color: #fff;
text-decoration: none; 
float: left;
border-right: 1px solid #7933C7;
}

#navcontainer ul li a
{
margin: 0;
padding: 0.2em 0.5em;
background-color: transparent;
color: #7933C7;
text-decoration: none;
float: left;
border-right: 1px solid #7933C7;
}

#navcontainer ul li a:hover
{
background-color: #7933C7;
color: #fff;
}

#navcontainer li a.active
{
margin: 0;
padding: 0.2em 0.5em;
text-decoration: none;
float: left;
border-right: 1px solid #7933C7;
display: inline;
list-style-type: none;
background-color: #7933C7;
color: #fff;
}



/* LEFT SIDEBAR STYLES */
#leftside {  width: 228px; vertical-align: top; float: left; }
#leftside p {margin: 5px 18px; color: #DDFCB4; line-height: 13px;}
.name {font-style: italic; font-size: 10px; padding-bottom: 20px;}

/* MAIN CONTENT */
#maincontent { height: 100%; padding: 20px 0 30px 0; vertical-align: top;}

.quote { font-size: 16px; font-style: italic; line-height: 18px; color: #663399; margin: 0 0 10px 0;}

.quoted { color: #663399; margin: -5px 0 30px 0; padding-bottom: 5px;  border-bottom: 1px solid #663399; }

#left {border-right: solid 1px #663399;  vertical-align: top; padding: 0; margin: 20px 0 40px 0;  width: 235px; position: absolute;}

#calendar {border-left: solid 1px #663399; vertical-align: top; padding: 0 0 0 20px; margin: 20px 0 30px 235px; width: 235px; position: absolute;}
#wholepage {float:left; vertical-align: top; width: 492px; margin-top: 20px;}

/* LEFT SIDEBAR MENU */
#leftsidemenu {  width: 218px; vertical-align: top; margin-right: 10px; color: #D7FEA5; font-size: 12px;}
#leftsidemenu ul {margin: 25px 0 0 0; line-height: 26px; }

#leftsidemenu ul li {
  display: block;
  padding-left: 10px;

  }
 
 #leftsidemenu ul li.chosen {
/*background-image: url(../images/arrow.gif) ; vertical-align: middle; background-repeat: no-repeat; */
padding-left: 10px;
color: #fff;
text-decoration: none; 

} 
  

#leftsidemenu  a
{
color: #D7FEA5;
text-decoration: none;

}

#leftsidemenu  a:visited
{
color: #333366;
}


#leftsidemenu  a:hover
{
color: #ffffff;
text-decoration: none; 
}

