/* CSS Document */

body
{
margin-top: 0px;
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
}

#container
{width:770px;
margin-left:auto;
margin-right:auto;
}

#apDiv1 {
	position: absolute;
	height:18px; 
	top:117px;
	width: 683px;
}

#banner
{
width:770px;
height: 120px;
}

#navbar
{
	width: 770px;
	height: 35px;
	background-image:url(../images/navbar-BG-new-mod1.jpg);
	background-repeat:no-repeat;
	float: left;
	padding-bottom: 10px;
}

#leftnav
{
	width: 100px;
	height: 350px;
	float: left;
	padding-top: 15px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
	font-size: 12px;
}

#content
{
width: 660px;
float: left;
padding: 0px;
background-image: url(../images/contentbg.jpg);
background-repeat: repeat;
background-position: right top;

	}

#footer
{
	width:700px;
	text-align:center;
	padding: 10px;
}

#padding
{
padding: 0px 25px 0px 15px;
}


a.nav:link {
	color: #000;
	text-decoration: underline;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}
a.nav:active {
	color: #000;
	text-decoration: underline;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}
a.nav:hover {
	color: #333;
	text-decoration: underline;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}
a.nav:visited {
	text-decoration: underline;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}
a.clear:link {
	color: #000;
	text-decoration: none;
}
a.clear:active {
	color: #000;
	text-decoration: none;
}
a.clear:visited {
	color: #333;
	text-decoration: none;
}
a.clear:hover {
	color: #333;
	text-decoration: underline;
}


/***start***/

.topmenuul{
	list-style-type:none;
	margin:0;
	padding:0;
}

.topmenuli{
	list-style-type:none;
	float:left;
}

.topmenutitle{
	display:block;
	color: #FFF;
}

.submenuul{
	list-style-type:none;
	position:absolute;
	margin: 0;
	padding:0;
	display:none;
}

.submenuli a:link , .submenuli a:hover , .submenuli a:active, .submenuli a:visited{
	display:block;
	width:150px;
	color: #FFF;
	}
/**/
li a:hover ul{
	display: block;
	color: #FFF;
}

#dmenu li>ul { 
	top: auto;
	left: auto;
}



/* menu design */

#dmenu {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size:10px;
	font-weight:normal;
}

.topmenuul {
	
}

.topmenutitle {
	text-indent:3px;
	text-decoration: none;
	color: #FFF;
	padding:3px;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
	letter-spacing: 3px;
}

.submenuul {
	margin-top:-1px;
	background-color: #99C;
	background-position: top left;
	background-repeat: repeat-x;

}

.submenuli a{
	padding:3px 4px 3px 4px;
	text-decoration: none;
	color: #FFF;
	border-top: none;
	border-bottom: 1px groove #FFF;
}

.submenuli a:hover{
	text-decoration: none;
	background:#999;
	color: #FFF;
	padding:3px 4px 3px 4px;
}
.submenuli a:active{
	padding:3px 4px 3px 4px;
	text-decoration: none;
	color: #FFF;
	border-top: none;
	border-bottom: 1px groove #FFF;
}

.submenuli a:visited{
	padding:3px 4px 3px 4px;
	text-decoration: none;
	color: #FFF;
	border-top: none;
	border-bottom: 1px groove #FFF;
}

/***end***/



a:link {
	color: #003399;
	text-decoration: none;
}
a:active {
	color: #003399;
	text-decoration: none;
}
a:hover {
	color: #0066CC;
}
a:visited {
	color: #003399;
	text-decoration: none;

}

.white
{
color: #FFF;
}

h1
{
	font-size: 16px;
	text-align:center;
	padding: 0px;
}

h2
{
width: 90%;
	font-size: 14px;
	font-weight: normal;
	font-style: italic;
	text-align:center;
	padding: 0px 10px 0px 10px;
	margin: 0px;

}

h3
{
font-size:12px;
	padding: 0px 10px 0px 10px;
}

