/* CSS Document */

body 
{
  padding: 0px; `
  margin: 0px; 
  border: 0px; 
  background-image:url("/images/background.png"); 
  background-repeat:repeat-x; 
  background-color: #fff; 
  font-family: Tahoma, Verdana, Arial; 
}

#container
{
  width: 622px;  
  margin-top: 27px; 
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0px; 
  padding:0px; 
  border-top:: 0px; 
  border-bottom: 0px; 
  border-right: 0px; 
  border-left: 0px; 
  background-color: #fff; 
}

#headertop
{
  padding: 0px; 
  margin: 0px;
  height: 8px; 
  overflow:hidden; 
}

#topreoundedcorner
{
  height: 7px;
  width: 622px; 
  border: 0px; 
  padding: 0px; 
  margin: 0px; 
  vertical-align:top;    
}

#header
{
  padding: 0px; 
  margin: 0px;
  vertical-align:top;   
  border-top: 0px; 
  border-bottom: 0px; 
  border-left: 1px solid #ccc; 
  border-right: 1px solid #ccc;   
}

#headerimage
{
  border: 0px; 
  padding: 0px; 
  margin: 0px; 
  height: 84px;  
  width: 620px; 
  vertical-align:top; 
}

#indexheader
{
  background-color: #5F9FBF; 
  font-family: Tahoma, Verdana, Arial; 
  font-size: 1.1em;  
  color: #fff; 
  font-weight:bold; 
  padding-top: 6px; 
  padding-left: 10px;
  padding-bottom: 7px;  
  border-top: 0px; 
  border-bottom: 0px; 
  border-left: 1px solid #ccc; 
  border-right: 1px solid #ccc;    
}

#news
{
  margin-top: 10px; 
  margin-left: 16px; 
  margin-right: 16px; 
  margin-bottom: 10px; 
}

#footer
{
  text-align: center; 
  font-family: Tahoma, Verdana, Arial; 
  font-size: 0.75em; 
  color: #999999; 
  background-image:url("/images/footer.jpg"); 
  background-repeat:no-repeat; 
  width: 622px; 
  height: 50px; 
  margin-left: auto;
  margin-right: auto;
  margin-top: 6px; 
  margin-bottom: 50px; 
  vertical-align:bottom; 
  padding-top:24px; 
}

#footer a 
{
  color: #999999; 
  text-decoration: none; 
}

#footer a:hover 
{
  color: #999999; 
  text-decoration: underline; 
}


#morenews
{
  text-align:right; 
  margin-right: 52px; 
  margin-top: 20px; 
  font-size:.7em; 
  padding: 0px; 
}

#morenews a, #morenews a:hover 
{
  color: #5F9FBF; 
  text-decoration: none; 
}


#navbar
{
  margin-left: 10px; 
  margin-top: 6px; 
  margin-bottom: 0px;
  margin-right: 0px; 
  padding: 0px; 
  height: 28px;  
  overflow:hidden; 
}

#navbar img 
{
  padding: 0px; 
  margin: 0px; 
  border: 0px; 
} 

#teaserspacer
{
  background: #5F9FBF;
  height: 6px; 
  width: 100%; 
  overflow: hidden; 
}

.newssubject
{
  color: #5F9FBF; 
  font-size: .8em; 
  font-weight: bold; 
  letter-spacing: .05em; 
}

.newssubject a, .newssubject a:hover
{
  color: #5F9FBF;  
  font-weight: bold; 
  text-decoration: none; 
}

.newsdivider
{
  margin-top: 8px; 
  margin-left: 88px; 
}

.newsdate
{
  font-size: .6em; 
  font-weight: bold; 
  color: #333333; 
  margin-top: 2px; 
  width: 50px; 
  float:left; 
}

.newsbox
{
  margin-left: 80px;  
}


.newsdescription
{
  font-size: 0.7em; 
  margin-left: 0px; 
  color: #666665; 
}

#signin
{
  text-align: right; 
  margin-right: 21px;  
  color: #5F9FBF; 
}

#signin a, #signin a:hover
{
  color: #5F9FBF;  
  font-weight: bold; 
  text-decoration: none; 
  font-size:.7em; 
}

#teaserimage
{
 background-color:#8BAABA; 
}

#sidenav
{
  float: left; 
  width: 150px; 
  margin: 0px; 
  margin-left: 10px; 
  margin-top: 17px; 
  margin-right:0px; 
  /* border-left: 1px solid #CDCDCD;*/ 
}

#navheader
{
  font-family: tahoma, verdana, arial; 
  font-size: 1.05em; 
  color: #5F9FBF; 
  font-weight:bold; 
}

#subnav ul
{
  margin: 0px; 
  padding: 0px; 
  boder: 0px; 
  list-style:none; 
}

#subnav  ul li a
{
  font-size: .7em; 
}

#subnav  ul li a
{
  color: #666667; 
  text-decoration:none; 
}

#subnav  ul li a:hover 
{
  color: #5F9FBF; 
  text-decoration:none; 
}

#rightcontent 
{
  width: 436px; 
  margin-left: 180px;  
  margin-top: 8px; 
  margin-right: 0px; 
  border-left: 1px solid #CDCDCD; 
  padding: 0px; 
  border-top: 0px; 
  border-right: 0px; 
  border-bottom: 0px; 
  line-height: 140%; 
}

#rightcontent p 
{
  font-family: tahoma, verdana, arial; 
  font-size: .8em;
  color: #666667;  
  margin-left:11px; 
  margin-top: 15px; 
  margin-bottom: 0px; 
  margin-right: 15px;  
  padding: 0px; 
  /* border: 1px solid red; */ 
}

#rightcontent a
{
  color: #5F9FBF; 
}

#rightcontent a:hover 
{
  color: #666667; 
}


#rightcontent ul li
{
  font-family: tahoma, verdana, arial; 
  font-size: .8em;
  color: #666667;  
  margin: 0px; 
}

#rightcontent ol li
{
  font-family: tahoma, verdana, arial; 
  font-size: .8em;
  color: #666667;  
  margin: 0px; 
}


#rightcontent h3 
{
  font-family: tahoma, verdana, arial; 
  font-size: 1.3em;
  color: #999999;  
  font-weight:bold; 
  margin-top: 16px; 
  margin-right:10px; 
  margin-bottom: 20px; 
  margin-left: 11px; 
  padding: 0px; 
}

#rightcontent h4 
{
  font-family: tahoma, verdana, arial; 
  font-size: .75em;
  color: #000;  
  font-weight:bold; 
  margin-top: 25px; 
  margin-left: 10px; 
  margin-right: 10px; 
  margin-bottom: 4px; 
  padding: 0px; 
}


.photorightalign 
{
  float:right; 
  padding: 5px; 
  margin: 0px; 
}

.phototallright
{
  float:right;
  padding-left:20px;
  padding-top:5px;
  padding-bottom:10px; 
}

.photonoalign 
{
  margin-left: 10px; 
  
}

#breadcrumb 
{
  margin-left:25px; 
  margin-top: 14px;   
  margin-bottom: 5px; 
  marginright: 5px; 
  padding: 0px; 
  color: #747474; 
  font-family:tahoma, verdana, arial; 
  font-size:.7em;  
}

#breadcrumb a
{
  color: #747474; 
  font-family:tahoma, verdana, arial; 
}

.returntotop
{
  margin-top: 5px; 
  margin-left: 20px; 
  font-size: .7em; 
}

.returntotop  a
{
  color: #5F9FBF; 
  border-bottom: 1px dotted #5F9FBF; 
  text-decoration: none; 
}

.returntotop  a:hover 
{
  color: #666667; 
  border-bottom: 1px dotted #666667;  
  text-decoration: none;  
}

#photoborder
{
  /* border: 1px solid #ccc; */ 
  margin-left: 5px; 
}

#wikimapia
{
  margin-left:15px; 
  margin-top: 15px; 
  margin-bottom: 10px; 
  margin-right: 0px; 
}


#contentnewsletter p 
{
  padding-left: 20px;
  padding-right: 20px; 
}

#contentnewsletter p 
{
  font-family: tahoma, verdana, arial; 
  font-size: .8em;
  color: #666667;  
  margin-left:25px; 
  margin-top: 15px; 
  margin-bottom: 0px; 
  margin-right: 15px;  
  padding: 0px; 
  /* border: 1px solid red; */ 
}

#contentnewsletter a
{
  color: #5F9FBF; 
}

#contentnewsletter a:hover 
{
  color: #666667; 
}


#contentnewsletter ul li
{
  font-family: tahoma, verdana, arial; 
  font-size: .8em;
  color: #666667;  
  margin: 0px; 
}

#contentnewsletter ol li
{
  font-family: tahoma, verdana, arial; 
  font-size: .8em;
  color: #666667;  
  margin: 0px; 
}

#contentnewsletter h3 
{
  font-family: tahoma, verdana, arial; 
  font-size: 1.3em;
  color: #999999;  
  font-weight:bold; 
  margin-top: 16px; 
  margin-right:10px; 
  margin-bottom: 20px; 
  margin-left: 25px; 
  padding: 0px; 
}

#contentnewsletter h4 
{
  font-family: tahoma, verdana, arial; 
  font-size: .75em;
  color: #000;  
  font-weight:bold; 
  margin-top: 25px; 
  margin-left: 25px; 
  margin-right: 10px; 
  margin-bottom: 4px; 
  padding: 0px; 
}


#contentnewsletter h5
{
  font-family: tahoma, verdana, arial; 
  font-size: 1em;
  font-weight: bold; 
  text-transform:uppercase; 
  color: #fff;  
  font-weight:bold; 
  background: #5F9FBF; 
  margin-top: 25px; 
  margin-left: 0px; 
  margin-right: 0px; 
  margin-bottom: 4px; 
  padding-left: 15px; 
  padding-right: 10px; 
  padding-top: 4px; 
  padding-bottom: 4px; 
}

.sectionimage
{
  float: right; 
  margin-left: 20px; 
  margin-right: 13px; 
  margin-top: 10px;  
}

.formtext 
{
  width: 260px;
}

.formtextsmall
{
  width: 120px;
}


.longform
{
  margin-left:10px; 
  margin-top: 10px; 
}

input 
{
  background-color:#EEF5F9; 
  border: 1px solid #5F9FBF;
  color: #62A3C1;
} 

select 
{
  background-color:#EEF5F9; 
  border: 1px solid #5F9FBF;
  color: #5F9FBF;
} 


label
{
	float: none;
	display: block;
	font-size: 105%;
	font-weight: bold;
	letter-spacing: -0.03em;
	color: #817A71;
	margin-top: 5px; 
}

.formcontainer
{
  margin-top: 20px; 
  margin-left: 20px; 
}

#formchildattendtable
{
  border: 1px solid #CDCDCD; 
  margin-top: 15px; 
  margin-bottom: 15px; 
}

#formchildattendtable tr td
{
  vertical-align:top; 
  border-bottom: 1px solid #CDCDCD; 
  font-family: tahoma, verdana, arial; 
  font-size: .8em;
  color: #666667;  
  padding-top: 5px; 
  padding-bottom: 5px; 
}

.tableheader
{
font-weight:bold; 
font-size: 1em; 
}


.formselectgrade
{
  width: 75px; 
}

#donatebutton
{
  margin-left: 20px; 
  margin-top: 10px; 
  margin-bottom: 20px; 
  
}

.infobox
{
  display: block; 
  font-size:.8em; 
  background-color: #F4F4F4;
  border: 1px solid #CDCDCD;
  padding:10px;
  width: 250px;
  margin-left:20px;
  margin-top: 20px; 
  margin-bottom: 20px; 
  
}

.newsdescription a 
{
  color: #5F9FBF;  
  text-decoration: underline; 
}

.newsdescription a:hover 
{
  color: #37708A;  
  text-decoration: underline; 
}

/* 
1. always make sure that divs have hardcoded heights 
2. if there'x extra wide space, be sure to check for margins like margin-right: 12px; 
3. IE is lame -- particularly when it comes to elements that require a small height. Use overflow:hidden; and set a fixed height. 
*/