html {
height:100%; /* fix height to 100% for IE */
max-height:100%; /* fix height for other browsers */
padding:0; /*remove padding */
margin:0; /* remove margins */
border:0; /* remove borders */

/*overflow:hidden; /*get rid of scroll bars in IE */
}

body {
	background-color: #657585;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px 0px;
	padding: 0px;
	height:100%; /* fix height to 100% for IE */
	max-height:100%; /* fix height for other browsers */
}
.clear{clear:both;}
* {
	margin: 0px;
	padding: 0px;
	position: relative;
}
#container {
	margin: 0px auto;
	text-align: left;
	width: 775px;
	background-image: url('../images/bodyback.jpg');
}
a{
	font-size:12px;
}
p{
	margin: 15px 0px;
}
/********************** Header ***************************/

#headershort {
	margin: 0px 0px 0px 0px;
	background-image: url('../images/header_short.jpg');
	width: 775px;
	height: 195px;
	position: relative;
}


#header {
	margin: 0px 0px 0px 0px;
	background-image: url('../images/header.jpg');
	width: 775px;
	height: 383px;
	position: absolute;
}

#header ul{
	background-color: #6f732d;
	width: 775px;
	border: 3px solid #FFFFFF;
	display: block;
	top: 255px;
	position: absolute;
	margin: 0px 0px 0px 0px;
	height: 22px;
	padding: 5px 0px 0px 0px;
	text-align: center;
}
#header li{
	display:inline;	
}
#header ul a{
	text-decoration:none;
	color:#FFFFFF;
	margin: 0px 15px;
}
#header ul a:hover{
	text-decoration:underline;
	color:#28556b;
}
#logo_w2 {
	font-size: 24px;
	font-style:italic;
	color:#FFFFFF;
	position:absolute;
}
#logo_w1 {
	font-size: 24px;
	font-style:italic;
	color:#FFFFFF;
	position:absolute;
}
#logo_w1{
	top:15px;
	left:70px;
}
#logo_w2{
	top:44px;
	left:94px;
}
#header_text {
	top:90px;
	left:43px;
	width:230px;
	position:absolute;
}
#header_text p{
	font-size: 18px;
	color:#FFFFFF;
}
#header_text a{color:#28556b;}
#header_text a:hover{color:#c77e0c;}

#menu01 {
	top: 48px;
	left: 289px;
	width: 85px;
	position: absolute;
}
#menu02 {
	top: 48px;
	left: 380px;
	width: 85px;
	position: absolute;
}
#menu03 {
	top: 48px;
	left: 472px;
	width: 85px;
	position: absolute;
}
#menu04 {
	top: 48px;
	left: 564px;
	width: 85px;
	position: absolute;
}
#menu05 {
	top: 48px;
	left: 652px;
	width: 85px;
	position: absolute;
}

#menu06 {
	top: 48px;
	left: 74px;
	width: 85px;
	position: absolute;
}



/********************** Content ***************************/
#contentx {
	/*background-image:url(images/content_bg.gif);*/
	width:775px;
	background-color:#F3F3F3;
	/*background-image: url('../images/bodyback.jpg');*/
	background-image: url('../images/bodyback.jpg');
	position:  absolute;
	margin-top:383px;	
}


#fullwidth
{
	width:725px;
	/*background-color:#F3F3F3;*/
	background-image: url('../images/bodyback_fullwidth.gif');
	margin-left:40px;
	
}



	
img{
	border-width: 0px;
}
	
h1{
	color:#000000;
	font-size:14px;
	margin: 10px 0px 10px 0px;
}

h2{
	color:#000000;
	font-size:13px;
	margin: 10px 0px 10px 0px;
}

h3{
	color:#000000;
	font-size:14px;
	margin: 10px 0px 10px 0px;
}


.txt01{
	color:#000000;
	font-size:15px;
}

.txt02{
	color:#000000;
	font-size:12px;
}

.txt03{
	color:#000000;
	font-size:11px;
}



/********************** Left ***************************/

