html {
 /* height: 100%;  */     /* should be auto */
  min-height: 100%; 
	padding: 0px;
	margin: 0px;
	 width: 100%;
}

/* WinIE erroneously handles "height" as "min-height", so the above
rule is all it needs, but this won't work for standards-compliant
browsers. So correct the height for all browsers except WinIE using the
"child selector" hack. */
html>body, html>body #subpagewrapper {
  height: auto;
}

body {
	font-family: verdana, helvetica, arial;
/*height: 100%;*/
	margin: 0px auto;
	padding: 0px;
	text-align: center;
}

a:link {text-decoration: none; color: #0b1560; }

a:visited {text-decoration: none; color: #0b1560; }
a:hover {text-decoration: underline; color: #f0027f; }

#donatebutton {background: #0b1560; border: 0;width: 96%; text-align: center; color: #fff; padding: 5px; font-size: 200%;}
#donatebutton a{color: #fff;border: 0;}
a.donatelink:hover{color: #fff;border: 0;}
div#donatebutton a:hover{color: #fff; border: 0;}
#donatebutton img {border: 0px;}

.medium {font-size:80%;}

#wrapper {
width: 98%;
position: relative;
margin: 0px;
padding: 0px;
/*left: 50%;
margin-left: -388px;*/
margin: auto;
top: 0px;
height: 100%;
min-height: 100%;
background: #fff;
border: 1px solid #000;	
padding-bottom: 20px;
}

#img {border: 0;}

/*  STYLE THE FONTSIZE SWITCHER */

#fontswitcher {text-align: right; }
#fontcontainer {text-align: left; margin: 0; margin-top:10px;}
#skiplinks {float: left; padding-left: 10px;}

#slinks li {
display: inline;
text-align: left;
list-style-type: none;
padding-left: 5px;
}

#switchthefonts li {
display: inline;
list-style-type: none;
padding-right: 5px;
}

#header {/*width: 775px;*/
height: 139px;
top: 40px;
overflow: hidden;
text-align: left;
background: #fff url(/images/header2.jpg) top right no-repeat;
border-top: 1px solid #000;
border-bottom: 1px solid #000;}

#header img {border: 0;}
/* END OF FONT SWITCHER STYLING */


.logo {padding:/* 20px 10px 10px 10px;*/ 0px;}

#clear{clear: both;

}



h1 {text-align: left; padding: 10px 5px 0px 5px; margin: 0 0 5px 0px; width: 100%; display: none; font-size: 300%; color: #000;}

h2 {color: #f0027f; font-size: 130%;}
h3 {color: #f0027f; font-size: 120%; }
h4 {color: #f0027f;; font-size: 110%;}
h5 {color: #f0027f;; font-size: 100%;}
h6 {color: #f0027f;; font-size: 90%;}

#pagebody a { background-color: rgb(204, 255, 255);}

#maincontent {
position: relative;
margin: 0px;
width: 100%;
/*width: 775px;*/

height: 100%;
text-align: left;
float: right;
}


#pagebody{text-align: left; padding: 5px;  float: right;
/*width: 580px;*/
width: 71%;
}

#pagebody li {padding-bottom: 12px;}

#actualcontent{width: 99%; }

#mynews {/*width: 180px*/; width: 30%; float: right; height: 100%; border: 1px solid #f0027f; padding: 0px; margin: 10px 0;}
#normaltext {/*width: 390px; */ width: 67%; padding-right: 5px; float: left;}
#news {margin: 5px; padding: 5px;}
#newspost {padding: 5px; margin: 5px;}
#whatsnew {width: 100%; background: #f0027f; color: #fff; font-size: 120%; font-weight: bold; margin: 0; text-align: center; margin: 0px;}

/* MENU */

div#nav {

left: 0px;
font-family: arial;
 color: #0B1560; font-weight: bold; 
 font-size: 100%;
margin: 0;
padding: 0px;
width: 24%;
float: left;
}
div#nav ul {margin: 0; padding: 0; text-indent: 0px;}
div#nav li {position: relative; list-style: none; margin: 0px; text-align: 5px;  
 display: block; border-bottom: dotted #00A0C6 1px;  width: 100%;
 text-align: left; text-indent: 0px;}


div#nav li ul li { text-indent: 0px; }
div#nav li a {  display: block; padding: 2%; margin: 0px; text-decoration: none;  color: #0B1560;}
  div#nav a:hover{ color: #f0027f;  }
// div#nav>ul a {width: auto;}

ul ul li {background: #eee; border: 0px; text-indent: 0px; }

ul ul li a {text-indent: 20px;  }
.menu_current {/*background: #f0027f; */ background: #00a0c6; color: #fff; }
a.menu_current {background: #00a0c6; color: #fff;}
/* FORMS */


.row {width: 520px; 
clear: both;}

.required {
	color: #FF0000;
}
.field_title {

vertical-align: top;
display: block;  /* block float the labels to left column, set a width */
	width: 250px;
	padding: 0;
	margin: 20px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right;
}
.fields {
text-align: left;
display: block;
	margin: -12px 0 5px 255px; /* instructions/comments left margin set to align w/ right column inputs */

vertical-align: top;
}

.textfield {
	width: 200px;
}
.textarea {
	width: 250px;
	height: 100px;
}
.field_heading {
	font-size: 100%;
	font-weight: bold;
	padding-top: 10px;
	color: #666666;
}
.select {
	font-size: 100%;
}
.checkbox_label {
	font-size: 90%;
	cursor: pointer;
}
.radio_label {
	font-size: 90%;
	cursor: pointer;
}
.email {
	font-size: 100%;
	width: 200px;
}

#footer {
margin-top: 30px;
text-align: right; }

#footer img{border: 0;}