a{
outline:none;
}
html, body{
padding:0;
margin:0;
background-color:#59a2e4;
height:100%;
background-image:url(background.gif);
background-position:center;
background-repeat:repeat;
}

#main_holder{
width:1024px;
padding:0;
margin:0 auto;
border-left:1px solid #666666;
border-right:1px solid #666666;
overflow:hidden;
background-image:url(stjohn_background.gif);
background-position:top center;
background-repeat:no-repeat;
background-color:#c0d9ef;
min-height:100%;
height:auto !important;
height:100%;
}



 /* Hack for IE, Reset to 100% height */
* html #main_holder{
height: 100%;
overflow: visible;
}


#main_holder_admin{
width:1024px;
padding:0;
margin:0 auto;
border-left:1px solid #666666;
border-right:1px solid #666666;
overflow:hidden;
background-image:url(stjohn_background_admin.gif);
background-position:top center;
background-repeat:no-repeat;
background-color:#c0d9ef;
min-height:100%;
height:auto !important;
height:100%;
}



 /* Hack for IE, Reset to 100% height */
* html #main_holder_admin{
height: 100%;
overflow: visible;
}


#logo{
width:340px;
height:420px;
float:left;
}


#logo .home_link{
width:320px;
height:420px;
display:block;
}

#logo_admin{
width:340px;
height:270px;
float:left;
}

#logo_admin .home_link_admin{
width:320px;
height:260px;
display:block;
}

#main_top{
width:684px;
overflow:hidden;
padding:0;
margin:0 auto;
float:left;
}

#searchfield{
width:350px; 
height:40px; 
float:right;
background-image:url(search_back.gif);
background-position:top right;
background-repeat:no-repeat;
}

#topspacer{
width:660px;
height:70px;
padding:0;
margin:0 auto;
float:left;
}

/*////// Navigation //////////*/
#nav_spacer{
width:10px;
height:65px;
float:left;
}
#nav_holder{
width:650px;
height:65px;
padding:0;
margin:0 auto;
float:left;
}



#main_nav{
float:left;
height:40px;
}

#main_nav ul{
height:20px;
list-style:none;
padding:0;
margin:0;
}

#main_nav ul li{
list-style:none;
padding:0;
margin:0;
float:left;
}

#main_nav ul li a{
list-style:none;
padding:10px 0 0 0;
margin:0;
float:left;
background-image:url(main_nav_bg.gif);
background-position:top center;
background-repeat:repeat-x;
height:29px;
margin-right:2px;
color:#FFFFFF;
font-family:Georgia, "Times New Roman", Times, serif;
text-align:center;
width:126px;
text-decoration:none;
font-size:13px;
font-weight:bold;
}

#main_nav ul li a:hover{
background-image:url(main_nav_bg_on.gif);
}

#main_nav ul li a.active{
background-image:url(main_nav_bg_on.gif);
}

/*////// Sub Navigation //////////*/

#sub_nav{
float:left;
width:640px;
}

#sub_nav ul{
padding:0;
margin:0;
float:left;
list-style:none;
}

#sub_nav ul li{
padding:5px 5px 0 5px;
margin:0;
float:left;
list-style:none;
color:#ffffff;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:11px;
text-decoration:none;
font-weight:bold;
}

#sub_nav ul li a{
padding:0;
margin:0;
float:left;
color:#659dd0;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
text-decoration:none;
font-weight:normal;
}

#sub_nav ul li a:hover{
color:#FFFFFF;
}

#sub_nav ul li a.active{
color:#FFFFFF;
}

/*////// banner //////////*/
#banner_holder{
width:650px;
height:265px;
padding:0;
margin:0 auto;
float:left;
}

#banner_image{
width:638px;
height:220px;
padding:0;
margin:0 auto;
float:left;
background-color:#CCCCCC;
}

/*////// home stuff //////////*/

#home_holder{
width:1024px;
padding:0 0 40px 0;
margin:0 auto;
float:left;
background-color:#fffef1;
overflow:hidden;
}

#home_body{
width:932px;
margin:0 auto;
overflow:hidden;
}

#home_wigets{
width:932px;
overflow:hidden;
float:left;
padding:20px 0 30px 0;
}

#home_wigets #left_wigets{
width:290px;
overflow:hidden;
padding:0;
margin:0;
float:left;
}

#home_wigets #left_wigets a{
color: #5091cd;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration:none;
}

#home_wigets #left_wigets a:hover{
text-decoration:underline;
}

