/*

Common Styles

Created 23/08/07 CL

*/



html, body {}

a {color: #ccc; }



body {

	padding: 0 0 20px 0;

	margin: 0;

	color: #CCCCCC;

	font: .7em/1.7em Arial, Helvetica, sans-serif;

	background: #000 url(../images/bg_main.gif) 0 0 repeat-x; 

}



#outer {

	width: 1005px;

	min-height: 529px;

	margin: 0 auto;

	padding: 0;

}



/* Hidden content */

.structurelabel, .skiplinks

{

    position: absolute;

    left: -5000px;

    width: 4000px;

/*	display: none; */

}





/* HEADER AND MAIN NAV */



#header {

	height: 312px;

	margin: 0;

	padding: 0;

	background: url(../images/header.jpg) 0 0 no-repeat;

}



#header h1 {

	float: left;

	margin: 0;

	padding: 0;

}



#header h1 a {

	width: 160px;

	height: 129px;

	display: block;

	margin: 4px 0 0 40px;

	padding: 0;

	background: url(../images/logo.gif) 0 0 no-repeat;

}





#header h1 span { 

	display: none;

}



/* Make Donation Link - Utility Styles */



#header ul {

	float: right;

	display: inline;

	list-style: none;

	margin: 4px 42px 0 0;

	padding: 0;

}



#header ul li {

	margin: 0;

	padding: 0;

}



#header ul li a {

	display: block;

	width: 188px;

	height: 20px;

	margin: 0;

	padding: 5px 0 0 0;

	font: bold 1em arial, helvetica, sans serif;

	color: #fff;

	text-decoration: none;

	text-align: center;

}



#header ul li a:hover {

	text-decoration: underline;

}



/* header search panel */



#header #toolbar-top {

	float: right;

	display: inline;

	margin: 8px 22px 0 0;

	padding: 0;

}



#header #toolbar-top form {

	margin: 0;

	padding: 0;

}



#header #toolbar-top form label {

	display: none;

}



#header #toolbar-top form input#SearchText {

	float: left;

	margin: 0;

	padding: 0;

	width: 165px;

	height: 16px;

	background: #fff;

	border: 1px solid #5EC1D4;

}



#header #toolbar-top form input.formSubmit {

	float: left;

	margin: 0;

	padding: 0;

	font: bold 1em arial, helvetica, sans serif;

	color: #5EC1D4;

	text-transform: uppercase;

	cursor: pointer;

	background: none;

	border: none;

}



/*********** Navigation styles ***********/



#mainNav {

	float: left;

	display: inline;

	width: 760px;

	margin: -230px 0 0 255px;

	padding: 0;

}



#mainNav ul {

	list-style-type: none;

	padding: 0;

	margin: 0;

	height:54px;

}



#mainNav li {

	display: inline;

	margin: 0;

	padding: 0;

}



#mainNav li a {

	display: block;

	float: left;

	max-height: 54px;

	min-width: 50px ;

	margin: 0;

	font: normal 1em arial, helvetica, sans serif;

	text-decoration: none;

	text-transform: uppercase;

	background: url(../images/main_nav.gif) 0 0 repeat-x;

	color: #fff;

	padding: 20px;

	border-right: solid 1px #000;

}



#mainNav li.last a {

	margin-right: 0;

}



#mainNav li a:hover,

#mainNav li a.active {

	color: #fff;

	text-decoration: none;

	background: url(../images/main_nav_rollover.gif) 0 0 repeat-x;

	max-height: 54px;

}





/* CENTRECONTENT STRUCTURE */



#container {

	float: left;

	padding: 0;

	margin: 0;

	width: 992px;

}



#centrecontent {

	float: right;

	display: inline;

	padding: 0;

	margin: -20px -12px 0 0;

	width:747px;

	background: #1A1A1A;

	color: /*#848484*/ #CCCCCC;

	min-height: 300px;

}



#centrecontent #content {

	padding: 0 17px 30px 17px;

	margin: 0;

	float: left;

}



