/* Everything */

body {margin:5px; background-color:#F7F7F7;background: url("images/bg.gif")}


/* THE FULL WIDTH OF THE SITE HERE */

#all {width:900px;border:1px solid #4d66a1;background-color:#fff;margin-top:20px}





#header { background-color:#5D74AA;text-align:left;padding:15px;}
#header-home { width:670px;float:left; background-color:#5D74AA;text-align:left;padding:15px;}
html>body #header-home {width:640px;float:left; background-color:#5D74AA;text-align:left;padding:15px;}
#header-home h1,#header h1 { font: normal bold 5.5em Perpetua,times new roman,serif; color:#fff;margin:0;padding:0;line-height:1em}
#header-home h2,#header h2 { font: normal bold 1.3em Perpetua,times new roman,serif; color:#fff;margin:0;padding:0;line-height:.5em}
html>body #header-home h1{ font: normal bold 5.5em  Perpetua,times new roman,serif; color:#fff;margin:0;padding:0;line-height:1em}
html>body #header-home h2{font: normal bold 1.3em Perpetua,times new roman,serif; color:#fff;margin:0;padding:0;line-height:.5em}



#rightpic-home{float:right;width:220px;background-color:#7A7572;} 
#rightpic-home img{border-bottom:5px solid #fff;} 
#rightpic-home p{padding-left:12px;font: normal normal .7em verdana,arial,sans serif; color:#fff;margin-right:5px;} 
#rightpic-home h1{padding-left:12px;font: normal bold 1em verdana,arial,sans serif; color:#fff;margin-top:12px;padding-bottom:3px;border-bottom:1px solid #fff;} 
#rightpic-home h2{padding-left:12px;font: normal bold .9em verdana,arial,sans serif; color:#fff;margin-right:3px;} 
#rightpic-home a{font: normal bold 1.0em verdana,arial,sans serif; color:#fff;} 
#rightpic-home a:hover{color:#EEF1F6;} 
#rightpic{margin-top:1em;float:right;width:200px;padding-right:1em} 




#rightbox-events {margin-top:1em;float:right;width:196px;padding-right:1em; background-color:#7A7572;margin-right:7px} 
html>body #rightbox-events {width:180px;margin-right:18px}


#sidebar{ float:right;width:220px;}

html>body#sidebar{ float:right;width:200px;}


#sidebar p{ padding-left:20px;}


#rightbox-events img{border-bottom:5px solid #fff;} 
#rightbox-events b{color:#fff;} 
#rightbox-events p{padding-left:12px;font: normal normal 12px  Arial, Helvetica, sans-serif; color:#fff;} 
#rightbox-events h1{padding-left:12px;font: normal bold 1em verdana,arial,sans serif; color:#fff;margin-top:12px;padding-bottom:3px;border-bottom:1px solid #fff;} 
#rightbox-events h2{padding: 10px 0 0 12px;font: normal bold .9em verdana,arial,sans serif; color:#fff;} 
#rightbox-events a{font: normal bold 1.0em verdana,arial,sans serif; color:#fff;}
#rightbox-events a:hover{font: normal bold 1.0em verdana,arial,sans serif; color:#EEF1F6;}


/* LEFT*/
#leftnav {float:left;margin:0 2em 0 .7em;padding-top:1.2em;}
#leftnav ul {text-align:left;margin:0;padding:0;}
#leftnav li {display:block;list-style:none; margin:.7em 0;}
#leftnav li a {font: normal bold 1em Verdana, Tahoma, Arial, Helvetica, sans-serif; color: #D60051; text-decoration: none;padding: 3px 3px; }
#leftnav a:hover{background-color: #5D74AA;color:#fff;}
#leftnav a.on{background-color: #5D74AA;color:#fff;}

/* RIGHT*/
p.right {padding-left:150px;}


.logo{text-align:right;padding-right:12px;}

/* MAIN */

/* THE WIDTH OF THE CONTENT AREA HERE */
#main{vertical-align:top;width:425px;float:left;height:auto; padding:1.3em 1.3em 1.3em 0; text-align:left;vertical-align:top;border-left:1px solid #fff;height:auto;}
li{ font: normal normal 13px  Arial, Helvetica, sans-serif;color:#7A7A7B;line-height:140%}
#main b.blue {color:#5D74AA}
#main li{line-height:180%}

/* Content tags */
p{ font: normal normal 13px  Arial, Helvetica, sans-serif;text-align:left;line-height:160%;padding:0;margin:10px 0;color:#7A7A7B}
h1 { font: normal bold 1.3em georgia, arial, tahoma, sans-serif; text-align:left;color: #5D74AA;margin:7px 0 7px 0;}
h2 {font: normal bold 1em  georgia, arial, tahoma, sans-serif; text-align:left;color: #D60051;margin:7px 0 7px 0;}
h3 {font: normal bold .8em  georgia, arial, tahoma, sans-serif; text-align:left;color: #5D74AA;margin:7px 0 7px 0;}
b{ font-weight: bold;} 
a {color: #5D74AA;text-decoration: underline;} 
a:hover {color: #D60051;} 



/* Footer */

/* THE WIDTH OF THE FOOTER HERE */
#footer {clear:both;margin:0;padding:2px;width:900px;padding-top:10px}
#tld{float:right;  font: normal normal 12px  Arial, Helvetica, sans-serif; text-align:right;  color:#e0e6f6; text-decoration:none;}
#tld a{ color:#e0e6f6;text-decoration:underline;}

/* Form styles */
.searchform {background-color:#f5f5f5;border:1px solid #000}
.searchform select {background-color:#f5f5f5;border:1px solid #000}
.searchform option {background-color:#fff;border:1px solid #000}

/* JOIN ONLINE FORM */

.contactform {background-color:#f5f5f5; border:1px solid #ccc }
.contactform ul{list-style:none;margin:0;padding:0;}
.contactform li{margin:1px;padding:5px; color:#666666;border-bottom:0px solid #fff;border-top:1px solid #fff}
.contactform li.chckbx{margin:1px;padding:5px; color:#666666;border-bottom:0px solid #fff;}
.contactform label{ width: 200px; text-align: left; padding: 5px 0 0 0}
.contactform li.submit{margin-left:147px}
.contactform textarea{ margin-top:3px;font: normal normal 12px  Arial, Helvetica, sans-serif;text-align:left;border:1px solid #7A7572;width:140px }
.contactform input{font:normal normal 12px  Arial, Helvetica, sans-serif; padding:3px;border:1px solid #7A7572; width:140px}
.contactform select{font: normal normal 12px  Arial, Helvetica, sans-serif;text-align:left;}
.contactform input.button{font: normal normal 12px  Arial, Helvetica, sans-serif;width:90px;text-align:center;color:#414141}