.bold14
{
	font-size:14px;
	font-weight:bold;
margin:0;
padding:0;
}

.textwrap
{
float:left;
margin-right:25px;
}

#news
{
width:525px;
height:auto;
background-color:#EAEAFF;
border:1px solid #666666;
padding:15px;
margin:auto;
}

.border
{
border:1px solid #333333;
}

.image_right
{
float:right;
margin:15px;
}

.table_list
{
padding:0px;
margin:0px;
}

#form_bar
{
	background-color:#9999CC;
	height:27px;
	text-align:center;
	color:#FFFFFF;
	padding-top:10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#form_bar
{
	background-color:#9999CC;
	height:27px;
	text-align:center;
	color:#FFFFFF;
	padding-top:10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
a:hover {
  position: relative;
}


a span {
  display: none;
}

a.light:link, a.light:active, a.light:visited {
	color: #FFF;
	text-decoration: none;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}
a.light:hover {
	color: #003366;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
}

a.light:hover span {
  display: block;
     position: absolute; 
	 top: -75px; 
	 left: 20px;
	 width: 250px;
  /* formatting only styles */
     padding: 5px; 
	 margin: 10px; 
	 z-index: 100;
     background-color: #828282; 
	 border: 1px solid #c0c0c0;
	 text-align:left;
	 text-decoration:none;
	 color:#FFFFFF;
  /* end formatting */}
a.info{
	position:relative; /*this is the key*/
	z-index:24;
	text-decoration:none;
}

a.info:hover{z-index:999; background-color:#EAEAFF;text-decoration:none}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:15em;
    border:1px solid #CCC;
    background-color:#EAEAFF; 
	color:#333;
    text-align: left;
	z-index:999;
	}
	
.title_blue
{
font-size:20px;
color: #0099CC;
font-weight:normal;
font-style:normal;
padding:0;
margin:0;
}

.quote
{
border:4px solid #B3B3D9;
color: #B3B3D9;
font-size:18px;
padding:5px;
font-weight:normal;
}

.form_field_width
{
width:155px;
}
.spaced_text
{
letter-spacing:3px;
color:#FFFFFF;
}

.green
{
color:#009933;
font-size:22px;
font-weight:normal;
}
.green2
{
color: #009900;
font-size:14px;
}

.blue
{
color: #0099CC;
}

a.blue-title:link {
font-size:20px;
color: #0099CC;
font-weight:normal;
font-style:normal;
padding:0;
margin:0;
}
a.blue-title:active {
font-size:20px;
color: #0099CC;
font-weight:normal;
font-style:normal;
padding:0;
margin:0;
}
a.blue-title:visited {
font-size:20px;
color: #0099CC;
font-weight:normal;
font-style:normal;
padding:0;
margin:0;
}
a.blue-title:hover {
font-size:20px;
color: #00CCCC;
font-weight:normal;
font-style:normal;
padding:0;
margin:0;
}



.style1 {color: #0000FF}
.style3 {color: #FF0000}
.style5 {color: #009933}
.style6 {font-size: 16px}
.style7 {color: #F42336}
.style8 {font-size: 14px}
.style9 {font-size: 13px}
.style0 {font-size: 12px}

.blog-nav
{
padding:0;
margin:0;
list-style:none;
list-style-image:none;
}

#donation_form_table
{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
background-color:#EAEAFF;
}
#donation_form_table td
{
padding-top:2px;
padding-bottom:2px;
}

.small_text
{
	font-size:11px;
}

a.small:link
{
	color:#003399;
	font-size:11px;
	text-align:left;
}
a.small:visited
{
	color: #003399;
	font-size:11px;
	text-align:left;

}
a.small:hover
{
	color: #0066FF;
	text-decoration:none;
	font-size:11px;
	text-align:left;

}
a.small:active
{
	color: #003399;
	font-size:11px;
	text-align:left;
}
