body{
margin: 0px 0px 80px 0px;
background: #FFFFFF;
background-position:center;
font: 0.7em "Comic Sans MS", Arial;
color: #FF0000;
voice-family: female;
speech-rate: medium;
speak-punctuation: code;
speak-numeral: continuous;
pause: 20ms;
}

div#wrapperBody {
position:absolute;
left: 50%;
width: 840px;
margin-left: -420px;
text-align:left;
background: #FFFFFF;
padding: 0px 0px 30px 0px;
}

div#wrapperHeader{
padding: 0px 5px;
background: #FFFFFF;
}

div#wrapperFlashMovie{
position: absolute;
top: 0px;
left: 145px;
width: 453px;
height: 155px;
overflow: hidden;
background: #FFFFFF;
}

div#wrapperHopeHouseLogo {
position: absolute;
top: 0px;
right: 0px;
width: 242px;
height: 155px;
overflow: hidden;
background: #FFFFFF url(../UserFiles/Image/Template/en/logoBG.gif) no-repeat;
text-align: left;
}

div#TyGobaithLink {
position: absolute;
left: 10px;
top: 97px;
width: 96px;
height: 39px;
}

div#HopeHouseLink {
position: absolute;
right: 25px;
top: 97px;
width: 96px;
height: 39px;
}

div#navigation {
background: #FFFFFF;
padding: 0px 0px 0px 8px;
}

div#navigation ul{
list-style: none;
}

div#navigation li{
padding: 0px 0px;
}

div#navigation a {
disply: block;
}

div#navigation a:link, div#navigation a:visited, div#navigation a:active {
color: #FFFFFF;
text-decoration: none;
}

div#navigation a:hover{
text-decoration: underline;
}

div#mainWrapper{
clear: both;
height: 100%;
overflow: hidden;
background: #FFFFFF;
}

div#mainWrapper .leftcol{
position: relative;
float: left;
}

div#mainWrapper .rightcol{
position: relative;
float: right;
}

div#wrapperMainContentWhite {
float: left;
width: 453px;
padding: 0px;
background: #FFFFFF;
color: #000000;
}           

div#wrapperCalender {
height: 120%;
margin: 0px 0px 20px 0px;
background: #FFFFFF;
color: #000000;
} 

div#wrapperNews {
width: 240px;
padding: 0px;
}


div#wrapperFooter {
clear: both;
padding: 0px;
background: #FFFFFF;
font-size: 0.9em;
color: #000000;
}

div#wrapperNewsHeader {
width: 240px;
height: 20px;
padding: 0px;
background: url(../UserFiles/Image/Template/en/newsBGTop.gif) top no-repeat;
}

div#wrapperNewsFooter {
width: 240px;
padding: 0px;
height: 20px;
background: url(../UserFiles/Image/Template/en/newsBGBase.gif) bottom no-repeat;
}

div#wrapperFooterLeft {
width: 117px;
padding: 40px 10px 0px 10px;
background: url(../UserFiles/Image/Template/en/footerLeft.gif) top no-repeat right;
}

div#wrapperFooterCentral {
float: left;
width: 441px;
padding: 40px 10px 0px 10px;
background: url(../UserFiles/Image/Template/en/footerCentral.gif) top no-repeat;
}           

div#wrapperFooterRight {
width: 222px;
padding: 40px 10px 0px 10px;
background: url(../UserFiles/Image/Template/en/footerRight.gif) top no-repeat left;
}

div#wrapperFooter .leftcol{
position: relative;
float: left;
}

div#wrapperFooter .rightcol{
position: relative;
float: right;
}

/* Text Styles */

.mainContentText {
padding: 5px;
}

.mainContentText H1 {
font-weight: bold;
color: #E2001A;
font-size: 1.65em;
}

.mainContentText H2 {
font-weight: bold;
color: #E2001A;
font-size: 1.1em;
}

/* News Styles */

div#wrapperNewsContent {
padding: 10px 30px;
background: url(../UserFiles/Image/Template/en/newsBG.gif) repeat-y center;
color: #000000;
}

