/*======================================================*/
/*                                         Base CSS                                                    */
/*======================================================*/
body {
	background: #E8E8E9 url(images/PaleGrayGradientBG.png) repeat-x left top;	
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color:#000000;
	margin: 0;
	padding: 0;
	text-align: center;
	}
#wrapper { /* For 800x600 screens */
	width: 800px;
	background-color: #FFF; 
	margin: 15px auto 0 auto;
	padding: 0;
	text-align: left;
	border:1px solid #B8B8B8;	 
	}
#wrapper_wide { /* For 1024×768 screens */
	width: 984px;
	margin: 15px auto 0 auto;
	padding: 0;
	text-align: left;
	border:1px solid #B8B8B8;	
	}

#column-container { /* For equal height columns */
	overflow: hidden;
	}

#content {
	margin: 0 0 0 155px;
	padding: 0px 30px 40px 30px;
padding-bottom: 32767px;
margin-bottom: -32767px;
	font-size: 0.8em;
	}

#content_home {
	margin: 0 200px 0 155px;
	padding: 0px 30px 40px 30px;
padding-bottom: 32767px;
margin-bottom: -32767px;
	font-size: 0.8em;
	}

#content_wide {
	margin: 0px;
	padding: 0px;
	font-size: 0.8em;
	}

#centered { text-align: center; }

h1, h2, h3, h4	{ 
	color: #018381; 
	text-align:center;
	margin-top: 8px;
	margin-bottom: 0px;
	padding: 0;
	}
h1, h2 { margin-top: 20px; }	
h1, h2, h3 { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif }
h1.left, h2.left, h3.left { text-align:left;	} 

