body  {

margin-top:10px;

text-align: center;

background: #808080;

/*font: 11px/130% Verdana, Arial, Helvetica, sans-serif;*/

font: 78%/1.3 Verdana, Helvetica, sans-serif;

color: #000;

}

#wrapper {

width: 810px;

margin: 0 auto;

text-align: left;

background: url(images/tile3.jpg) repeat-y 50% 0;

}

#header  {

width:770px;

margin-left:20px;

border-top: 1px solid #333333;

}

/* Top Tab Navigation   */

#nav {

font:bold 11px Arial, Helvetica, sans-serif;

background:url(images/sprit.gif) repeat-x left bottom;

width:100%;

float:left;

border-top:4px solid #A0B9D6;  /*top border for tab menu  */

}

#nav ul {

margin:0;

list-style:none;

padding:5px 10px 0 10px;

white-space:nowrap;

}

#nav a, #nav strong, #nav span {

float:left;

display:block;

color:#7D7D7D;

padding:7px 20px 3px 10px;;

background: url(images/sprit.gif) no-repeat 100% 0px;

text-decoration:none

}

/* Commented Backslash Hack

     hides rule from IE5-Mac \*/

#nav a {float:none;}

/* End IE5-Mac hack */



#nav li {

float:left;

background:url(images/sprit.gif) no-repeat 0px 0px;

margin:0;

padding:0 0 0 9px;

}

#nav #current {

background:url(images/sprit.gif) no-repeat 0 -41px;

}

#nav #current a {

background:url(images/sprit.gif) no-repeat 100% -41px;

padding:7px 20px 5px 10px;

color:#464724

}

#nav a:hover {

color:#464724

}

/* Second Level Navigation   */

#nav2  {

margin-left:20px;

}

/* Content area   */

#contentarea {

width:770px;

margin-left:20px;

}

.clearfix:after {  /* IE fix */

content: "."; 

display: block;

height: 0;

clear: both;

visibility: hidden;

}

.clearfix {    /* a fix for IE Mac */

display: inline-block;

}

* html .clearfix {  /* IE fix */

height: 1%;

}

.clearfix {  /* IE fix */

display: block;

}



/* Admin */

#nav_admin  {

margin: 0px auto;

}

#col2_admin {

width:540px; 

float:left;

margin: 10px 15px;

}

#left_navbar_top  {

width:770px;

margin-left:20px;

}

/* Homepage and subpages */

#col1_home {

width:720px;

margin-left:20px;

margin-top: 35px;

}

div#col1_home h3 {

clear: both; 

background-color: #e9d7be; 

padding: 5px; 

border-left: 7px solid #a0b9d6;

border-right: 7px solid #a0b9d6;

font-size: 14px;

margin-right:300px;

text-align: center;

}

#col2_home {

width:320px; 

float:left;

margin: 10px 15px;

}

#col3_home {

width:200px; 

background-color:#AAF; 

float:left;

}

#col1 {

width:180px; 

background: url(images/navbg.gif) repeat-y; 

float:left;

}

div#col1 p { 

margin: 0px auto;

}

#col2 {

width:720px; 

float:left;

margin: 20px 15px 10px 15px;

}

#col3 {

width:200px; 

background-color:#AAF; 

float:left;

}



#nav1  {

margin: 0px auto;

}

#navquote  {

padding: 5px 5px;

background-color:#e9d7be;

} 

#printheader {

display: none;

}



#content  {

width:575px;

margin-left:200px;

margin-right:15px;

padding-bottom:20px;

font: 11px Verdana, Arial, Helvetica, sans-serif;

line-height: 1.5em;

}

#footer  {

width:760px;

margin-left:20px;

padding: 10px 0 10px 10px;

text-align: left;

background-color:#eee;

font: 11px Verdana, Arial, Helvetica, sans-serif;

border-bottom: 1px solid #333333;

border-top: 2px dotted #999;



}

#footer p  {

margin: 10px auto;

border-left:7px solid #A0B9D6;

padding-left:3px;

}

/* sidebars and imagewrappers */

.sideleft {

	background-color: #afd8d8;

	font: 10px Verdana, Arial, Helvetica, sans-serif;

	color: #000;

	float: left;

	margin: 5px 10px 5px 0px;	 

}

.sideleft p {

	margin: 0 10px;

}

.sideright {

	background-color: #afd8d8;

	font: 10px Verdana, Arial, Helvetica, sans-serif;

	color: #000;

	float: right;

	margin: 4px 0px 5px 10px;	 

}

.sideright p {

	margin: 0 10px;

}



.roundtop { 

	background: url(images/tr.gif) no-repeat top right; 

}



.roundbottom {

	background: url(images/br.gif) no-repeat top right; 

}