#home_wigets #left_wigets h2{
width:240px;
height:24px;
background-image:url(block_header.gif);
background-position:top left;
background-repeat:repeat-x;
color:#FFFFFF;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:13px;
padding:8px 0 0 14px;
float:left;
margin:0;
}

#home_wigets #left_wigets h3{
width:240px;
height:24px;
background-color:#b6d4ef;
border-top:1px solid #cce1f4;
color:#4f91cd;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding:8px 0 0 14px;
float:left;
margin:0;
font-weight:normal;
}

#home_wigets #left_wigets p{
width:225px;
overflow:hidden;
background-color:#b6d4ef;
color:#666666;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding:8px 15px 8px 14px;
float:left;
margin:0;
line-height:20px;
border-bottom:1px solid #87b5de;
}


#home_wigets #middle_wiget{
width:340px;
padding:0;
margin:0;
float:left;
overflow:hidden;
}

#home_wigets #middle_wiget h2{
width:290px;
height:24px;
background-image:url(block_header.gif);
background-position:top left;
background-repeat:repeat-x;
color:#FFFFFF;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:13px;
padding:8px 0 0 14px;
float:left;
margin:0;
}

#home_wigets #middle_wiget #newselement{
width:304px;
height:79px;
background-color:#b6d4ef;
padding:0;
float:left;
margin:0;
border-bottom:1px solid #87b5de;
line-height:24px;
}

#home_wigets #middle_wiget #newselement p.date{
float:left;
font:Arial, Helvetica, sans-serif;
font-size:22px;
font-weight:bold;
text-align:center;
color:#4f91cd;
padding:10px;
width:40px;
margin:0;
}

#home_wigets #middle_wiget #newselement p.text{
font-family:Arial, Helvetica, sans-serif;
color:#636766;
font-size:11px;
width:230px;
float:left;
padding:10px 0 10px 0;
margin:0;
text-align:justify;
line-height:14px;
}


#home_wigets #calendar_holder{
width:300px;
overflow:hidden;
padding:0;
margin:0;
float:left;
}

#home_wigets #calendar_holder h2{
width:284px;
height:24px;
background-image:url(block_header.gif);
background-position:top left;
background-repeat:repeat-x;
color:#FFFFFF;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:13px;
padding:8px 0 0 14px;
float:left;
margin:0;
}

#home_wigets #calendar_holder #fin_cal{

}
/*/////// calender styles //////////////*/

		
#fin_cal{
border:0px solid #ff0000;
background-color:#b6d4f0;
width:298px;
height:319px;
border-bottom:1px solid #87b5de;
float:left;
}

.topPortion{
background-color:#b6d4f0;
border:1px solid #b6d4f0;
height:40px;
font-family:verdana;
color:#ffffff;
font-size:16px;
font-weight:bold;
text-decoration:none;
}

.topPortion a{
background-color:#b6d4f0;
border:1px solid #b6d4f0;
height:40px;
font-family:verdana;
color:#ffffff;
font-size:16px;
font-weight:bold;
text-decoration:none;
}

.calendar{
background-color:#86b5df;
border-top:0px solid #b6d4f0;
border-right:15px solid #b6d4f0;
border-left:15px solid #b6d4f0;
border-bottom:15px solid #b6d4f0;
}

.emptyBGC{
background-color:#cbe0f3;
width:30px;
height:30px;
}

.currentBGC{
background-color:#1b6cb3;
width:30px;
height:30px;
}

.regdayBGC{
background-color:#cbe0f3;
width:30px;
height:30px;
}

.weekdayBGC{
background-color:#cccccc;
width:30px;
height:30px;
font-family:verdana;
color:#ffffff;
font-size:14px;
font-weight:bold;
}

.gridholder{
border:1px solid #ffffff;
}

.numberlink{
width:30px;
display:block;
}

a.numberlink{
font-family:verdana;
color:#ffffff;
font-size:14px;
font-weight:bold;
text-decoration:none;
}

/*////// Main Page Stuff //////////*/

#main_page_holder{
width:1024px;
padding:0 0 40px 0;
margin:0 auto;
float:left;
background-color:#fffef1;
overflow:hidden;

}

#main_body{
width:932px;
margin:0 auto;
overflow:hidden;
}

#main_page{
width:932px;
overflow:hidden;
float:left;
padding:20px 0 30px 0;
}

#main_page #left_wigets{
width:290px;
overflow:hidden;
padding:0;
margin:0;
float:left;
}

