html, 
body { 
	margin: 0; 
	padding: 0; 
	text-align: center;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 100%;
	background-color: #ffffff;
}

#wrap {
	width: 1024px;
	height: 100%;
	margin: 0 auto;	
	text-align: left;
	overflow: hidden; 
}
	
	
/* Header */

#header { 
	width: 1024px;
	background-color: #ffffff;
	border-bottom-width: medium;
	border-radius: 10px 10px 10px 10px;
}

.headerlogo {
	left: 0px;
	width: 250px;
	height: 90px;
	float: left;
}

.headerquote {
	height: 90px;
}
	
	

.topnavigation {
	left: 0px;
	width: 1024px;
	height: 60px;
}

/* end Header */

/* basic layout */

.content {
	padding: 10px;
}
	
#leftcolumn, #centercolumn, #rightcolumn {
	padding-bottom: 32767px; 
	margin-bottom: -32767px;
}
	
#leftcolumn {
	width: 224px;
	float: left;
	background-color: #ffffff;
}
	
#centercolumn {
	width: 574px;
	float: left;
	background-color: #ffffff;
	border-left: 1px dotted #ffffff;
	border-right: 1px dotted #ffffff;
}

#rightcolumn {
	width: 224px;
	float: right;
	background-color: #ffffff;
}

