body {
	background:#ded6e1;
	color: #333333;
	font-family: geneva, helvetica, arial, verdana;
	font-size: 100.01%;
	margin-top: 0px;
	margin-left:5%;
	margin-right: 10%;
	padding: 0;
	width: 900px;
	max-width: 900px;
	text-align: center;
	} 


html>body {
 width: auto;
 min-width: 900px;
}


#header {
	height: 100px;
	background: #ded6e1;
	border: 1px solid #C2ACCC;
	margin-top: 10px;
	margin-bottom: 3px;
	text-align: center;
	}


#wrapper { 
	margin: 0;
	position: relative;
	} 


#sidebar {
	border: 1px solid #C2ACCC;
	font-size: 0.75em;
	padding: 0px;
	position: absolute;
	top: 0px;
	left: -30px;
	width: 175px;
	background: #fff url(images/sidebargrad.gif) repeat-y;
	} 


#news {
	border: 1px solid #C2ACCC;
	font-size: 0.75em;
	padding: 0px;
	position: absolute;
	top: 0;
	right: 0;
	width: 175px;
	background: #fff url(images/sidebargrad.gif) repeat-y;
	text-align: center;
	}

#maincontent {
	border: 1px solid #C2ACCC; 
	font-size: 0.8em; 
	margin: 0 0px 0 120px; 
	padding: 12px 20px; 
	background: #fff;
	text-align: left;

	}

#footer {
	color : #999999; 
	font-size: 0.75em;
	} 


/************** FONT AND MARGIN SIZING RULES *************/

h1, h2, h3 {
color: #012285;
font-family: geneva, helvetica, arial, verdana;
}


h1{
font-size: 1.8em;
font-weight: 800;
margin-bottom: -12px;
}

h2{
font-size: 1.4em;
font-weight: 600;
margin-bottom: -8px;
}

h3{
font-size: 1.2em;
font-weight: 600;
margin-bottom: -8px;
}

h4{ /* COLOR PUNCH */
font-size: .9em;
letter-spacing:.04em;
font-weight: 600;
margin-bottom: -12px;
color: #9C0138;
}

h5{ /* COLOR PUNCH */
font-size: 1.4em;
font-weight: 700;
margin-bottom: 5px;
color: #9C0138;
}

h6{ /* XML STATES */
font-size: 1.4em;
font-weight: 700;
color: #9C0138;
margin-bottom: 4px;
}

p{
line-height: 1.2em;
margin: .8em, 0;
font-size: 1em;
}

sup{
font-size:70%;
}

.textpadder { padding: 8px; }


/* * * * * * * * * * * EXPAND COLLAPSE RULES * * * * * * * * * * * * * * * * */

.showhide { /* hold all expand collapse section for positioning */
position: relative;
margin-bottom: 75%; 
text-align: justify;
}

.showhide2 { /* hold all expand collapse section for positioning */
position: relative;
margin-bottom: 2%; 
text-align: justify;
}

.showhidestates { /* hold all expand collapse section for positioning */
position: relative;
margin-bottom:15%; 
text-align: left;
}


.showstate{ /*Definition for state toggling image */
cursor:hand;
cursor:pointer;
margin-top: 2px;
margin-right: 4px;
}

.headers{
width: 415px;
color:#012285;
font-size: 1em;
letter-spacing:.05em;
font-weight: 600;
padding: 3px;
border: 1px solid #C2ACCC;
background-color: #f6f6f7;
}

.switchcontent{
width: 415px;
border: 1px solid #C2ACCC;
border-top-width: 0;
padding: 3px;
background-color: #f6f6f7;
}

img.thumb {
padding: 3px;
float: left;
clear: both;
}

img.form {
padding: 3px;
margin-right: 5px;
margin-bottom: 7px;
margin-top: 4px;
float: left;
clear: both;
}

.hidden {
visibility: hidden;
}

.expandcontract {
margin-bottom: 5px; 
font-size: 1em;
}






/************** NAVIGATION RULES *************/


#navcontainer { width: 170px;
margin: 0 0 0 0;
padding-right: 5px;}

#navcontainer ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
}

#navcontainer a
{
display: block;
padding: 3px;
width: 170px;
border-bottom: 1px solid #C2ACCC;
color: #6A2967;
}

#navcontainer a:link, #navbar a:visited
{
color: #6A2967;
text-decoration: none;
}

#navcontainer a:hover
{
background-color: #CEB2D1;
color: #1B3193;
font-weight: 600;
text-decoration: none;
}




/************** GENERAL NAVIGATION RULES *************/


a:link,  a:visited {
	text-decoration: none; 
	color: #6A2967;
	font-weight: 600;}  /* for unvisited and visited links */


a:hover {
	color: #1B3193;
	text-decoration: underline; 
	font-weight: 600; /* when mouse is over link */
	position: relative;}/* this fixes an IEmac hover bug in the left column, hidden from other browsers */

#mediaplayer {width: 320px;height: 312px;background: #000;}





/************** PAGELIST NAVIGATION RULES *************/


#pagelist {
	border: 1px dashed #999999;
	background: #f1e4f8;
	margin-left: 5px;
	margin-bottom: 8px;
	margin-top: 12px;
	padding: 10px;
	text-align: left;
	line-height: 1.2em;
	font-size:.9em;
	font-weight: 600;
	position: relative;
	width: 60%;
}


img.right {
	float: right;
}



div.spacer { /* Use a break with this class to clear float containers */
  clear:both;
  height:0px;
  margin:0px;
  font-size: 1px;
  line-height: 0px;
  }