.sideright_quote {

	background-color: #ddddff;

	font: 11px Verdana, Arial, Helvetica, sans-serif;

	color: #000;

	float: right;

	margin: 4px 0px 5px 10px;	 

}

.sideright_quote p {

	margin: 0 10px;

}



.sideleft_quote {

	background-color: #ddddff;

	font: 11px Verdana, Arial, Helvetica, sans-serif;

	color: #000;

	float: left;

	margin: 4px 10px 5px 0px;	 

}

.sideleft_quote p {

	margin: 0 10px;

}



.roundtop_quote { 

	background: url(images/tr_purp.gif) no-repeat top right; 

}



.roundbottom_quote {

	background: url(images/br_purp.gif) no-repeat top right; 

}



img.corner {

   width: 15px;

   height: 15px;

   border: none;

   display: block !important;

}

img.left  {

float:left;

padding-right: 8px;

padding-bottom: 4px;

padding-top: 4px;

}

img.right  {

/*float:right;*/

padding-left: 8px;

padding-bottom: 4px;

padding-top: 4px;

}



#sidebarleft {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	float: left; 

	margin: 5px 5px 0px 0px;

	padding: 5px 5px 5px 5px;

	color: #000;

	background-color: #f3d29c;

}

#sidebarright {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	float: right;

	margin: 5px 0px 5px 5px;

	padding: 5px 5px 5px 5px;

	color: #000;

	background-color: #f3d29c;

}

#sidebarheader  {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 13px;

	font-weight: bold;

	text-align: center;

	margin: 0px 0px 5px 0px;

	color: #660033;

	background-color: #DDDDFF;

}

.imagewrappercenter {

	margin: 11px 0;

	display: block !important;

	text-align:center;

}

.imagewrapperright {

	width: auto;

	font-size: 11px; 

	text-align: left;

	float: right; 

	margin: 4px 0px 6px 4px;

}

.imagewrapperleft {

	width: auto;

	font-size: 11px; 

	text-align: left;

	float: left; 

	margin: 4px 7px 0px 0px;

}

.imagebox {

	width: auto;

	color: #000;

	text-align: center;

}

.captionbox {

	margin: 0px 6px 6px 3px;

	font-size: 11px;

	background: #fff; 

	color: #000;

	text-align: left;

	line-height: 1.1em;

}

.captionbox a:link  {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #0000FF;

	text-decoration: none;

}

.captionbox a:visited  {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #0000FF;

	text-decoration: none;

}

.captionbox a:hover {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #990000;

	text-decoration: underline;

}

/* boxes */

#xsnazzy h1, #xsnazzy h2, #xsnazzy p {margin:0 10px; letter-spacing:1px;}

#xsnazzy h1 {font-size:2.5em; color:#fff;}

#xsnazzy h2 {font-size:2em;color:#06a; border:0;}

#xsnazzy p {padding-bottom:0.5em;}

#xsnazzy h2 {padding-top:0.5em;}

#xsnazzy {background: transparent; margin:1em;}

.xtop, .xbottom {display:block; background:transparent; font-size:1px;}

.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}

.xb1, .xb2, .xb3 {height:1px;}