#footer {
	width: 1024px; 
	float: left;
	border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
  background: #006699;
  background: -moz-linear-gradient(top, #000066 0%, #006699 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #000066), color-stop(100%, #006699));
  background: -webkit-linear-gradient(top, #000066 0%, #006699 100%);
  background: -o-linear-gradient(top, #000066 0%, #006699 100%);
  background: -ms-linear-gradient(top, #000066 0%, #006699 100%);
  background: linear-gradient(to bottom, #000066 0%, #006699 100%);
  filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#000066', EndColorStr='#006699', GradientType=0);
  border-top: 2px solid #000066;
}
	


/* Iconize 0.5 */

/* websites (pictures and movies) */
a[href *="youtube.com/watch?"], a[href *="sevenload.com/videos/"], a[href *="metacafe.com/watch/"] { 
	padding: 5px 20px 5px 0;
	background: transparent url(../images/icon_film.gif) no-repeat center right;
}

a[href *="flickr.com/photos/"], a[href *="zooomr.com"], a[href *="imageshack.us"], a[href *="bubbleshare.com"], a[href *="sevenload.com/bilder/"] { 
	padding: 5px 20px 5px 0;
	background: transparent url(../images/icon_pic.gif) no-repeat center right;
}

/* extensions */

a[href$='.doc'], a[href$='.rtf'] {
	padding: 5px 20px 5px 0;
	background: transparent url(../images/icon_doc.gif) no-repeat center right;
}

a[href$='.txt'] {
	padding: 5px 20px 5px 0;
	background: transparent url(../images/icon_txt.gif) no-repeat center right;
}

a[href$='.xls'] {
	padding: 5px 20px 5px 0;
	background: transparent url(../images/icon_xls.gif) no-repeat center right;
}

a[href$='.rss'], a[href$='.atom'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(../images/icon_feed.gif) no-repeat center right;
}

a[href$='.opml'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(../images/icon_opml.gif) no-repeat center right;
}

a[href$='.phps'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(../images/icon_phps.gif) no-repeat center right;
}

a[href$='.phps'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(../images/icon_phps.gif) no-repeat center right;
}

a[href$='.torrent'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(../images/icon_torrent.gif) no-repeat center right;
}

a[href$='.vcard'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(../images/icon_vcard.gif) no-repeat center right;
}

a[href$='.exe'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(../images/icon_exe.gif) no-repeat center right;
}

a[href$='.dmg'], a[href$='.app'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(../images/icon_dmg.gif) no-repeat center right;
}

a[href$='.pps'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(../images/icon_pps.gif) no-repeat center right;
}

a[href$='.pdf'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(../images/icon_pdf.gif) no-repeat center right;
}

a[href$='.xpi'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(../images/icon_plugin.gif) no-repeat center right;
}

a[href$='.fla'], a[href$='.swf'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(../images/icon_flash.gif) no-repeat center right;
}

a[href$='.zip'], a[href$='.rar'], a[href$='.gzip'], a[href$='.bzip'], a[href$='.ace'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(../images/icon_archive.gif) no-repeat center right;
}

a[href$='.ical'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(../images/icon_ical.gif) no-repeat center right;
}

a[href$='.css'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(../images/icon_css.gif) no-repeat center right;
}

a[href$='.ttf'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(../images/icon_ttf.gif) no-repeat center right;
}

a[href$='.jpg'], a[href$='.gif'], a[href$='.png'], a[href$='.bmp'], a[href$='.jpeg'], a[href$='.svg'], a[href$='.eps'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(../images/icon_pic.gif) no-repeat center right;
}

a[href$='.mov'], a[href$='.wmv'], a[href$='.mp4'], a[href$='.avi'], a[href$='.mpg'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(../images/icon_film.gif) no-repeat center right;
}

a[href$='.mp3'], a[href$='.wav'], a[href$='.ogg'], a[href$='.wma'], a[href$='.m4a'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(../images/icon_music.gif) no-repeat center right;
}

/* messenger */
a[href ^="aim:"] {
	padding: 5px 20px 5px 0;
    background: transparent url(../images/icon_aim.gif) no-repeat center right;
}

a[href ^="msnim:"] {
	padding: 5px 20px 5px 0;
    background: transparent url(../images/icon_msn.gif) no-repeat center right;
}

a[href ^="xmpp:"] {
	padding: 5px 20px 5px 0;
    background: transparent url(../images/icon_jabber.gif) no-repeat center right;
}

a[href *="icq.com"] { 
	padding: 5px 20px 5px 0;
	background: transparent url(../images/icon_icq.gif) no-repeat center right;
}

a[href *="edit.yahoo.com/config/send_webmesg?"] { 
	padding: 5px 20px 5px 0;
	background: transparent url(../images/icon_yim.gif) no-repeat center right;
}

a[href ^="callto:"] {
	padding: 5px 20px 5px 0;
    background: transparent url(../images/icon_call.gif) no-repeat center right;
}

a[href ^="skype:"] {
	padding: 5px 20px 5px 0;
    background: transparent url(../images/icon_skype.gif) no-repeat center right;
}

a[href ^="gg:"] {
	padding: 5px 20px 5px 0;
    background: transparent url(../images/icon_gadugadu.gif) no-repeat center right;
}

/* email */
a[href ^="mailto:"] {
	padding: 5px 20px 5px 0;
    background: transparent url(../images/icon_mailto.gif) no-repeat center right;
}

/* use this class to make sure that images won't get iconized */

.imageLink {
	padding-right: 0px !important;
	background: none !important;
}



/* -----basic styles----- */

/* head & subhead */

h1 {
	font-size: 22px;
	font-weight: bold;
	color: #000066;
	text-align: left;
}

h2 {
	font-size: 16px;
	font-weight: bold;
	color: #003300;
	text-align: left;
}

h3 {
	font-size: 14px;
	font-weight: bold;
	color: #006699;
	text-align: left;
}

h4 {
	font-size: 12px;
	color: #006600;
	text-align: left;
	font-weight: bold;
}

h5 {
	font-size: 12px;
	text-align: center;
	font-weight: bold;
	}

/*paragraph or body text*/

p {
	color: #000000;
	font-size: 12px;
	text-align: left;
}

p.jobs {
	color: #000000;
	text-align: left;
	font-size: 10px;
}

p.footer {
	color: #ffffff;
	font-size: 10px;
	text-align: center;
}

p.anchor {
	color: #000066;
	font-size: 10px;
	text-align: right;
	font-style: italic;
}

p.anchor:hover {
	color: #006699;
	font-size: 10px;
	text-align: right;
	font-style: italic;
}

p.announcement {
	color: #b39458;
	font-size: 12px;
	text-align: left;
}

p.caption {
	color: #000066;
	font-size: 10px;
	text-align: left;
}

p.captioncenter {
	color: #000066;
	font-size: 12px;
	text-align: center;
}


/* -----lists----- */

ul {
	list-style-type: square;
	color: #000000;
	font-size: 12px;
	text-align: left;
}

ul.circle {
	list-style-type: circle;
	color: #000000;
	font-size: 12px;
	text-align: left;
}

ul.disc {
	list-style-type: disc;
	color: #000000;
	font-size: 12px;
	text-align: left;
}

ul.square {
	list-style-type: square;
	color: #000000;
	font-size: 12px;
	text-align: left;
}
	

ul.squarecaption {
	list-style-type: square;
	color: #000000;
	font-size: 10px;
	text-align: left;
}

ul.circlecaption {
	list-style-type: circle;
	color: #000000;
	font-size: 10px;
	text-align: left;
}


ol {
	list-style-type: decimal;
	color: #000000;
	font-size: 12px;
	text-align: left;
}

ol.decimal  {
	list-style-type: decimal;
	color: #000000;
	font-size: 12px;
	text-align: left;
}

ol.lower-alpha  {
	list-style-type: lower-alpha;
	color: #000000;
	font-size: 12px;
	text-align: left;
}

ol.upper-alpha  {
	list-style-type: upper-alpha;
	color: #000000;
	font-size: 12px;
	text-align: left;
}

ol.lower-roman  {
	list-style-type: lower-roman;
	color: #000000;
	font-size: 12px;
	text-align: left;
}

ol.upper-roman  {
	list-style-type: upper-roman;
	color: #000000;
	font-size: 12px;
	text-align: left;
}


/* -----global links----- */

a:link {
	color: #000066; 
	text-decoration: underline; 
	font-weight: normal;
}

a:visited {
	color: #006699; 
	text-decoration: underline; 
	font-weight: italic;
}

a:active {
	color: #000066; 
	text-decoration: underline;
}

a:hover {
	color: #ffffff; 
	text-decoration: underline; 
	font-weight: normal; 
	background-color: #006699;
}

/* -----horizontal lines----- */
hr {
	color: #000066;
	border-width: 1px;
	border-style: solid;
}

hr.lblue {
	color: #006699;
	border-width: 1px;
	border-style: solid;
}

hr.green {
	color: #003300;
	border-width: 1px;
	border-style: solid;
}

hr.lgreen {
	color: #006600;
	border-width: 1px;
	border-style: solid;
}

hr.gold {
	color: #b39458;
	border-width: 1px;
	border-style: solid;
}



/* -----menus----- */

/* left menu */

#vertmenu {
	font-size: 10px;
	width: 200px;
	padding: 0px;
	margin: 0px;
	background-color: #000066;
}

#vertmenu ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	border: none;
}

#vertmenu ul li {
	margin: 0px;
	padding: 0px;
}

#vertmenu ul li a {
	font-size: 12px;
	display: block;
	padding: 5px 0px 2px 4px;
	text-decoration: none;
	color: #ffffff;
	width: 200px;
	border-bottom-style: ridge;
	border-bottom-color: #b39458;
	border-bottom-width: 1px;
}

