body {
text-align:center;
background-color: #ffffff;
font-family: Arial, Helvetica, sans-serif;
font-size: 9pt;
color: #000000;
margin:0px;
}

a:link {  color: #0000FF; text-decoration: none}
a:active {  color: #0000FF; text-decoration: none}
a:visited {  color: #0000FF; text-decoration: none}
a:hover {  color: #0000FF; text-decoration: underline}


/* layout */

#holder {
width:970px;
margin-right:auto;
margin-left:auto;
margin-top:0px;
padding:0px;
text-align:center;
}
#content {
float: left;
width:950px;
margin-right:auto;
margin-left:auto;
margin-top:10px;
margin-bottom:10px;
padding:10px 10px;
text-align:center;
background-color:#ffffff;
border:1px solid #000;
}


/* header */

#header {
float: left;
width: 950px;
height: 171px;
}


/* nav */

#nav {
float: left;
width: 950px;
height: 30px;
background-color:#00b0f0;
}
#navul  {
float: left;
height:30px;
width:auto;
display:inline;
margin: 0px;
padding: 0px;
list-style: none;
}
#nav li {
float: left;
}
#nav li a, #nav li a:visited {
height: 30px;
line-height: 30px;
width:auto ;
float: left;
display:inline;
padding: 0px 10px 0px 10px;
color:#fff;
}
#nav li a:hover {
height: 30px;
line-height: 30px;
width: auto;
float: left;
display: inline;
text-decoration:none;
background-color:#fff;
color:#00b0f0;
}

#dhtmltooltip{
position: absolute;
left: -300px;
width: 150px;
border: 1px solid black;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);*/
}
#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}


/* main content areas */

#main {
float: left;
width: 950px;
height: auto;
text-align:left;
}
#left {
float: left;
width: 600px;
height: auto;
margin: 10px 50px 0px 10px;
text-align:justify;
}

#leftNav {
float: left;
width: 170px;
height: auto;
margin: 0px 30px 0px 0px;
}
#leftNavul  {
float: left;
height:auto;
width:170px;
display:inline;
margin: 0px;
padding: 0px;
list-style: none;
}
#leftNav li {
float: left;
}
#leftNav li a, #leftNav li a:visited {
height: 20px;
line-height: 20px;
width:170px ;
float: left;
display:inline;
padding: 0px 0px 0px 0px;
color:#00b0f0;
}
#leftNav li a:hover {
height: 20px;
line-height: 20px;
width: 170px;
float: left;
display: inline;
text-decoration:none;
background-color:#00b0f0;
color:#fff;
}

#leftPage {
float: left;
width: 400px;
height: auto;
margin: 0px 0px 0px 0px;
}
#left h1{
margin: 0px 0px 10px 0px;
padding:0px;
font-size:160%;
color:#47689D;
}
#left h2 {
  font-size: 1.3em;
  padding:  0px;
  margin:  0px 0px 5px 0px;
  color: #333333;
}
#right {
float: left;
width: 280px;
height: auto;
margin: 10px 10px 10px 0px;
}
#right h1{
margin: 0px 0px 10px 0px;
padding:0px;
font-size:160%;
color:#47689D;
}
#right h2{
margin: 0px 0px 0px 0px;
padding:0px;
font-size:110%;
}
.rightNewsArt {
float:left;
width:280px;
height:auto;
margin: 0px 0px 20px 0px;
}
.rightNewsArt ul { list-style: none; padding: 0px; margin: 0px; }
.rightNewsArt ul li { float: left; display: block; width: 90px; }
.rightNewsletterBox {
float:left;
width:280px;
height:100px;
background-color:#29426B;
margin: 0px 0px 10px 0px;
color:#fff;
}
.rightDonateBox {
float:left;
width:280px;
height:100px;
background-color:#29426B;
color:#fff;
}

div.newsArt {
  float: left;
  width:  400px;
  margin: 5px 0px;
  padding-bottom: 5px;
  border-bottom: 1px solid #888888;
}
div#left div.newsArt h1 {
  margin: 0px 3px 0px 0px;
  font-size: 1.3em;
  padding: 0px;
}
div#left div.newsArt h2 {
  margin: 0px 5px 0px 0px;
  font-size: 1.1em;
  padding: 0px;
}
div.newsArt img { float: right; margin: 0px 0px 2px 10px; border: 1px solid #888888; }


/* footer */

#footer {
float:left;
width: 940px;
padding: 0px 0px 0px 10px;
margin: 20px 0px 0px 0px;
height: 30px;
line-height:30px;
text-align:left;
color:#fff;
background-color:#00b0f0;
}
#footer a, #footer a:visited {  color: #ffffff; text-decoration: none}
#footer a:hover {  color: #ffffff; text-decoration: underline}

img.nob { border: 0px; }

div.formRow { float: left; width: 400px; margin-bottom: 2px; }
div.formHeader { float: left; font-weight: bold; width: 100px; margin-right: 5px; }
div.formBody { float: left; width: 295px; }
div.padtop { margin-top: 10px; }
div.eq div.formHeader,
div.eq div.formBody { width: 195px; }

input.mm, select.mm, textarea.mm { border-color: #FF0000; background-color: #FFFF00; }