@import url(baseStyles.css);

a:link{color:#fff;font-weight:bold;}
a:visited{color:#fff;font-weight:bold;}
a:hover{color:#f7c03d;font-weight:bold;}

a img{border:none;}

body{color:#fff;font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;background:#2f6aaa url(img/sky.jpg) center top;}
header{width:985px;height:85px;margin:auto;background:url(img/logo.png) no-repeat;}
#mainboxwrapper{width:884px;margin:auto;}
#mainboxtop{width:884px;height:66px;background:url(img/mainboxtop.png);}
#mainboxbody{width:884px;background:url(img/mainboxbg.png);padding-top:6px;}

#leftcolwrapper{width:168px;float:left;margin-left:38px;}
.littleboxtop{width:168px;height:32px;background:url(img/littleboxtop.png);}
.littleboxtitle{text-align:center;padding-top:3px;}
.littleboxbody{width:168px;background:url(img/littleboxbg.png) repeat-y;}
.littleboxcontent{width:140px;margin:auto;font-size:1.2em;}
.littleboxbottom{width:168px;height:14px;background:url(img/littleboxbottom.png);}
#mapicon{padding-left:13px;padding-top:6px;width:168px;}

#rightcolwrapper{width:168px;float:right;margin-right:38px;}

#contentboxwrapper{width:454px;margin:auto;}
#contentboxtop{width:454px;height:10px;background:url(img/contentboxtop.png);}
#contentboxbody{width:454px;background:url(img/contentboxbg.png);padding-bottom:100px;}

#contentboxwrapper2{width:808px;margin:auto;}
#contentboxtop2{width:808px;height:8px;background:url(img/expandedcontainertop.png);}
#contentboxbody2{width:808px;background:url(img/expandedcontainerbg.png);padding:.1px;}
#contentboxbottom2{width:808px;height:11px;background:url(img/expandedcontainerbottom.png);}

#imgtitle{text-align:center;width:440px;padding-right:12px;margin:auto;}
#contentwrapper{padding:0px 18px;padding-top:12px;}

#contentboxbottom{width:454px;height:14px;background:url(img/contentboxbottom.png);}
#mainboxbottom{width:884px;height:38px;background:url(img/mainboxbottom.png);}

/* Top menu general rules */
#topmenu 
{
  width: 471px; height: 27px;
  background: url(img/topmenu.png);
  margin: 0px; padding: 0;
  position: relative;
	left:430px;
	top:0px;
}

#topmenu li 
{
  margin: 0; padding: 0;
	list-style: none;
  position: absolute; top: 0;
}
#topmenu li, #topmenu a 
{
  height: 27px;
	display: block;
	/*  Hide the text part of the links by moving it waaaayyy offscreen. */
	text-indent:-999em;
	outline: none;
}

/*  Top menu link dimensioning rules - specify offset from left and width of active area. */
#home {left: 0; width: 50px;}
#map {left: 58px; width: 134px;}
#schedule {left: 201px; width: 158px;}
#contact {left: 367px; width: 105px;}

/*  Top menu hover rules, using a single image "sprite," and background positioning. */
#home a:hover {background: transparent url(img/topmenu.png) 0 -27px no-repeat;}
#map a:hover {background: transparent url(img/topmenu.png) -58px -27px no-repeat;}
#schedule a:hover {background: transparent url(img/topmenu.png) -201px -27px no-repeat;}
#contact a:hover {background: transparent url(img/topmenu.png) -367px -27px no-repeat;}

/* Top menu general rules */
#mainmenu 
{
  width: 748px; height: 18px;
  background: url(img/mainmenu.png);
  margin: 0px; padding: 0;
  position: relative;
	left:65px;
	top:33px;
}

#mainmenu li 
{
  margin: 0; padding: 0;
	list-style: none;
  position: absolute; top: 0;
}
#mainmenu li, #mainmenu a 
{
  height: 18px;
	display: block;
	/*  Hide the text part of the links by moving it waaaayyy offscreen. */
	text-indent:-999em;
	outline: none;
}

/*  Top menu link dimensioning rules - specify offset from left and width of active area. */
#ministries {left: 0; width: 100px;}
#news {left: 101px; width: 140px;}
#about {left: 241px; width: 130px;}
#staff {left: 371px; width: 75px;}
#bulletins {left: 446px; width: 125px;}
#links {left: 571px; width: 75px;}
#sponsors {left: 646px; width: 115px;}

/*  Top menu hover rules, using a single image "sprite," and background positioning. */
#ministries a:hover {background: transparent url(img/mainmenu.png) 0 -18px no-repeat;}
#news a:hover {background: transparent url(img/mainmenu.png) -101px -18px no-repeat;}
#about a:hover {background: transparent url(img/mainmenu.png) -241px -18px no-repeat;}
#staff a:hover {background: transparent url(img/mainmenu.png) -371px -18px no-repeat;}
#bulletins a:hover {background: transparent url(img/mainmenu.png) -446px -18px no-repeat;}
#links a:hover {background: transparent url(img/mainmenu.png) -571px -18px no-repeat;}
#sponsors a:hover {background: transparent url(img/mainmenu.png) -646px -18px no-repeat;}

#copyright{text-align:center; color:#fff; padding-bottom:3px;font-weight:bold;padding-top:3px;margin-top:12px;font-size:1.2em;}

#copyright a:link{color:#fff;font-weight:bold;}
#copyright a:visited{color:#fff;font-weight:bold;}
#copyright a:hover{color:#f7c03d;font-weight:bold;}

#contactform fieldset{width:400px;margin:auto;border:1px solid #fff;font-size:1.2em;}
#contactform legend{font-size:1.2em;color:#fff;font-weight:bold;}
#contactform table {font-size:1.2em;margin:auto;margin-top:12px;margin-bottom:20px;width:300px;}
#contactform td {padding:6px;vertical-align:top;color:#fff;font-weight:bold;}
#contactform input{width:180px;background:#fff !important;border:1px solid #333;color:#333 !important;}
#contactform textarea{width:180px;background:#fff !important;border:1px solid #333;color:#333 !important;}