#vertmenu ul li a:hover {
	color: #ffffff;
	background-color: #006699;
}

#vertmenu ul li a:focus {
	color: #ffffff;
	background-color: #003300;
}

#vertmenu #currentpage a {
	color: #ffffff;
	background-color: #006699;
}


/* related items (right hand menu) */
#relatedmenu {
	font-size: 10px;
	width: 200px;
	padding: 0px;
	margin: 0px;
	background-color: #003300;
}

#relatedmenu ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	border: none;
}

#relatedmenu ul li {
	margin: 0px;
	padding: 0px;
}

#relatedmenu ul li a {
	font-size: 10px;
	display: block;
	padding: 5px 0px 2px 4px;
	text-decoration: none;
	color: #ffffff;
	width: 200px;
	border-bottom-style: ridge;
	border-bottom-color: #b39458;
	border-bottom-width: 1px;
}

#relatedmenu ul li a:hover {
	color: #ffffff;
	background-color: #006600;
}

#relatedmenu ul li a:focus {
	color: #ffffff;
	background-color: #003300;
}

#relatedmenu #currentpage a {
	color: #ffffff;
	background-color: #006600;
}

h4.relatedmenu {
	font-size: 14px;
	color: #006600;
	text-align: left;
	font-weight: bold;
}


/* horizontal drop down menu styles */
#cssmenu ul,
#cssmenu li,
#cssmenu span,
#cssmenu a {
	margin: 0;
	padding: 0;
 	position: relative;
 }