.xb2, .xb3, .xb4 {background:#edeedc; border-left:1px solid #08c; border-right:1px solid #08c;}

.xb1 {margin:0 5px; background:#08c;}

.xb2 {margin:0 3px; border-width:0 2px;}

.xb3 {margin:0 2px;}

.xb4 {height:2px; margin:0 1px;}

.xboxcontent {display:block; background:#edeedc; border:0 solid #08c; border-width:0 1px;}

/* Headers */

h2 {

clear: both; 

background: #e9d7be; 

padding: 2px; 

border-left: 7px solid #a0b9d6;

border-right: 7px solid #a0b9d6;

font-size: 15px;

color:#9c3100;

text-align: center;

}

h3 {

clear: both; 

background-color: #e9d7be; 

padding: 3px; 

border-left: 7px solid #a0b9d6;

border-right: 7px solid #a0b9d6;

font-size: 14px;

margin-top: 0px;

}

h4 {

clear: both;

font-size: 13px;

color:#000;

background: #CEDBEA;

text-align: center;

padding: 2px;

}

h5 {

display:inline;

font-size: 13px;

color:#666;

}

.head3_small {

	font: 12px Verdana, Arial, Helvetica, sans-serif;

	color: #000;

}

.head3 {

	font: bold 14px Verdana, Arial, Helvetica, sans-serif;

	color: #000000;

}

.head3_blue {

	font: bold 14px Verdana, Arial, Helvetica, sans-serif;

	color: #336699;

}

.head3_mauve {

	font: bold 14px Verdana, Arial, Helvetica, sans-serif;

	color: #000000;

	background-color: #CCBBCD;

}

.head4 {

	font: bold 13px Verdana, Arial, Helvetica, sans-serif;

	color: #000000;

	/*background-color: #DDDDFF;*/

	padding: 3px 3px;

	text-align:center;

}

.head4_sidebar {

	font: bold 13px Verdana, Arial, Helvetica, sans-serif;

	color: #000000;

	background-color: #DDDDFF;

	padding: 3px 3px;

	text-align:center;

}

.head4_left {

	font: bold 13px Verdana, Arial, Helvetica, sans-serif;

	color: #000000;

	background-color: #DDDDFF;

	padding: 3px 3px;

	text-align:left;

}

.head4_brown {

	font: bold 11px Verdana, Arial, Helvetica, sans-serif;

	color: #660033;

	background-color: #DDDDFF;

}

#head4news  {

	font: bold 12px/18px Verdana, Arial, Helvetica, sans-serif;

	color: #660033;

	background-color: #AAAACC;

	text-align: center;

}

.head4_right {

	font: bold 12px Verdana, Arial, Helvetica, sans-serif;

	color: #000000;

	text-align: right;

}

.head5 {

	font: bold 11px Verdana, Arial, Helvetica, sans-serif;

	color: #000;

}

#head5news  {

	font: 12px/18px Verdana, Arial, Helvetica, sans-serif;

	color: #000;

	text-align: center;

}

.head6 {

	font: bold 10px Verdana, Arial, Helvetica, sans-serif;

	color: #666;

	margin-left: 5px;

}

.head7 {

	font: bold 9px Verdana, Arial, Helvetica, sans-serif;

	color: #000000;

}

.homesmall {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

}

.alertRed {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #FF0000;

}

.mainSmallFixed {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	font-style: normal;

	font-weight: normal;

}

.small_text  {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	font-style: normal;

	font-weight: normal;

	color:#660000;

}



/* link styles

a:link {

	font: 90%/1.3 Verdana, Helvetica, sans-serif;

	color: #0000FF;

	text-decoration: none;

}

a:visited {

	font: 90%/1.3 Verdana, Helvetica, sans-serif;

	color: #0000FF;

	text-decoration: none;

}

a:hover {

	font: 90%/1.3 Verdana, Helvetica, sans-serif;

	color: #990000;

	text-decoration: underline;

}

 */



/* Sidebar navigation*/

.navlink3:link {

	font: 12px Verdana, Arial, Helvetica, sans-serif;

	padding: 2px 8px;

	border: 1px solid #9999c6;

	color: #333;

	text-decoration: none;

	background: #9999c6;

	display: block;

}

.navlink3:visited {

	font: 12px Verdana, Arial, Helvetica, sans-serif;

	padding: 2px 8px;

	border: 1px solid #9999c6;

	color: #333;

	text-decoration: none;

	background: #9999c6;

	display: block;

}

.navlink3:hover {

	font: 12px Verdana, Arial, Helvetica, sans-serif;

	padding: 2px 8px;

	border: 1px solid #666666;

	color: #9c3100;

	text-decoration: none;

	background: #BFC1E3;

	display: block;

}

.navlink4:link {

	font: 12px Verdana, Arial, Helvetica, sans-serif;

	padding: 2px 8px;

	border: 1px solid #666666;

	color: #9c3100;

	text-decoration: none;

	background: #BFC1E3;

	display: block;

}

.navlink4:visited {

	font: 12px Verdana, Arial, Helvetica, sans-serif;

	padding: 2px 8px;

	border: 1px solid #666666;

	color: #9c3100;

	text-decoration: none;

	background: #BFC1E3;

	display: block;

}

.navlink4:hover {

	font: 12px Verdana, Arial, Helvetica, sans-serif;

	padding: 2px 8px;

	border: 1px solid #666666;

	color: #9c3100;

	text-decoration: none;

	background: #BFC1E3;

	display: block;

}



/* page top sub navigation*/

.navlink5:link {

	font: bold 11px Arial, Helvetica, sans-serif;	

	color: #7D7D7D;

	text-decoration: none;

}

.navlink5:visited {

	font: bold 11px Arial, Helvetica, sans-serif;

	color: #7D7D7D;

	text-decoration: none;

}

.navlink5:hover {

	font: bold 11px Arial, Helvetica, sans-serif;

	color: #464724;

	text-decoration: none;

}

.navlink6:link {

	font: bold 11px Arial, Helvetica, sans-serif;

	color: #464724;

	text-decoration: none;

}

.navlink6:visited {

	font: bold 11px Arial, Helvetica, sans-serif;

	color: #464724;

	text-decoration: none;

}

.navlink6:hover {

	font: bold 11px Arial, Helvetica, sans-serif;

	color: #464724;

	text-decoration: none;

}
