﻿/*
dk blue: #174C80  lt blue: #0F5A9B  orange: #FDB143
*/

/* general styles */
body { margin: 0px; padding: 0px; background-color:White; }
body, td, p, li, td { font-family: Arial, Helvetica, sans-serif; font-size:14px; color: #0F5A9B; } 
a, a:link, a:visited { color: #174C80; font-weight: bold; }
a:hover { color: #FDB143; }
img { border:0px }
p { margin-top:0px; }

#extraDiv {
	padding-left: 300px;}

/* header text */
h1 { color: #174C80; font-size: 24px; font-weight: normal; }
h2 { color: #FDB143; font-size: 18px; font-weight: normal; margin:0px; padding:0px;}
h3 { color: #174C80; font-size: 14px; font-weight: bold; margin:0px; padding:0px; }

/* wraps the whole page in a fixed width centered section */
#outerWrapper { margin: 0px auto 0px auto; text-align: left; width: 925px; }

/* wraps the whole header including top menu */
#pageHeader { height:265px; position:relative; }
#pageHeader #mainLogo { position:absolute; top:15px; left:100px; }
#pageHeader #topRightGraphic { display: block; float: right; clear: left; padding-right: 42px; width:308px; height:219px;}

/* top menu tabs */
#mainTabs { position:absolute; bottom:0px; width:100%; background-image:url('/images/main_template/topmenu_bg.jpg'); background-repeat:repeat-x; height:42px; }
#mainTabs div { float:left; padding:11px 0 0 0; white-space:nowrap; overflow:hidden; }
#mainTabs div.mainTabSeperator { background-image:url(/images/main_template/topmenu_separator.gif); background-repeat:no-repeat; width:3px; height:100%;padding:0px;  }
#mainTabs div.mainTabSpacer { width:41px; }
#mainTabs div a { color:white; text-decoration:none; font-size:16px; font-weight:normal; }
#mainTabs div.mainTabSelected a { color:#FDB143; }
#mainTabs div a:hover { color: #FDB143; text-decoration:none; }

/* left menu */
div.leftMenuHeader { margin:15px 0 0 0; padding:5px;  width:200px; }
div.leftMenuHeader a { text-decoration:none; font-weight:bold; font-size:14px; }
div.leftMenuHeaderSelected { font-weight:bold; font-size:14px; color:#FDB143; } /* not used anymore ? */
div.leftMenuItems { padding:4px; width:200px; }
div.leftMenuItems ul { list-style-type:disc; margin-left:0px; padding-left:0px; margin-top:7px;}
div.leftMenuItems ul li { margin-bottom: 5px; padding-bottom:5px; list-style:none }
div.leftMenuItems ul li a { text-decoration:none;  color:#0F5A9B; font-weight:normal }
div.leftMenuItems ul li a:hover { text-decoration:underline;  color:#FDB143; }
div.leftMenuItems ul li.selected { color:#FDB143; }

/* main content area */
#content { margin:0px; padding:0px; }

/* two columns in content area for left menu and main content */
table#twoColumns { width:100%; }
table#oneColumn {width: 100%;
text-align: center;}
table#oneColum h1 {text-align: left;}
td#leftContentPane { width:220px; vertical-align:top;}
td#rightContentPane { padding-left:24px; vertical-align:top; }

/* Contact Form */
span.requiredStar { color: #FDB143;font-size:22px;font-weight: bold;  } 
#contactForm { width:500px; padding:0px; }
#contactForm input[type=text], #contactForm textarea { width:100%; border:1px solid #99CCFF; font-size:16px; color:#174C80; padding:5px; background-image:url(/images/input_bg.gif); background-repeat:no-repeat}
#MessageBox { margin-top:10px; margin-bottom:10px; padding:10px; }
#MessageBox.Error { border:2px solid #B02127; background-color:#DCEEF2; }
#MessageBox.Error #MessageBoxIcon { background-image:url('/images/error_icon.png'); }
#MessageBoxIcon { background-repeat: no-repeat; width:27px; height:27px; padding-right:5px; position:relative; top:0px; }

#form {
	margin-left: auto;
	margin-right: auto;
	width: 500px;}
/* other elements */
p.orange { color: #FDB143; font-size:18px; margin-bottom:0px;}
span.toDonate, a.toDonate{ color: #FDB143; text-decoration:underline; font-size:18px; font-weight:normal; }
img.floatLeft { float:left; margin-right:10px; margin-top:0px; }
img.floatRight { float:right; margin-left:10px; margin-top:0px; }
#homeTable { width:100%;}
#homeTable td { vertical-align:top; font-size:16px; padding-bottom:20px; line-height:20px; text-align: center;}
#homeTable td a {  font-weight:normal; text-decoration: none;}
.allacross {width: 600px; display: block; text-align: justify; margin-left: auto; margin-right: auto;}