#main_page #left_wigets h2{
width:240px;
height:24px;
background-image:url(block_header.gif);
background-position:top left;
background-repeat:repeat-x;
color:#FFFFFF;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:13px;
padding:8px 0 0 14px;
float:left;
margin:0;
}

#main_page #left_wigets h3{
width:240px;
overflow:hidden;
background-color:#b6d4ef;
border-top:1px solid #cce1f4;
color:#4f91cd;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding:8px 0 5px 14px;
float:left;
margin:0;
font-weight:normal;
}

#main_page #left_wigets p{
width:225px;
overflow:hidden;
background-color:#b6d4ef;
color:#666666;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding:8px 15px 8px 14px;
float:left;
margin:0;
line-height:20px;
border-bottom:1px solid #87b5de;
}

#main_page #left_wigets p.leftwig_small{
font-size:11px; 
line-height:16px;
}

#main_page #left_wigets p.leftwig_small a{
font-size:11px; 
}

#main_page #left_wigets a{
color: #5091cd;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:none;
}

#main_page #left_wigets a:hover{
text-decoration: underline;
}

#main_page #complete_body{
float:left;
width:635px;
overflow:hidden;
padding-left:5px;
}

#main_page #complete_body h1{
color:#4e90ca;
font-family:Georgia, "Times New Roman", Times, serif;
padding:0 0 12px 0;
margin:0;
font-size:20px;
}

#main_page #complete_body h2{
color:#4e90ca;
font-family:Georgia, "Times New Roman", Times, serif;
padding:5px 0 5px 0;
margin:0;
font-size:15px;
}


#main_page #complete_body p{
color:#666666;
font-family: Arial, Helvetica, sans-serif;
padding:0 0 10px 0;
margin:0;
line-height:20px;
font-size:13px;
text-align:justify;
}

#main_page #complete_body ul{
padding-top:0;
margin-top:0;
}

#main_page #complete_body ul li{
color:#666666;
font-family: Arial, Helvetica, sans-serif;
padding:0;
margin:0;
line-height:20px;
font-size:13px;
text-align:justify;
}

#main_page #complete_body a{
color: #4e90ca;
font-family: Arial, Helvetica, sans-serif;
padding:0;
margin:0;
font-size:13px;
text-decoration:none;
}

#main_page #complete_body a:hover{
text-decoration:underline;
}

#main_page #complete_body ul.listno_bullets{
padding:0 0 10px 0;
margin:0;
list-style:none;
color:#666666;
font-family: Arial, Helvetica, sans-serif;
line-height:22px;
font-size:13px;
}

#main_page #complete_body ul.listno_bullets li.listeheader{
padding:0;
margin:0;
list-style:none;
color: #990000;
font-family: Arial, Helvetica, sans-serif;
line-height:22px;
font-size:13px;
}


#main_page #complete_body ol{

color:#666666;
font-family: Arial, Helvetica, sans-serif;
line-height:22px;
font-size:13px;
}

#comcontact_holder{
padding-bottom:20px;
margin-bottom:20px;
overflow:hidden;
border-bottom:1px dashed #CCCCCC;
}

#main_page #complete_body #contact_textholder{
width:455px;
overflow:hidden;
float:left;
}

#main_page #complete_body #contact_imgaeholder{
width:180px;
overflow:hidden;
float:left;
}

#main_page #complete_body #contact_textholder p.description{
font-size:11px;
}
/* /////////////// Icons ////////////////*/
#icons{
width:932px;
overflow:hidden;
float:left;
}

#icons ul{
padding:0;
margin:0;
list-style:none;
}

#icons ul li{
padding:0;
margin:0;
list-style:none;
float:left;
margin-right:33px;
}

#icons ul li a{
}
/*////// footer //////////*/

#footer_holder{
width:1024px;
height:40px;
padding:10px 0 0 0;
margin:0 auto;
float:left;
background-color:#c0d9ef;
border-top:1px solid #92bce1;
}

#footer{
margin:0 auto;
padding:0;
text-align:center;
color:#6699cc;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:11px;
}

#footer a{
color:#6699cc;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:11px;
text-decoration:none;
}

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

#showcalbox{
position: absolute;
width:180px;
overflow:hidden;
background-color:#FFFFFF;
border:1px solid #666666;
padding:10px 10px 10px 10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color: #333333;
display:none;
}

#popup_background{
width:100%;
height:100%;
background-color:#000000;
position: fixed;
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
display:block;
left:0;
top:0;
display:none;
z-index:1000;
}