div#wrapperNewsStory {
padding: 10px 0px;
color: #000000;
}

div#wrapperNews H1 {
font-size: 1.35em;
color: #E2001A;
padding: 0px;
margin: 0px;
}

div#wrapperNews a {
color: #E2001A;
text-decoration: none;
}

div#wrapperNews a:hover {
text-decoration: underline;
}

.newsImage {
width: 187px;
height: 123px;
overflow: hidden;
padding-bottom: 5px;
}

/* Navigation Builder */

/* Red */

div#wrapperNavigationRed {
background: url(../UserFiles/Image/Template/Navigation/Red/aboutUsBG.gif) repeat-y;
border-bottom: 5px solid #FFFFFF;
width: 135px;
}

div#wrapperNavigationRedTop {
background: url(../UserFiles/Image/Template/Navigation/Red/aboutUsTop.gif) no-repeat;
padding-top: 2px;
height: 22px;
}

div#wrapperNavigationRedBase {
background: url(../UserFiles/Image/Template/Navigation/Red/aboutUsBase.gif) no-repeat;
height: 15px;
}

div#wrapperNavigationRed ul {
padding: 0px 0px 0px 10px;
}

div#wrapperNavigationRed li .header {
font-size: 1.65em;
color: #FFFFFF;
}

/* Green */

div#wrapperNavigationGreen {
background: url(../UserFiles/Image/Template/Navigation/Green/howCanIHelpBG.gif) repeat-y;
border-bottom: 5px solid #FFFFFF;
width: 135px;
}

div#wrapperNavigationGreenTop {
background: url(../UserFiles/Image/Template/Navigation/Green/howCanIHelpTop.gif) no-repeat;
padding-top: 2px;
/*height: 22px;*/
}

div#wrapperNavigationGreenBase {
background: url(../UserFiles/Image/Template/Navigation/Green/howCanIHelpBase.gif) no-repeat;
height: 15px;
}

div#wrapperNavigationGreen ul {
padding: 0px 0px 0px 10px;
}

div#wrapperNavigationGreen li .header {
font-size: 1.65em;
color: #FFFFFF;
}

/* Blue */

div#wrapperNavigationBlue {
background: url(../UserFiles/Image/Template/Navigation/Blue/latestNewsBG.gif) repeat-y;
border-bottom: 5px solid #FFFFFF;
width: 135px;
}

div#wrapperNavigationBlueTop {
background: url(../UserFiles/Image/Template/Navigation/Blue/latestNewsTop.gif) no-repeat;
padding-top: 2px;
/*height: 22px;*/
}

div#wrapperNavigationBlueBase {
background: url(../UserFiles/Image/Template/Navigation/Blue/latestNewsBase.gif) no-repeat;
height: 12px;
}

div#wrapperNavigationBlue ul {
padding: 0px 0px 0px 10px;
}

div#wrapperNavigationBlue li .header {
font-size: 1.65em;
color: #FFFFFF;
}

/* Orange */

div#wrapperNavigationOrange {
background: url(../UserFiles/Image/Template/Navigation/Orange/contactUsBG.gif) repeat-y;
width: 135px;
}

div#wrapperNavigationOrangeTop {
background: url(../UserFiles/Image/Template/Navigation/Orange/contactsTop.gif) no-repeat;
padding-top: 2px;
/*height: 22px;*/
}

div#wrapperNavigationOrangeBase {
background: url(../UserFiles/Image/Template/Navigation/Orange/contactsBase.gif) no-repeat;
height: 12px;
}

div#wrapperNavigationOrange ul {
padding: 0px 0px 0px 10px;
}

div#wrapperNavigationOrange li .header {
font-size: 1.65em;
color: #FFFFFF;
}

/* Purple */

div#wrapperNavigationPurple {
background: url(../UserFiles/Image/Template/Navigation/Purple/homeBG.gif) repeat-y;
width: 135px;
}

div#wrapperNavigationPurpleTop {
background: url(../UserFiles/Image/Template/Navigation/Purple/homeTop.gif) no-repeat;
height: 18px;
}

