html, body, h1, h2, h3, h4 {
	margin: 0;
	padding: 0;
}
h1 img {
	display: block;
}
img {
	border: 0;
}
a {
	color: #464544;
}
a:hover {
	color: #666666;
}
.left {
	float: left;
}
.right {
	float: right;
}
.more {
	text-align: right;
}
.clear {
	clear: both;
}

body {
	text-align: center;
	font: 12px arial, sans-serif;
	color: #464544;
	padding-bottom: 10px;
	background-color: 98b0d9;
	background-image: url(images/back.jpg);
	background-repeat: repeat-x;
}

#outer {
	padding: 5px;
	background-color: #FFFFFF;
	border: 3px solid #9999FF;
	width: 1024px;
	background-position: center;
}

/** layout **/
#button {
	background: url(images/buttonbk.gif);
	}
	
#wrapper {
text-align: left;
margin: auto;
width: 798px;
  position: relative;
  background: url(images/body_bg.gif) repeat-y;
}
#body-bot {
  background: bottom left url(images/body_bg_bot.jpg) no-repeat;
}
#body-top {
  background: url(images/body_bg_top.gif) no-repeat;
  min-height: 500px;
  _height: 500px;
  padding-bottom: 5px;
}

/** logo **/

#logo {
	width: 25em;
	text-align: center;
		
}
#logo h1 {
	padding-top: 1em;
	font-size: 17pt;
	color: #000066;
	line-height: 2pt;
	}
#logo p {
  color: #464544;
  
}

/** nav **/

#nav {
  margin-bottom: 10px;
}
#nav li {
  background: #191051;
  padding-left: 15px;
  padding-right: 20px;
}
#nav a {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}
#nav a:hover {
	color: #c8bb89;
}

/** green box **/
#gbox {
  width: 360px;
 }

#gbox-bg  { background: url(images/green_bg.gif) repeat-y; }
#gbox-grd { background: bottom url(images/green_grad_bot.jpg) repeat-x; }
#gbox-top { background: url(images/green_top.gif) no-repeat; height: 24px; }
#gbox-bot { background: bottom left url(images/green_bot.gif) no-repeat; height: 23px; }

#gbox-grd {
  min-height: 300px;
  padding: 2px 24px;
}

#gbox h2 {
  font: bold 14px arial, sans-serif;
  color: #000;
  margin: 0;
}

#gbox p {
  margin: 1em 0;
}

#features {
  background: #EDF0C4;
  padding: 14px;
  margin: 0 -14px;
}
#features h2 {
  position: relative;
}
#features ul {
  float: left;
  width: 49%;
  margin: 1em 0;
  padding: 0;
}
#features li {
  list-style: square;
  margin-left: 12px;
}

/** footer **/

#newsletter, #events {
  float: left;
  width: 49%;
  margin-top: 1em;
}
#newsletter h2, #events h2 {
  color: #fff;
}
#newsletter .text {
  width: 125px;
}
#newsletter form {
  margin: 0.3em 0 0.6em 0;
}
#newsletter p {
  margin: 0.3em 0;
  font-size: 10px;
}
#newsletter a {
  color: #000;
}

#events {
	margin-left: 6%;
	width: 350px;
}
#events ul {
  margin: 0.3em 0;
  padding: 0;
}
#events li {
  list-style: none;
  margin: 0;
  padding: 0;
}

/** grey box **/

#greybox {
	width: 350px;
	
}
#greybox-top {
	background: url(images/bluebox_01.gif) no-repeat;
	padding: 15px;  
}
#greybox-bot {
  background: bottom left url(images/bluebox_08.gif) no-repeat;
  padding: 25px;  
  
}
#greybox-mid {
  background: bottom left url(images/bluebox_04.gif) repeat-y;
  padding: 10px;  
  
}
#greybox h2 {
  font: bold 12px arial, sans-serif;
  color: #E4EE6A;
  line-height: 1.5;
}
#greybox a {
  color: #fff;
}

#copyright {
  font-size: 9px;
  color: #fff;
  margin-top: 60px;
}
announce {
	background-color: #162B48;
}
#slider {
	width: 500px;
	text-align: center;
		
}
/* set the image to use and establish the lower-right position */ 
.cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2 {
    background: transparent url(images/demobox.png) no-repeat bottom right; 
} 
.cssbox { 
    width: 335px !important; /* intended total box width - padding-right(next) */
    width: 320px; /* IE Win = width - padding */
    padding-right: 15px; /* the gap on the right edge of the image (not content padding) */
    margin: 20px auto; /* use to position the box */ 
} 

/* set the top-right image */ 
.cssbox_head { 
    background-position: top right; margin-right: -15px; /* pull the right image over on top of border */
    padding-right: 40px; /* right-image-gap + right-inside padding */ 
} 

/* set the top-left image */ 
.cssbox_head h2 { 
    background-position: top left; 
    margin: 0; /* reset main site styles*/ 
    border: 0; /* ditto */ 
    padding: 25px 0 15px 40px; /* padding-left = image gap + interior padding ... no padding-right */ 
    height: auto !important; height: 1%; /* IE Holly Hack */ 
} 

/* set the lower-left corner image */ 
.cssbox_body { 
    background-position: bottom left; 
    margin-right: 25px; /* interior-padding right */ 
    padding: 15px 0 15px 40px; /* mirror .cssbox_head right/left */ 
} 
/* set the image to use and establish the lower-right position */ 
.cssboxnarrow, .cssbox_bodynarrow, .cssbox_headnarrow, .cssbox_headnarrow h2 {
    background: transparent url(images/demoboxnarrow.png) no-repeat bottom right; 
} 
.cssboxnarrow { 
    width: 230px !important; /* intended total box width - padding-right(next) */
    width: 225px; /* IE Win = width - padding */
    padding-right: 5px; /* the gap on the right edge of the image (not content padding) */
    margin: 20px auto; /* use to position the box */ 
} 

/* set the top-right image */ 
.cssbox_headnarrow { 
    background-position: top right; margin-right: -5px; /* pull the right image over on top of border */
    padding-right: 40px; /* right-image-gap + right-inside padding */ 
} 

/* set the top-left image */ 
.cssbox_headnarrow h2 { 
    background-position: top left; 
    margin: 0; /* reset main site styles*/ 
    border: 0; /* ditto */ 
    padding: 25px 0 5px 40px; /* padding-left = image gap + interior padding ... no padding-right */ 
    height: auto !important; height: 1%; /* IE Holly Hack */ 
} 

/* set the lower-left corner image */ 
.cssbox_bodynarrow { 
    background-position: bottom left; 
    margin-right: 25px; /* interior-padding right */ 
    padding: 10px 0 15px 40px; /* mirror .cssbox_head right/left */ 
}