/* Body */
html, body {

	text-align: center;
	width:760;		
    margin: 0px;
	padding: 0px;
	background-color : #a6998d;
	color : #333333;
	}


.td,tr,div {
    font-family: Arial, Helvetica, Trebuchet MS, Verdana, sans-serif;
	font-size: 12px;
	color: #333333;	
	}

p 		{
    font-family: Arial, Helvetica, Trebuchet MS, Verdana, sans-serif;
	font-size: 12px;
	color: #333333;
	padding: 4px;
	}

.h4 {
	color: #00476a;
        font-family: Arial, Helvetica, Trebuchet MS, Verdana, sans-serif;
	font-size: 16px;
	font-weight: bold;
	}

.h5 {
	color: #00476a;
        font-family: Arial, Helvetica, Trebuchet MS, Verdana, sans-serif;
	font-size: 14px;
	font-weight: bold;
	}

.h6 {
	color: #00476a;
        font-family: Arial, Helvetica, Trebuchet MS, Verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
	}

a:link {
	color: #640664;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #333333;
}
a:hover {
	text-decoration: underline;
	color: #993366;
}
a:active {
	text-decoration: none;
	color: #640664;
}



/* ---------------- Sub Menu Styling ----------------------*/
    /* You can control the way menu behave and look 
    by using the CSS settings below */
a.nav:link, a.mainlevel:visited {
	/* this styling is for the MAIN items in the menu */
	color: #eeeeee;
	background: transparent;
	font-weight: bold;
	text-decoration:none;
	text-align: left;
	}
a.nav:hover {
	/* same as above, but when hovering */
	color: #ffffff;
	width: 100%;
	font-weight: bold;
	text-decoration:underline;
	text-align: left;
	}
	
	
.subnav1	{
	/* this styling is for the background items in the menu */
	width: 261px;
	height: 33px;
	
	}

a.subnav1:link, a.subnav1:visited {
	/* this styling is for the MAIN items in the menu */
	color: #666666;
	font-size: 10px;
	font-weight: bold;
	text-decoration:none;
	text-align: left;	
	}
	
a.subnav1:hover {
	/* same as above, but when hovering */
	color: #660066;
	font-weight: bold;
	text-decoration:underline;
	text-align: left;
	}
	
a.subnav2:link, a.subnav2:visited {
	/* this styling is for the MAIN items in the menu */
	color: #666666;
	font-size: 10px;
	font-weight: bold;
	text-decoration:none;
	text-align: left;	
	}
	
a.subnav2:hover {
	/* same as above, but when hovering */
	color: #660066;
	width: 100%;
	font-weight: bold;
	text-decoration:underline;
	text-align: left;
	}
	
a.subnav3:link, a.subnav3:visited {
	/* this styling is for the MAIN items in the menu */
	color: #666666;
	font-size: 10px;
	font-weight: bold;
	text-decoration:none;
	text-align: left;	
	}
	
a.subnav3:hover {
	/* same as above, but when hovering */
	color: #660066;
	width: 100%;
	font-weight: bold;
	text-decoration:underline;
	text-align: left;	
	}
		
a.subnav4:link, a.subnav4:visited {
	/* this styling is for the MAIN items in the menu */
	color: #666666;
	font-size: 10px;
	font-weight: bold;
	text-decoration:none;
	text-align: left;	
	}
	
a.subnav4:hover {
	/* same as above, but when hovering */
	color: #660066;
	width: 100%;
	font-weight: bold;
	text-decoration:underline;
	text-align: left;
	}
	
a#active_menu {
	color: #000000;
	}
	
	
	
/* --------- Contents ---------*/
    /* All the styling for contents are listed
      below. */
	  

 
.contentpane {
	/* This is used mainly for the table that holds the SECTIONS such as News.
	   This is when you create a link to a Section and when clicked on it, it will display
	   "News" then some description (with image if you selected one) and then a list of 
	   Category of News. Yes! That entire thing is contained in a table with this style */
		
	background-color : #FFFFFF;
	padding: 5px;
	}
	
.contentpaneopen {	
	background-color : #FFFFFF;
	padding: 5px;
	}
	
.contentheading {
	/* This is used in several places; the Heading of contents on the frontpage,
	   it is also used for Section's heading (see above for explanation) "News" or
	   whatever heading you used */
	font-family: Georgia, Times, "Times New Roman", serif;
	font-size: 14px;
	font-weight: bold;
 	color: #993366;
	text-align:left;
	line-height: 16px;
	height: 15px;	
	}
	
UL LI   {
    list-style: url(images/bullet.gif);
	}