#left {
	
	float:left;
	width:420px;
	margin-left:0px;
	padding: 0px 10px 30px 40px;
	/*display:inline;	*/
		
}

#left ul {
	padding: 0px 0px 0px 0px;
	list-style-image: url('../images/bullet.gif');
	list-style-position: outside;
	text-indent: 0px;
	margin: 20px;
}
#left li {
	margin-bottom: 5px;
}



#left a{color:#28556b;}
#left a:hover{color:#c77e0c;}
#photos a{
	margin-right:14px;
}

#left_col{
	position:  relative;}

.left_leftcol {
	width: 185px;
	float:left;
	margin-left:0px;	
	margin-right:20px;	
}

.left_leftcolA {
	width: 85px;
	float:left;
	margin-left:10px;	
}
.left_leftcolB {
	width: 85px;
	float: none;
	margin-left:100px;	
}


.left_rightcol {
	width: 185px;
	float:right;
	margin-right:15px;
}

.left_clear {
	clear:  left;
}

p.leftWidget{
	font-size:8pt;
}

p.leftWidget a{
	font-size:8pt;
}

/********************** Right ***************************/

#right {
	width: 260px;
	padding: 5px 10px 20px 0px;
	float: right;
}



#right a{color:#28556b;}
#right a:hover{color:#c77e0c;}


#right ul {
	padding: 0px 0px 0px 0px;
	list-style-image: url('../images/bullet.gif');
	list-style-position: outside;
	text-indent: 0px;
	margin: 20px;
}
#right li {
	margin-bottom: 5px;
}

#right_clear {
	clear:  right;
}

p.rightWidget{
	font-size:8pt;
	margin: 0px 0px;	
}

p.rightWidget a{
	font-size:8pt;
	margin: 0px 0px;
}


p.news{
	font-size:8pt;
}


.emailform
{
	margin-bottom: 0.5em;
}

.emailformlabel
{
text-align: left;
display: inline;
width:130px;
}

.emailformbutton
{
width: 100px;
text-align: center;
margin-right: 0.5em;
display: inline;
}


.emailformbox
{
color: #000;
background: #f3f3f7;
border: 1px #597384;
width: 250px;
} 
.emailformboxnotes
{
color: #000;
background: #f3f3f7;
border: 1px #597384;
width:100%;
} 

.inputlabel
{
	font-size: 11px;

}

.inputbox {
	font-size: 11px;
	background: #f3f3f7;
	
}
.inputbutton {
	font-size: 11px;
	
}




/********************** Footer ***************************/
#footerline {
	clear:both;
	font-size:1px;
	height:10px;
}

#footer {
	margin: auto auto 0px auto;
	width: 775px;
	height:85px;
	background-image: url('../images/footer.jpg');
	padding: 0px 0px;
}
#footerleft {
	float: left;
	width: 400px;
	text-align: right;
	padding: 45px 0px 10px 0px;
	font-size: 10px;
	color: #ffffff;
}

#footerright {
	width: 260px;
	padding: 0px 0px 0px 0px;
	margin-top: 45px;
	margin-right:55px;
	float:right;
	text-align: center;
	font-size: 10px;
	color: #ffffff;

}


#footerleft li{
	display: inline;	
}

#footerleft ul a{
	text-decoration:none;
	color:#ffffff;
	margin: 0px 5px;
	font-size:  10px;
}
#footerleft ul a:hover{
	text-decoration:underline;
	color:#ffffff;
}



.cssform p{
	width: 245px;
	clear: left;
	margin: 0;
	padding: 8px 0 5px 155px;
/*width of left column containing the label elements	border-bottom: 1px dashed gray;*/
	border-bottom: 1px solid #bdbdbd;
	height: 1%;
}