#cssmenu {
  	height: 49px;
  	border-radius: 5px 5px 0 0;
  	-moz-border-radius: 5px 5px 0 0;
  	-webkit-border-radius: 5px 5px 0 0;
  	background: #000066;
  	background: -moz-linear-gradient(top, #006699 0%, #000066 100%);
  	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #006699), color-stop(100%, #000066));
  	background: -webkit-linear-gradient(top, #006699 0%, #000066 100%);
  	background: -o-linear-gradient(top, #006699 0%, #000066 100%);
  	background: -ms-linear-gradient(top, #006699 0%, #000066 100%);
  	background: linear-gradient(to bottom, #006699 0%, #000066 100%);
  	filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#006699', EndColorStr='#000066', GradientType=0);
  	border-bottom: 2px solid #006699;
}

#cssmenu:after,
#cssmenu ul:after {
  	content: '';
  	display: block;
  	clear: both;
}

#cssmenu a {
  	background: #000066;
  	background: -moz-linear-gradient(top, #006699 0%, #000066 100%);
  	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #006699), color-stop(100%, #000066));
  	background: -webkit-linear-gradient(top, #006699 0%, #000066 100%);
  	background: -o-linear-gradient(top, #006699 0%, #000066 100%);
 	background: -ms-linear-gradient(top, #006699 0%, #000066 100%);
 	background: linear-gradient(to bottom, #006699 0%, #000066 100%);
 	filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#006699', EndColorStr='#000066', GradientType=0);
 	color: #ffffff;
  	display: inline-block;
  	font-family: Helvetica, Arial, Verdana, sans-serif;
  	font-size: 12px;
  	line-height: 49px;
  	padding: 0 20px;
  	text-decoration: none;
}

#cssmenu ul {
  	list-style: none;
}

#cssmenu > ul {
  	float: left;
}

#cssmenu > ul > li {
  	float: left;
}

#cssmenu > ul > li:hover:after {
  	content: '';
  	display: block;
  	width: 0;
 	height: 0;
  	position: absolute;
  	left: 50%;
  	bottom: 0;
  	border-left: 10px solid transparent;
  	border-right: 10px solid transparent;
  	border-bottom: 10px solid #006699;
  	margin-left: -10px;
}

#cssmenu > ul > li:first-child > a {
  	border-radius: 5px 0 0 0;
  	-moz-border-radius: 5px 0 0 0;
  	-webkit-border-radius: 5px 0 0 0;
}

#cssmenu > ul > li:last-child > a {
  	border-radius: 0 5px 0 0;
  	-moz-border-radius: 0 5px 0 0;
  	-webkit-border-radius: 0 5px 0 0;
}

#cssmenu > ul > li.active > a {
  	box-shadow: inset 0 0 3px #000000;
  	-moz-box-shadow: inset 0 0 3px #000000;
  	-webkit-box-shadow: inset 0 0 3px #000000;
  	background: #003300;
  	background: -moz-linear-gradient(top, #006699 0%, #003300 100%);
  	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #006699), color-stop(100%, #003300));
  	background: -webkit-linear-gradient(top, #006699 0%, #003300 100%);
  	background: -o-linear-gradient(top, #006699 0%, #003300 100%);
  	background: -ms-linear-gradient(top, #006699 0%, #003300 100%);
  	background: linear-gradient(to bottom, #006699 0%, #003300 100%);
  	filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#006699', EndColorStr='#003300', GradientType=0);
}

#cssmenu > ul > li:hover > a {
  	background: #003300;
  	background: -moz-linear-gradient(top, #006699 0%, #003300 100%);
  	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #006699), color-stop(100%, #003300));
  	background: -webkit-linear-gradient(top, #006699 0%, #003300 100%);
  	background: -o-linear-gradient(top, #006699 0%, #003300 100%);
  	background: -ms-linear-gradient(top, #006699 0%, #003300 100%);
  	background: linear-gradient(to bottom, #006699 0%, #003300 100%);
  	filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#006699', EndColorStr='#003300', GradientType=0);
  	box-shadow: inset 0 0 3px #000000;
  	-moz-box-shadow: inset 0 0 3px #000000;
  	-webkit-box-shadow: inset 0 0 3px #000000;
}

#cssmenu .has-sub {
  	z-index: 1;
}

#cssmenu .has-sub:hover > ul {
  	display: block;
}

#cssmenu .has-sub ul {
  	display: none;
  	position: absolute;
  	width: 200px;
  	top: 100%;
  	left: 0;
}

#cssmenu .has-sub ul li {
  	*margin-bottom: -1px;
}

#cssmenu .has-sub ul li a {
  	background: #006699;
  	border-bottom: 1px dotted #b39458;
  	filter: none;
  	font-size: 12px;
  	display: block;
  	line-height: 120%;
  	padding: 10px;
}

#cssmenu .has-sub ul li:hover a {
  	background: #003300;
}

#cssmenu .has-sub .has-sub:hover > ul {
  	display: block;
}

#cssmenu .has-sub .has-sub ul {
  	display: none;
  	position: absolute;
  	left: 100%;
  	top: 0;
}

#cssmenu .has-sub .has-sub ul li a {
  	background: #003300;
  	border-bottom: 1px dotted #b39458;
}

