/********* Reset Broswer CSS ************************/

a img { border: none; }


/********* Standard styles CSS ************************/
body {
	background: url(../images/bg.jpg) #375baf no-repeat center top;
	margin-left:0;
}

form {
	margin: 0px; padding: 0px;
}

fieldset {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background:#FFFFFF rgba(255, 255, 255, .9);
	border:1px solid #CBCBCB;
	padding:15px;
}

legend {
	color: #555; padding: 0 10px; font-weight: bold; font-size: 110%;
}

fieldset p {
	padding: 10px; margin: 0px;
}

dl {
/*	background-color: #b8cee0; */
	padding: 10px;
	margin: 0px;
}

dl dt {
	float: left;
	width: 24.5%;
	text-align: right;
	font-size: 1em;
	font-weight: bold;
	color: #333;
	margin: 0 3px 0 0;
	padding: 1px 0 0 0;
}

dl dd {
	margin: 0 0 0 25%; padding: 0 0 5px 0;
}

.buttonarea {
	background-color: #ccc; padding: 5px; text-align: center; margin-bottom: 20px;
}

.buttonarea .button {
	background-color:#FB9702; border: 2px solid #FFFFFF; color:#222222; font-size:10px;
	padding: 5px 30px; text-transform:uppercase;
}

a:hover {
	color: #09f;
}

#pagearea {
	width: 700px;
	text-align: left;
}

.border {
	border-right: 1px solid #ddd;
}

.pagesheading { /* used only for the pages edit area for the Heading content type */
	font-family: Arial, Helvetica, sans-serif;
	color: #264A6E;
	font-size: 14px;
	font-weight: bold;
}
/******************* ID's specific to the site **********************/
#container {
	width:940px;
	margin: 10px auto 0 auto;
}

#header {
	height: 94px;
}

.support {
	float:right;
	margin-top:-35px;
}

html>/**/body .support {
	position:relative;
	margin-top:0;
	top:44px;
}

.rotatingphotos{
	width: 938px;
	height: 332px;
	background:#f4f4f4;
	border:solid 1px #fff;
	-webkit-box-shadow: rgba(0, 0, 0, 0.7) 0 0 15px;
	-moz-box-shadow: rgba(0, 0, 0, 0.7) 0 0 15px;
	box-shadow: rgba(0, 0, 0, 0.7) 0 0 15px;
}

#flash {
	height:332px;
	width:618px;
	float:left;
}

#donate {
	background:transparent url(../images/bg-donate.jpg) repeat scroll 0 0;
	float:right;
	height:292px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding:30px 10px 10px;
	width:286px;
}

#donate p, #donate h2 {
	padding:0 8px;;	
}

a.donatebutton, a.endorsebutton {
	text-indent:-9999px;
	margin: 10px auto;
	height:34px;
	width: 206px;
	display:block;
	border:solid 1px #fff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.7) 0 0 6px;
	-moz-box-shadow: rgba(0, 0, 0, 0.7) 0 0 6px;
	box-shadow: rgba(0, 0, 0, 0.7) 0 0 6px;
}

a.donatebutton {
	background:url(../images/btn-donate.gif);
}

a.endorsebutton {
	background:url(../images/btn-endorsements.gif);
}

a:hover.donatebutton, a:hover.endorsebutton {
	background-position: 0 -34px;
}

#footer {
	padding:15px 0 40px;
	text-align: center;
	color:#f4f4f4 !important;
	font-size: 11px;
}


#footer a {
	color:#f4f4f4 !important;
}

#footer a:hover {
	color:#fff !important;;
}


/********************************
  Text-Based Dropdown Menu Styles
*********************************/

ul#dropDownMenu{
	list-style: none;
	height:38px; /* overall top menu height */
	background: url(../images/bg-nav.gif) repeat-x;
	width: 930px;
	padding:0 0 0 10px;
	margin:0 0 15px 0;
	border:solid 1px #fff;
	-webkit-box-shadow: rgba(0, 0, 0, 0.7) 0 0 15px;
	-moz-box-shadow: rgba(0, 0, 0, 0.7) 0 0 15px;
}

ul#dropDownMenu li{
	float:left;
	position:relative;
	font-family:Georgia, "Times New Roman", Times, serif !important;
	font-size: 16px;
}

ul#dropDownMenu li a {
	color:#003366 !important;
	display:block;
	height:28px;
	padding:8px 18px 3px;
	text-decoration:none;
}

ul#dropDownMenu li a:hover {
	background-color:#DADADA;
}

ul#dropDownMenu>li{
}

ul#dropDownMenu li ul{
	list-style: none;
	display: none;
	position: absolute;
	top: 1em;
	left: 0;
	background-color:#fff; /* dropdown menu items background */
	z-index:4;
	font-size: 11px;
	width: 200px;
	border-right: 1px solid #D3D3D3;
	border-bottom: 1px solid #D3D3D3;
	border-left: 1px solid #D3D3D3;
}

ul#dropDownMenu li>ul{
	top: auto;
	left: auto;
}
/* IE 6 hack */
ul#dropDownMenu li:hover ul{
	margin-top:39px;
	display: block;
	background-image: none; /*TLH*/
}
ul#dropDownMenu li.over ul{
	display: block;
	margin-top:39px;
}
/* undo the IE6 hack */
ul#dropDownMenu > li:hover > ul{
	margin-top:39px;
	display: block;
	background-image: none; /*TLH*/
}
ul#dropDownMenu > li.over > ul{
	display: block;
	margin-top:39px;
}
/* sub menu item styles */
ul#dropDownMenu ul li{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #003366; /* dropdown menu items text */
	background-color:#f4f4f4; /* dropdown menu items background */
	clear:left;
	width:200px;
	text-align:left;
	margin-left:0px;
	border-left:none;
}

/*ul#dropDownMenu ul li:hover{
	background-color:#63809f;
	color: #FFFFFF;
}*/ /* Removed the style as the li:hover doesn't work in IE and all of the menu items will have an a tag -AM */

ul#dropDownMenu ul li a{
	display:block;
	border:none;
	color: #003366 !important; /* dropdown menu items text */
	background-color:#f4f4f4; /* dropdown menu items background */
	text-decoration:none;
	font-weight:normal;
	padding: 4px 0 0 25px; /*TLH*/
}

ul#dropDownMenu ul li a:hover{
	background-color:#DADADA;
}

/*html>body ul#dropDownMenu ul li a:hover{
	display:block;
	background-color:#63809f; /* dropdown menu items background on hover */
	color: #fff !important;
	text-decoration: none;
}
*/