a:link    {color: #018381; text-decoration:underline;}
a:visited {color:#018381; text-decoration:underline;}
a:hover   {color:#C77A26; text-decoration:underline}

a.nickname { color: ; text-decoration:none;}

a.list {  font-size:1.1em; }
a.list:link, a.list:visited { text-decoration:none;}
a.list:hover { text-decoration:underline;}

li.large {
	list-style:disc;
	margin-bottom: 10px;
	}
a.large {  font-size:1.2em; font-weight:bold; }
a.large:link, a.large:visited {color:#C77A26; text-decoration:none;}
a.large:hover   {color:#C77A26; text-decoration:underline;}

p	{ 
	font-size: 1.0em; 
	margin-top: 8px;
	margin-bottom: 0px;
	padding: 0;
	}
p.center	 { text-align:center;}
p.centered	{ text-align:center;}
p.alt			{ color: #000000; font-size: 0.9em; }
p.normal	{ font-weight: normal;} 
p.note	  { color: #C77A26; text-align:center; font-size: 0.85em; }
p.tight	  { margin:0 0 5px 0; padding:0px }

span.alt1 {color: #018381;}
span.bright { color: #C77A26; font-weight: bold; }
span.right {text-align: right;}
span.textsize_1 { font-size: 0.85em;}
span.textsize_2 { font-size: 0.85em; color:#000000;}
span.comic { font-family: Comic Sans MS, Verdana, Geneva, Arial, Helvetica, sans-serif;}

p.narrow { /* narrow, centered */
	margin-left: auto;
	margin-right: auto;
	width: 60%;
	}

p.box { /* bordered, left-aligned centered */
	/* Variations: text-align: left; font-weight: normal */
	margin-left: auto;
	margin-right: auto;
	width: 70%;
	border: 1px solid #0C2C40; 
	padding: 7px 20px 7px 20px;
/*	color: #018381; */
/*	font-weight: bold; */
	background-color: #E5F4F4; 
	}
p.box_small_centered { /* bordered, left-aligned centered */
	/* Variations: text-align: left; font-weight: normal */
	margin-left: auto;
	margin-right: auto;
	width: 40%;
	border: 1px solid #0C2C40; 
	padding: 7px 20px 7px 20px;
	background-color: #E5F4F4; 
	text-align: center;
	}

p.box_centered{ /* bordered, text centered */
	/* Variations: text-align: left; font-weight: normal */
	margin-left: auto;
	margin-right: auto;
	width: 70%;
	border: 1px solid #0C2C40; 
	padding: 7px 20px 7px 20px;
	color: #018381; 
/*	font-weight: bold; */
	background-color: #F7F4F4;
	text-align: center;
	}

p.error_box { /* bright, bordered, text centered */
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #C77A26; 
	padding: 5px 20px 5px 20px;
	width: 60%;
	color: #C77A26; 
	font-weight: bold;
	background-color: #F7F4F4;
	text-align: center;
	}
	
#box {  
	padding: 30px;
	border:1px solid #B8B8B8;	
	background-color: #F2FDFF;	
	}
	
img 			{ border:0; }	
img.border   { border: 2px solid #0C2C40; }	
img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto 
	}
img.left {
    float:left;
	margin: 10px, 10px, 10px, auto;
    } 
img.right {
    float:right;
	margin: 10px, auto, 10px, 10px;
    } 

table {
	text-align: left;
	}

td, th { 
	vertical-align: top;
	padding: 0px;
	margin: 0px;
	}

table.centered { 
	margin-left: auto;
	margin-right: auto;
	}
		
table.shaded {  
	/* Variants: table style="font-size: 0.8em" */
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #B8B8B8;
	border-collapse: collapse;
	}
th.shaded { 
	border: 1px solid #B8B8B8; 
	background-color:#E5F4F4;
	vertical-align: top;
	}
td.shaded { 
	border: 1px solid #B8B8B8;    
	background-color:#F2FDFF;
	vertical-align: top;
	}
td.darker { 
	border: 1px solid #B8B8B8;   
	background-color:#E5F4F4;
	vertical-align: top;
	}
td.lighter { 
	border: 1px solid #B8B8B8;
	background-color:#F2FDFF;
	vertical-align: top;
	}
		
table.padded {  
	/* Variants: table style="font-size: 0.8em" */
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #B8B8B8;
	border-collapse: collapse;
	}
th.padded { 
	border: 1px solid #B8B8B8; 
	background-color:#E5F4F4;
	padding:20px;
	}
td.padded { 
	border: 1px solid #B8B8B8;    
	background-color:#F2FDFF;
	padding:20px
	}   
th.padded_right { 
	border: 1px solid #B8B8B8; 
	background-color:#E5F4F4;
	padding-right: 20px;
	}
td.padded_right { 
	border: 1px solid #B8B8B8;    
	background-color:#F2FDFF;
	padding-right: 20px;
	}   
	
th.padded2 { 
	border: 1px solid #B8B8B8;    
	background-color:#F2FDFF;
	padding:5px
	}   
td.padded2 { 
	border: 1px solid #B8B8B8;    
	background-color:#F2FDFF;
	padding:5px
	}   
td.padded_right2 { 
	border: 1px solid #B8B8B8;    
	background-color:#F2FDFF;
	padding: 5px;
	padding-right: 20px;
	}   

table.menu_centered {
	border: 1px solid #1461A7; 
	border-collapse: collapse;
	margin-left: auto;
	margin-right: auto;
	}
td.menu_txt    { 
	background-color: #E5F4F4;
	text-align: right;
	vertical-align: middle;
	padding: 4px 8px 4px 16px;
	}	
td.menu_input    { 
	background-color: #F2FDFF;
	padding: 4px 16px 4px 8px;
	}	

ul, ol { margin-top: 8px; }	
span.bright_text {	color:#C77A26; }

/*======================================================*/
/*                              Application-specific CSS                                          */
/*======================================================*/

/*--- Begin SideNav box definitions --*/	
#side_nav {
	color: #6C205E;
	background-color: #E5F4F4; 
	width: 138px;
	float: left;
	margin-top:0px;
	padding: 10px;
	padding-bottom: 32767px;
	margin-bottom: -32767px;
	}
#side_nav h3 {
	font-size: 0.9em;
	color: white;
	background-color: #6C205E;
	margin: -5px 0 7px 0; 
	padding: 5px 0 5px 0;
	text-align: center;
	}
#side_nav p { 
	font-size: 0.8em; 
	margin-top: 8px;
	margin-bottom: 0px;
	padding: 0;
	}
#side_nav a { font-size: 1.0em; color: #6C205E;} /* font-size ??? */
#side_nav a:link { text-decoration:none;}
#side_nav a:visited { text-decoration:none;}
#side_nav a:hover { color: #951C1E; text-decoration:underline;}

#side_nav ul {
	font-size: 0.8em; 
	list-style:disc;
	margin-left: 1.3em; 
	padding-left: 0;
	}

#left_bar { /* Used for trick to get left bar colored background to be as large as content area */
	float: left;
	background: url(images/side_nav_bg.gif) repeat-y left top; 
	_border: solid 1px #FFF; /* Needed to avoid gap at top ??? */
	_border: solid 1px red; /* Needed for FireFox bug(?) */
	_border: solid 1px green; /* Needed for FireFox bug(?) */
	}
/*--- End SideNav box definitions --*/	

/*--- Begin Events box definitions --*/	
#events_bar {
	width: 190px;
	float: right;
	margin: 0px auto 10px 17px;
	border-top-width: 5px;
	padding: 20px 10px 10px 10px ;
	padding-bottom: 32767px;
	margin-bottom: -32767px;
	}
#events h3 {
	font-size: 0.9em;
	color:white;
	background-color: #a21d4e;
	margin: 0 0 7px 0;;
	padding: 5px 0 5px 0;
	text-align: center;
	}
#events p { 
	font-size: 0.8em; 
	margin-top: 8px;
	margin-bottom: 0px;
	padding: 0;
	}
#events a {color: #6C205E; font-size: 1.0em;} 
#events a:link { text-decoration:none;}
#events a:visited { text-decoration:none;}
#events a:hover {color: #951C1E; text-decoration:underline;}

#events ul {
	font-size: 0.8em; 
	list-style:disc;
	margin-left: 1.5em; 
	padding-left: 0;
	}

/*--- End Events box definitions --*/	

image { border:0; }	

#search {
	margin:20px 20px 0px 20px;
	float:right;
	padding:7px 0 0 0;
	}