#cssmenu .has-sub .has-sub ul li a:hover {
  	background: #006600;
}



/* ---------- Index Blocks ---------- */

.box1widthleftrow1 {
	width: 333px;
	height: 200px;
	background-color: #ffffff;
	float: left;
	border: 2px solid;
	border-color: #e0e0e0;
	border-radius: 25px;
	-moz-border-radius: 25px;
	padding-left: 2px;
	padding-right: 2px;
}

.box1widthcenterrow1 {
	width: 334px;
	height: 200px;
	background-color: #ffffff;
	float: left;
	border: 2px solid;
	border-color: #e0e0e0;
	text-align: center;
	border-radius: 25px;
	-moz-border-radius: 25px;
	padding-left: 2px;
	padding-right: 2px;
}

.box1widthrightrow1 {
	width: 333px;
	height: 200px;
	background-color: #ffffff;
	float: right;
	border: 2px solid;
	border-color: #e0e0e0;
	border-radius: 25px;
	-moz-border-radius: 25px;
	padding-left: 2px;
	padding-right: 2px;
}


.box1widthleft {
	width: 333px;
	height: 250px;
	background-color: #ffffff;
	float: left;
	border: 2px solid;
	border-color: #e0e0e0;
	border-radius: 25px;
	-moz-border-radius: 25px;
	padding-left: 2px;
	padding-right: 2px;
}

.box1widthcenter {
	width: 334px;
	height: 250px;
	background-color: #ffffff;
	float: left;
	border: 2px solid;
	border-color: #e0e0e0;
	text-align: center;
	border-radius: 25px;
	-moz-border-radius: 25px;
	padding-left: 2px;
	padding-right: 2px;
}

.box1widthright {
	width: 333px;
	height: 250px;
	background-color: #ffffff;
	float: right;
	border: 2px solid;
	border-color: #e0e0e0;
	border-radius: 25px;
	-moz-border-radius: 25px;
	padding-left: 2px;
	padding-right: 2px;
}


.box2width {
	width: 675px;
	height: 250px;
	background-color: #ffffff;
	float: left;
	border: 2px solid;
	border-color: #e0e0e0;
	padding-left: 2px;
	padding-right: 2px;
}

.boxcalendar {
	width: 675px;
	height: 450px;
	background-color: #ffffff;
	float: left;
	border: 2px solid;
	border-color: #e0e0e0;
	padding-left: 2px;
	padding-right: 2px;
}


.boxevents {
	width: 333px;
	height: 450px;
	background-color: #ffffff;
	float: right;
	border: 2px solid;
	border-color: #e0e0e0;
	border-radius: 25px;
	-moz-border-radius: 25px;
	padding-left: 2px;
	padding-right: 2px;
}

/* index styles */

h1.index {
	font-size: 18px;
	background-color: #000066;
	text-align: center;
	color: #b39458;
	border-bottom: 2px solid #006699;
	margin: 0px -2px 0px -2px;
}
	
h2.index {
	font-size: 16px;
	color: #003300;
	text-align: center;
}

h3.index {
	font-size: 14px;
	color: #006699;
	text-align: center;
}

p.index {
	font-size: 12px;
	color: #000000;
	text-align: left;
}



/* -----Special Boxes ----- */

/* Box for Volunteer of the Month */
.boxvom {
	width: 200px;
	background-color: #e0e0e0;
	float: right;
	padding: 3px 3px 3px 3px;
	border: 2px inset #003300;
}

/* Box for Apply Now, Buy Now, etc. */
p.boxspecial {
	width: 150px;
	background-color: #b39458;
	padding: 10px 10px 10px 10px;
	text-align: center;
	border: 4px inset #006600;
	font-size: 16px;
	float: right;
}

p.relatedmenuspecial {
	background-color: #e0e0e0;
	font-size: 12px;
	width: 200px;
}


/* index statement */

p.statement {
	color: #006699;
	font-size: 16px;
	font-style: italic;
	text-align: center;
}

/* event listing */

h1.event {
	font-size: 16px;
	background-color: #000066;
	text-align: center;
	color: #b39458;
	border-bottom: 2px solid #006699;
	width: 202px;
}

p.eventdate {
	background-color: #b39458;
	color: #000066;
	font-style: bold;
	float: left;
	width: 30px;
	text-align: center;
	margin-right: 2px;
}

p.eventname {
	color: #000066;
	width: 170px;
	float: left;
}

.boxevent {
	background-color: #e0e0e0;
	width: 202px;
}