﻿body 
{
   margin: 0;
   padding: 0;
   border: 0;
   outline: 0;
   font-weight: inherit;
   font-style: inherit;
   font-size: 100%;
   font-family : inherit;
   margin-top:0px;
   background-color:#004b8d;
   font-family: Arial,Helvetica,sans-serif;
   font-size:12px;
   color:#333333;
   
}
h1
{
	font-weight:bold;
	font-size:170%;
	color:#004b8d;
	
}

h2, h3
{
	font-weight:bold;
	font-size:140%;
	color:#004b8d;
	
}

h4, h5 
{
    margin:8px 0px 0px 0px;
	font-weight:bold;
	font-size:120%;
	color:#004b8d;
}

.blue {	color:#004b8d;}

a { color:#004b8d; text-decoration:none; border-bottom:dotted 1px #ffffff; }
a:hover {color:#004b8d; border-bottom:dotted 1px #008c99; }


.supporterlink 
{
	font-weight:bold;
	font-size:125%;
	color:#004b8d; 
	
}

/*selectors/elements*/
#container 
{
  width:900px;
  margin:15px auto;	
  background-color:#fefefe;
}

#header 
{
 width:100%;
 top:0px;
 left:0px;
 background-image:url("images/header.jpg");
 background-position:left top;
 background-repeat:no-repeat;
 background-color:#FFFFFF;	
 height:210px;
}
#serving 
{
	width:550px; float:left; margin:25px 0px 0px 160px;
}

#wish 
{
	width:325px; float:right; margin-top:60px; margin-right:35px;
}
#contentcontainer
{
 width:100%;
 top:0px;
 left:0px;
 background-image:url("images/content-bg.jpg");
 background-position:left top;
 background-repeat:no-repeat;
 background-color:#FFFFFF;	
}

#content {width:650px; float:left; margin-left:10px; padding:0 5px;}
#content img {border:solid 3px #d0cccd;}

/*navigation*/
#leftnav 
{
	width:225px; float:left;height:auto;
}

.nghc {width:203px; margin:10px 0px 0px 10px;}
.ngh 
{
	width:203px; height:36px; 
	background:transparent url("images/rail-head.jpg") left top no-repeat;
}
.ngh div 
{
	padding:5px 0px 0px 5px;
	font-weight:bold; font-size:110%;
	color:#004b8d;
}
.ngb 
{
	width:203px; background:#ffffff url("images/rail-fill.jpg") left top repeat-y;
}
.pad {padding:5px 5px 0px 10px;}
.ngf
{
	width:203px; height:15px; background:transparent url("images/rail-bot.jpg") left top no-repeat;
	
}




#menu 
{
	float:left;
	margin:19px 0px 0px 10px;
	width:880px;
}
#menu a, menu a:hover 
{
	display:inline-block; margin-left:14px;
}

#footer
{
	width:100%;
	height:100px;
	background-color:#e7e7e7;
}
.linkbox {width:95%; margin:5px auto;  text-align:center;}
.linkbox .links a, menu a:hover {display:inline-block; margin-left:14px;}
.info {width:95%; margin:5px auto; padding:3px;text-align:center;}


/*Classes*/
.clear 
{
	clear:both;
	height:auto;
}

/*News & List items */
.news, .events, .spotlight { width:650px; float:left; }

.ulnews, .ulevent, .ulspot {width: 400px; padding:0px; margin:-8px 0px 0px 5px; font-size: 12px; font-weight:bold; line-height: 1.3; float: left; }
.ulnews li { list-style:none; padding: 4px  1px 1px 10px; background: url('images/bullet.gif') left 7px no-repeat; }
.ulevent li { list-style:none; padding: 4px  1px 1px 10px; background: url('images/bullet.gif') left 7px no-repeat; }
.ulspot li { list-style:none; padding: 4px  1px 1px 10px; background: url('images/bullet.gif') left 7px no-repeat; }