#announcment_holder{
padding-left:246px;
float:left;
position: fixed;
}

#announcments{
width:500px;
height:400px;
position: fixed;
background-color:#FFFFFF;
z-index:2000;
border:1px solid #666666;
top:130px;
display:block;
display:none;
padding:15px;
}

#announcment_xout{
width:500px;
height:30px;
}

#announcment_xout a{
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #0099FF;
font-size:13px;
text-decoration:none;
float:right;
}

#announcment_box{
width:500px;
height:360px;
overflow: auto;
}

#announcment_xout h2{
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #999999;
font-size:18px;
padding:0 0 10px 0;
margin:0;
float:left;
}

#newselement_all{
width:480px;
overflow:hidden;
border-bottom:1px dashed #999999;
margin-bottom:10px;
}

#newselement_all p{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#999999;
font-size:13px;
line-height:20px;
padding:0 0 8px 0;
margin:0;
}

#yearbox{
width:250px;
height:270px;
float:left;
}

#yearbox ul{
margin:0;
padding:0;
list-style:none;
}


/* ////////// admin styles /////////////////*/

#admin_page p{
color:#666666;
font-family: Arial, Helvetica, sans-serif;
padding:0 0 10px 0;
margin:0;
line-height:20px;
font-size:13px;
}

#admin_page a{
color:#5091cd;
font-family: Arial, Helvetica, sans-serif;
padding:0;
margin:0;
font-size:13px;
text-decoration:none;
}

#admin_page a:hover{
text-decoration:underline;
}

#admin_page h1{
color:#666666;
font-family: Arial, Helvetica, sans-serif;
padding:0 0 5px 0;
margin:0;
font-size:16px;
}

#admin_page h2{
color:#666666;
font-family: Arial, Helvetica, sans-serif;
padding:0 0 5px 0;
margin:0;
font-size:16px;
}

#admin_page #delete_element{
width:850px;
float:left;
padding:15px 0 5px 0;
border-bottom:1px dashed #999999;
margin-bottom:15px;
}

#admin_page .TextArea1{
width:400px;
height:60px;
}

#admin_page #logout_admin{
width:850px;
text-align:right;
height:25px;
}

#admin_page #admin_menu{
width:850px;
border-bottom:1px solid #666666;
padding-bottom:10px;
overflow:hidden;
}

#admin_page #admin_menu ul.main{
width:800px;
float:left;
list-style:none;
padding:0;
margin:0;
}

#admin_page #admin_menu ul.main li{
float:left;
list-style:none;
padding:0;
margin:0;
}

#admin_page #admin_menu ul.main li a{
padding:0;
margin:0;
font-family:Georgia, "Times New Roman", Times, serif;
padding:2px 5px 0 5px;
color:#999999;
font-size:14px;
text-decoration:none;
}

#admin_page #admin_menu ul.main li a.active{
padding:0;
margin:0;
font-family:Georgia, "Times New Roman", Times, serif;
padding:2px 5px 0 5px;
color: #666666;
font-size:14px;
text-decoration:none;
}

#admin_page #admin_menu ul.sub{
width:800px;
float:left;
list-style:none;
padding:0;
margin:0;
}

#admin_page #admin_menu ul.sub li{
float:left;
list-style:none;
padding:0;
margin:0;
}

#admin_page #admin_menu ul.sub li a{
padding:0;
margin:0;
font-family:Georgia, "Times New Roman", Times, serif;
padding:2px 5px 0 5px;
color:#999999;
text-decoration:none;
font-size:12px;
}


#admin_page #admin_menu ul.sub li a.active{
padding:0;
margin:0;
font-family:Georgia, "Times New Roman", Times, serif;
padding:2px 5px 0 5px;
color: #666666;
font-size:12px;
text-decoration:none;
}

#admin_page #announcment_holder{
width:800px;
float:left;
overflow:hidden;
padding:0;
margin:0;
margin-top:20px;
position:relative;
}

#editAnnouncments{
width:400px;
overflow:hidden;
background-color:#FFFFFF;
border:1px solid #999999;
display:none;
top:200px;
padding:20px;
}

#editAnnouncments h2{
margin:0;
padding:0;
font-size:16px;
}

#editAnnouncmentsHolder{
padding-left:300px;
}

.password{
color: #666666;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
}

#loginerrorbox p.errormessages{
color:#990000;
margin:0;
padding:0;
}