.cssform label{
font-weight: normal;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssformaspvalid{
float: left;
margin-left: -15px; /*width of left column*/
width: 10px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssformaspvalidfile
{
 font-size:small;
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.cssformasptextbox{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
background: #f3f3f7;

}

.cssformasptextarea{
width: 80px;
height: 50px;
background: #f3f3f7;

}


.cssform textarea{
width: 250px;
height: 150px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}


.announcementThumb{
	font-size:10pt;	
	float:left;
}

.announcementTitle{
	font-size:10pt;	
}
.announcementTitle a{
	font-size:10pt;
}

p.announcementSummary{
	font-size:8pt;
}

.announcementSummary{
	font-size:8pt;
}

.announcementSummary a{
	font-size:8pt;
}

p.announcementSummary a{
	font-size:8pt;
}

.announcementitem {
 margin-right:30px;
}




#logon label{
font-weight: normal;
float: left;
margin-left: 0px; /*width of left column*/
width: 100px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
font-size: 10px;
}

#logon formaspvalid{
float: left;
margin-left: -15px; /*width of left column*/
width: 10px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}


logonasptextbox{ /*width of text boxes. IE6 does not understand this attribute*/
width: 80px;
background: #f3f3f7;
}


#logon {
	top: 198px;
	left: 505px;
	width: 260px;
	position: absolute;
}



.logonformbutton
{
width: 60px;
text-align: center;
margin-right: 0.5em;
display: inline;
}

/********************** Calendar ***************************/

/* Surrounds the calendar */
.eventmonth
{
   /*   border: 1px solid #000000;  */

    width: 700px;
    /*  margin-right: auto;
    margin-left: auto;
   background: #989fb0 url(images/background_fullwidth.jpg) repeat-y; */
    margin-bottom: 10px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 10px;
    text-align: center;
    
    
}


.eventmonthtable a:link,  .eventmonthtable a:visited
{
    color: #333366;
    text-decoration: none;
    font-size : 11px;
}

.eventmonthtable a:hover
{
    text-decoration: underline;
}

/* used as the cssclass of the actual calendar */
.eventmonthtable
{
	padding: 0px 0px 0px 0px;
    width: 694px;
    border: 2px solid #657585;
    border-bottom: 2px solid #657585;

    border-collapse:collapse;
}

.dayNumber
{
    float: right;
    border-bottom: 2px solid #657585;
    border-left: 2px solid #657585;
    clear: none;
    padding: 2px;
}

.dayNumber a:link,  .dayNumber a:visited
{
    color: #333366;
    text-decoration: none;
    font-size : 12px;
}


.calcurrentmonth
{
    /* no styles needed at this time */
}
.calothermonth
{
    background-color: #f0eeee;
}
.calcurrentday
{
    background-color: #bad7b9;

}
.calweekend
{
    background-color: #d7ceb9;
  /*  width: 15%; */
}

.calcurrentmonth , .calothermonth , .calcurrentday , .calweekend
{
    text-align: left;
    border: 1px solid #657585;
    height: 60px;
    vertical-align: top;
    /* needed for positioning the dayNumber part */
    position:relative;
     border-collapse:separate;
     border-spacing: 5px;
     
}

.caldays 
{
    color: #333366;
    text-decoration: none;
    font-size : 12px;
    padding-bottom:10px;
}


.eventmonthtable LinkButton
{
    color: #333366;
    text-decoration: none;
    font-size : 11px;
}


.nextlink
{
    position:absolute;
    right:0;
    padding-right:15px;    
}

.dashedline
{
    border-bottom: 1px dashed #657585;
    padding-top: 10px;
    margin-bottom: 10px;
    clear:right;
}

.downloadevent img
{
    margin-right: 5px;
    vertical-align: middle;
    border: none;
}

.downloadevent a
{
  font-size:10px;
   vertical-align:middle;
}

.form
{
  font-size:10px;
}



/************************************************************************
* 
* Rollover buttons
*
************************************************************************/