.searchbox {
	height:16px;
	padding:4px 0 0 4px;
	border:#B9B9B9 2px solid;
	color:#000;
	}
	
#footer1 {
	clear: both; 
	background-color: #6C205E;
}
#footer1 p {
	padding: 7px;
	margin: 0; /* Needed!! */
	font-family: Century Gothic, Arial, Helvetica, sans-serif;
	font-size:10pt;
	font-weight: bold;
	text-align: center;
	color: #FFFFFF;
	}
	
#footer2 {
	clear: both; 
	background-color: #E5F4F4; 
	}
#footer2 p {
	padding: 7px;
	margin: 0; /* Needed!! */
	font-size:8pt;
	text-align: center;
	color: #000;
	}

div.ums_updt { 
	color: #000; 
	background-color: yellow;
	_padding: 1px;
	padding-top: 2px;
	padding-bottom: 2px;
	font-size:11pt; font-weight: normal;
	_height: 24px;
	} 	

input.ums_updt { /* Button */
	font: 9pt 'trebuchet ms',helvetica,sans-serif; 
	background: #FFF;
	height: 22px;
	_padding: 1px;
	} 

p.updtmsg {
	padding: 5px 20px 5px 20px;
	margin-top: 2px;
	border-top:1px solid #B8B8B8;
	color: #951C1E;
	text-align:center
	}

#help {
	background-color: #FFFFE6;
	border:1px solid black; 
	margin:30px 0px 0px 0px; 
	padding:0px 20px 10px 20px;; 
	text-align: left;
	}
	
a.help {
	font-size: 1.1em;
	font-weight: bold;
	}

p.help {
	margin: 10px 0px 0px 0px;
	text-align: left;
	}

#editor { text-align: center }