div#wrapperNavigationPurpleBase {
background: url(../UserFiles/Image/Template/Navigation/Purple/homeBase.gif) no-repeat;
height: 18px;
border-bottom: 5px solid #FFFFFF;
}

div#wrapperNavigationPurple ul {
padding: 5px 0px 0px 10px;
}

div#wrapperNavigationPurple li .header {
font-size: 1.65em;
color: #FFFFFF;
}

/* Class Form Styles */

input, select {
font-size: 0.75em;
border: 0px solid #000000;
padding: 0px;
}

.text2 {
font-size: 1.0em;
border: 1px solid #000000;
padding: 2px;
}

/* Image CSS */

.imageBlockLeft {
float: left;
height: auto;
width: 237px;
}

.imageLargeLeft {
float: left;
hieght: 230px;
width: 237px;
overflow: hidden;
}

.imageMediumLeft {
float: left;
hieght: 182px;
width: 187px;
overflow: hidden;
}

.imageSmallLeft {
float: left;
hieght: 128px;
width: 132px;
overflow: hidden;
}

.imageBlockRight {
float: right;
height: auto;
width: 237px;
}

.imageLargeRight {
float: right;
hieght: 230px;
width: 237px;
overflow: hidden;
}

.imageMediumRight {
float: right;
hieght: 182px;
width: 187px;
overflow: hidden;
}

.imageSmallRight {
float: right;
hieght: 128px;
width: 132px;
overflow: hidden;
}

/* Links CSS */

a {
color: #E2001A;
text-decoration: none;
}

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

.navIndent_0 a {
color: #E2001A;
text-decoration: none;
padding: 0px 0px;
}

.navIndent_0 a:hover {
color: #E2001A;
text-decoration: underline;
padding: 0px 0px;
}

.navIndent_1 a {
color: #E2001A;
text-decoration: none;
display: block;
width: 100px;
padding: 0px 10px;
}

.navIndent_1 a:hover {
color: #E2001A;
text-decoration: underline;
display: block;
width: 100px;
padding: 0px 10px;
}

.navIndent_2 a {
color: #E2001A;
text-decoration: none;
display: block;
width: 90px;
padding: 0px 20px;
}

.navIndent_2 a:hover {
color: #E2001A;
text-decoration: underline;
display: block;
width: 90px;
padding: 0px 20px;
}

.navIndent_3 a {
color: #E2001A;
text-decoration: none;
display: block;
width: 80px;
padding: 0px 30px;
}

.navIndent_3 a:hover {
color: #E2001A;
text-decoration: underline;
display: block;
width: 80px;
padding: 0px 30px;
}

/* Trustee CSS */

div#wrapperTrusteeProfile {
width: 100%;
padding: 5px 0px;
}

.trusteeProfile {
float: left;
width: 250px;
}

.trusteeContactDetails {
float: left;
width: 150px;
padding: 0px 0px 0px 20px;
}

.trusteeClear {
clear: both;
}

/* Events CSS */

a.cal_head, a.cal_head:visited, a.cal_head:active {
color: #FFFFFF;
}

a.cal_head:hover {
color: #FFFFFF;
text-decoration: underline;
}

.cal_head {
background-color: #622181;
color: #FFFFFF;
font-size: 1.2em;
font-weight: normal;
font-style: normal;
}

.cal_days {
background-color: #BDB4C2;
color: #000000;
font-size: 1.1em;
font-weight: bold;
font-style: normal;
text-align: center;
}

.cal_content {
background-color: #EFEFEF;
color: #000000;
font-size: 1.0em;
font-weight: normal;
font-style: normal;
text-align: center;
}

.cal_today {
background-color: white;
color: 084B8F;
font-size: 1.0em;
font-weight: bold;
font-style: normal;
text-align: center;				
}
				
.cal_event, a.cal_event {
background-color: #FF0000;
color: #FFFFFF;
font-size: 1.0em;
font-weight: bold;
font-style: normal;
text-align: center;								
}

.downloadLeft {
float: left;
margin-right: 10px;
margin-bottom: 10px;
}

.downloadRight {
float: right;
margin-left: 10px;
margin-bottom: 10px;
}