.buttonsmall, .buttonsmall-ovr
{
    background: url('../images/background_button_small.gif') repeat-x;
    border: none;
    color: #FFFFFF;
    height: 22px;
    font-weight: normal;
    font-size: 9px;
    padding-bottom: 6px;
    padding-left: 3px;
    padding-right: 3px;
    cursor: pointer;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

.buttonsmall-ovr
{
    text-decoration: underline;
    background: url('../images/background_button_small-ovr.gif') repeat-x;
}

.controlblock
{
    border: 1px solid #657585;
    padding: 3px;
    margin: 2px 0 5px 0;
    vertical-align: top;
    font-size:10px;
}



.membercard
{
	background-color: #E9EBF2;
	border: 1px solid #657585;
	padding: 10px;
	margin-bottom: 10px;
	width: 180px;
	font-size: 10px;
	margin-right: -20px;
}

.newscrumbs
{
    font-size:10px;
    padding-right: 2px;
}

.newscrumbs a
{
    font-weight: bold;
    padding-right: 2px;
    font-size:10px;
}

.seperatorleft
{
    border-bottom: 1px solid #bdbdbd;
    padding-top: 2px;
    margin-bottom: 2px;
    margin-right: 28px;
    clear:right;
    font-size:2px;
}

.seperatorright
{
    border-bottom: 1px solid #bdbdbd;
    padding-top: 2px;
    margin-bottom: 10px;
    margin-right: 0px;
    clear:right;
}

.seperatorfull
{
    border-bottom: 1px solid #bdbdbd;
    padding-top: 10px;
    margin-bottom: 10px;
    margin-right: 0px;
    clear:right;
}




.menulist
{
    font-size:12px;
    	line-height: 20px;
    
}

.menulist a
{
	font-size: 12px;

}
 .formblock
{
    
    font-size:10px;
}

.formblock td
{
  padding-right:10px;
}


/************************************************************************
* 
* Forms
*
************************************************************************/

/* label column */
.formlabel
{
    width:120px; 
    vertical-align: top;
}

/* value column */
.formvalue
{
    vertical-align: top;
}

.txtfield
{
    width:300px;
    font-size:11px;
}

.txtblock
{
    width:300px;
    font-size:11px;
    height:75px;
}


input, select, textarea
{
    font-size:11px; 
    font-family: arial, Verdana, Helvetica, Helvetica-Narrow, sans-serif;
}


/************************************************************************
* 
* Photo selection controls
*
************************************************************************/

#popupbody
{
    font-family: Tahoma, Verdana, Helvetica, Helvetica-Narrow, sans-serif;
    margin: 0px;
    background: #FED36B;
    font-size: 0.7em;
}

#popupinner
{
    border: 1px solid #437dff;
    margin: 5px;
    background: #FEFFAB;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
}

#popupbody h2
{
    font-weight: bold;
    margin: 0px;
    padding: 1px 0px 5px 5px;
    display: block;
}

.selected, .unselected
{
    width: 80px;
    height: 100px;
    text-align: center;
    padding: 2px 2px 2px 2px;
}

.unselected
{
    background-color: transparent;
    border: solid 1px #657585;
}

.selected
{
     background: #E9EBF2;
     border: solid 1px #657585;
}

.scrollablelist
{
    overflow: auto;
    height: 230px;
    width: 460px;
    border: solid 1px #437dff;
}

.scrollablelist2
{
    overflow: auto;
    height: 230px;
    width: 210px;
    border: solid 1px #437dff;
}


.scrolledtable
{
}

 .selectablephoto
{
    background: #FEFFC8 url(images/background_thumbnail.jpg) repeat-x center;
    border: 1px solid #E8DCA3;
    padding: 2px;
}

.contextbuttons
{
  margin: 5px 3px 5px 3px; 

}

.clearcard
{
    clear:left;
    height:0;
    margin:0;
    padding:0;
}

.PageNumbers
{
    display:inline;
}

.PageNumbers span
{
    padding-left: 3px;
}

.newscrumbs a
{
    font-weight: bold;
    padding-right: 2px;
}

.photo
{
    background: #E9EBF2; 
    border: solid 1px #657585;
    padding: 0px;    
    margin-right:10px;
    margin-bottom:0px;
}




/************************************************************************
* 
* OLD STUFF
*
************************************************************************/


legend
{
    font-weight: bold;
    color: #666666;
    font-size: 1em;
    padding-left: 4px;
    padding-right: 4px;
    margin-bottom: 7px;
}

.hidden
{
    visibility: hidden;
}
.none
{
    display: none;
}