H1 {color:#FF002C; font-size:2em; text-transform: uppercase; font-weight: 200;}

H2 {color:#FF002C; font-size:2em; text-transform: uppercase; font-weight: 200; font: Arial, Helvetica, sans-serif;}

H3 {color:#FF002C; font-size:1.6em; padding:0.5em 0px; text-transform: uppercase; font-weight: 200;}

H4 {color:#FF002C; font-size:1.4em; padding:0.5em 0px; text-transform: uppercase; font-weight: 200;}

H5 {color:#FF002C; font-size:1.2em; padding:0.5em 0px; text-transform: uppercase; font-weight: 200;}





#centrecontent a:link {color: #FF002C; text-decoration: none;}

#centrecontent a:visited {color: #FF002C; text-decoration: none;}

#centrecontent a:hover {color: #FF002C; text-decoration: underline;}

#centrecontent a:active {color: #FF002C; text-decoration: none;}



#centrecontent img a {

	border: none;

}



#centrecontent form input.defaultbutton,

#centrecontent form input.button,

#centrecontent form input.shopbutton {

	margin: 13px 10px 10px 0;

	padding: 3px 5px;

	font: bold 1em arial, helvetica, sans serif;

	text-transform: uppercase;

	color: #7BA9C9;

	border: 1px solid #7BA9C9;

	background: #fff;

	cursor: pointer;

}



#centrecontent h2 {display: none;}



/*left*/

#left #subNav ul li a { color: /*#848484*/ #CCCCCC; text-decoration:none; FLOAT: LEFT}

#left #subNav ul {list-style-type:none; padding: 30px; margin: 0px; FLOAT: LEFT}

#left #subNav ul li a:hover, #left #subNav ul li a:active {text-decoration:underline; FLOAT: LEFT;}



/*portal*/



.portal {padding:20px 0px 20px 5px; width: 250px; FLOAT: LEFT;}

.portal a {color: /*#848484*/ #CCCCCC; text-decoration:none;FLOAT: LEFT;}

.portal a:hover, .portal a:active {text-decoration: underline;FLOAT: LEFT;}





/*

#centrecontent form input.button {

	margin: 0 0 0 10px;

}

*/



/* Form Styles */



DIV.form P {padding-left:20px;}

DIV.form FORM {width:505px; padding:0px 0px 0px 20px;}

DIV.form DIV.formElement {float:left; clear:both; width:525px; padding:3px 0px;}

DIV.form LABEL {float:left; clear:both; width:220px;}

DIV.form FIELDSET {float:left; clear:left; margin:10px 0px 0px 0px; padding:5px 0px 10px 220px; border: none;}

DIV.form FIELDSET LABEL {width:300px; padding:1px 0px;}

DIV.form INPUT {max-width:294px; padding:2px 3px; border:1px solid #4D4F53; clear: right;}

DIV.form INPUT.formCheckbox, DIV#centrecontent DIV.form INPUT.formRadio {width:22px; padding:0px; border:none;}

DIV.form INPUT.formSubmit {float:left; clear: left; width:auto; margin:10px 0px 0px 0px; color:#000; background:#ccc; border:none;}

DIV.form TEXTAREA {float:left; height:150px; width:296px; padding:4px 3px; border:1px solid #4D4F53;}

DIV.form FIELDSET#inquiry_type {border: none;}

DIV.form FIELDSET#inquiry_type legend.mandatory {float: left; clear: left; margin: 0 0 -25px -222px;}

DIV.form FIELDSET LEGEND {float: left; clear: left; margin-left: -230px; width: 220px; color: #ccc;}





/*gallery images*/



.imagethumb { width: auto; float: left; padding: 5px;}



/* Rich text Image styles */

div.imageleft, div.imageright, div.leftobject, div.rightobject

{

    display: inline;

	border: solid 3px #3C3C3C;

	margin-top: 30px;

	margin-right:15px;

}



div.imagecenter, div.centerobject

{

    margin-right: 15px;

    display: block;

	border: solid 3px #3C3C3C;

	margin-top: 30px;

}



div.imagecenter

{

    text-align: center;

	

}





div.imageleft, div.leftobject

{

    float: left;

    padding-right: 8px;

}



div.imageright, div.rightobject

{

    float: right;

    padding-left: 8px;

}



div.imageleft p.picturetext, div.imageright p.picturetext, div.imagecenter p.picturetext

{

    margin-top: 2px;

    margin-bottom: 2px;

}



div.imageleft p.picturetext, div.imageright p.picturetext, span.picturetext

{

    background-color: #f0f0f0;

}





/* FOOTER STYLES */



#footer {

	clear: both;

	width:100%;

	margin: 0 auto 20px 0;

	color: #848484;

	font: 1em arial, helvetica, sans serif;

	border-bottom: solid 1px #A7A7A7;

	float: right;

}



#footer .footer_inner {

	width: 1005px;

	margin: 0 auto;

	padding: 0;

}



#footer ul {

	width: 747px;

	list-style-type: none;

	background: #313131;

	height: 10px;

	padding: 20px 0 20px 0;

	margin: 0 1px 0 257px;

}



#footer li {

	display: inline;

	margin: 0;

	padding: 0;

	margin-top: -35px;

}



#footer li a {

	display: block;

	float: left;

	color: #848484;

	text-decoration: none;

	padding: 0 0 0 15px;

}



#footer li a:hover {

	text-decoration: underline;

}



#footer ul#Credits {

	display: none;

}