/* Global Elements  ------------------------------------------------------------------------------------------------------ */

body {
	background-color:#4f1c58;
	text-align:center;
	font-family:Helvetica, Verdana, Arial, sans-serif;
	font-size: 75%; /* At this percentage 1em equates to 10px */
	color:#4f1c58;
	line-height:20px; }

* { /* Reset all margins/padding*/
	margin:0;
	padding:0; }

ul, ol { /* Make for consistent list handling across browsers */
	padding-left:1em;
	margin-left: 10px;
	padding-bottom:15px;
	padding-top:15px; }

ol {
	background-image:none; }

/* Typography  ------------------------------------------------------------------------------------------------------ */

h1{
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size:2em;
	padding-bottom:15px; }

h2 {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size:1.8em;
	padding-bottom:15px; }

h3 {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size:1.6em;
	padding-bottom:15px; }

h4 {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size:1.4em;
	padding-bottom:15px; }

h5 {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size:1.2em;
	padding-bottom:15px; }

p {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size:1.1em;
	color:#000;
	padding-bottom: 20px; }

a:link { font-family:Helvetica, Verdana, Arial, sans-serif; color:#666666; text-decoration:none;}
a:visited { font-family: Helvetica, Verdana, Arial, sans-serif; color:#666666; text-decoration:none;}
a:hover { font-family: Helvetica, Verdana, Arial, sans-serif; color:#4f1c58; text-decoration:none !important}
a:active { font-family: Helvetica, Verdana, Arial, sans-serif; color:#666666; text-decoration:none;}

/* Layout Elements  ---------------------------------------------------- */

#wrapper {
	width:841px;
	margin: 50px auto 0 auto;
	text-align:left;
	position:relative;	
	background-color:#4f1c58; }

#navigation {
	background-image:url(../images/navigation-background.gif);	
	background-repeat:no-repeat;	
	margin-bottom:10px;	
	height:82px;
	width:841px;
	float:left; }

#flash-banner {}

#content {
	background-image:url(../images/background-logo.gif);
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	width:841px;
	padding-top:17px;	
	margin-top:10px;
	float:left;
	clear:both;
	}

#footer {
	background-image:url(../images/footer.gif);
	background-repeat:no-repeat;
	height:30px; }

/* Headings -----------------------------------------------------*/

#logo {
	text-indent: -5000px; overflow:hidden; display:block;
	width: 207px; height:65px; text-decoration: none !important;
	background-image:url(../images/logo.gif);
	background-repeat:no-repeat;  }
			  
#heading-welcome {
	text-indent: -5000px; overflow:hidden; display:block;
	width: 477px; height:60px; text-decoration: none !important;		  
	background-image: url("../images/titles/title-welcome.gif");
	background-repeat:no-repeat;
	position:absolute;
	top:305px;
	left:20px; }

#heading-about-us {
	text-indent: -5000px; overflow:hidden; display:block;
	width: 477px; height:31px; text-decoration: none !important;		  
	background-image:url(../images/titles/about-us.gif);
	background-repeat:no-repeat; }

#heading-about-the-leader {
	text-indent: -5000px; overflow:hidden; display:block;
	width: 477px; height:31px; text-decoration: none !important;		  
	background-image:url(../images/titles/about-the-leader.gif);
	background-repeat:no-repeat; }
	
#heading-constitution {
	text-indent: -5000px; overflow:hidden; display:block;
	width: 477px; height:31px; text-decoration: none !important;		  
	background-image:url(../images/titles/constitution.gif);
	background-repeat:no-repeat; }

#heading-manifesto {
	text-indent: -5000px; overflow:hidden; display:block;
	width: 477px; height:31px; text-decoration: none !important;		  
	background-image:url(../images/titles/manifesto.gif);
	background-repeat:no-repeat; }

#heading-news {
	text-indent: -5000px; overflow:hidden; display:block;
	width: 477px; height:31px; text-decoration: none !important;		  
	background-image:url(../images/titles/news.gif);
	background-repeat:no-repeat;	}

#heading-feedback {
	text-indent: -5000px; overflow:hidden; display:block;
	width: 477px; height:31px; text-decoration: none !important;		  
	background-image:url(../images/titles/feedback.gif);
	background-repeat:no-repeat;	}

#heading-donations {
	text-indent: -5000px; overflow:hidden; display:block;
	width: 477px; height:31px; text-decoration: none !important;		  
	background-image:url(../images/titles/donations.gif);
	background-repeat:no-repeat;	}

#heading-contact {
	text-indent: -5000px; overflow:hidden; display:block;
	width: 477px; height:31px; text-decoration: none !important;		  
	background-image:url(../images/titles/contact-us.gif);
	background-repeat:no-repeat;	}

#heading-opinions {
	text-indent: -5000px; overflow:hidden; display:block;
	width: 477px; height:31px; text-decoration: none !important;		  
	background-image:url(../images/titles/opinions.gif);
	background-repeat:no-repeat;	}

#heading-join-us {
	text-indent: -5000px; overflow:hidden; display:block;
	width: 477px; height:31px; text-decoration: none !important;		  
	background-image:url(../images/titles/join-us.gif);
	background-repeat:no-repeat;	}
			  
/* Main Navaigation -------------------------------------------- */

#mainNavigation {
	margin: 0; padding: 1px;
	height:37px; width:542px;
	list-style-type:none;
	position:absolute;
	top:33px;
	left:270px; }

#mainNavigation li{
	float:left; }

#mainNavigation a {
	height:41px; }

#mainnav-home {		
	text-indent: -5000px; overflow:hidden; 
	display:block; width: 78px; text-decoration: none;
	background-image:url(../images/home.gif); background-repeat:no-repeat; }
			
	#mainnav-home:hover {background-position: -78px 0; outline: none;}
	#mainnav-home.selected {background-position: -78px 0;}

#mainnav-aboutus {		
	text-indent: -5000px; overflow:hidden; 
	display:block; width: 78px; text-decoration: none;
	background-image:url(../images/about-us.gif); background-repeat:no-repeat; }

	#mainnav-aboutus:hover {background-position: -78px 0; outline: none;}
	#mainnav-aboutus.selected {background-position: -78px 0;}

#mainnav-Constitution {		
	text-indent: -5000px; overflow:hidden; 
	display:block; width: 78px; text-decoration: none;
	background-image:url(../images/constitution.gif); background-repeat:no-repeat; }

	#mainnav-Constitution:hover {background-position: -78px 0; outline: none;}
	#mainnav-Constitution.selected {background-position: -78px 0;}

#mainnav-Manifesto {		
	text-indent: -5000px; overflow:hidden;  
	display:block; width: 78px; text-decoration: none !important;
	background-image:url(../images/manifesto.gif); background-repeat:no-repeat; }

	#mainnav-Manifesto:hover {background-position: -78px 0; outline: none;}
	#mainnav-Manifesto.selected {background-position: -78px 0;}

#mainnav-NewsOpinion {		
	text-indent: -5000px; overflow:hidden; 
	display:block; width: 78px; text-decoration: none;
	background-image:url(../images/news-feedback.gif); background-repeat:no-repeat; }

	#mainnav-NewsOpinion:hover {background-position: -78px 0; outline: none;}
	#mainnav-NewsOpinion.selected {background-position: -78px 0;}

#mainnav-DonationsMembership {		
	text-indent: -5000px; overflow:hidden; 
	display:block; width: 78px; text-decoration: none;
	background-image:url(../images/donations.gif); background-repeat:no-repeat; }

	#mainnav-DonationsMembership:hover {background-position: -78px 0; outline: none;}
	#mainnav-DonationsMembership.selected {background-position: -78px 0;}

#mainnav-Contact {		
	text-indent: -5000px; overflow:hidden;
	display:block; width: 74px; text-decoration: none;
	background-image:url(../images/contact.gif); background-repeat:no-repeat; }

	#mainnav-Contact:hover {background-position: -74px 0; outline: none;}
	#mainnav-Contact.selected {background-position: -74px 0;}
			  
/* Main Navaigation -------------------------------------------- */

#footer {
	text-indent: -5000px; overflow:hidden; display:block;
	width: 841px; height:30px; text-decoration: none !important;
	float:left;
	clear:both;
	padding: 0 0 10px 0; }
			  
#right-content {
	width:191px;
	float:right;
	padding: 0 0 20px 0;}

#left-content { 
	width:544px;
	float:left;
	padding: 100px 20px 20px 72px;}
				  
#sub-right-content {
	width:191px;
	float:right;
	padding: 0 0 20px 0;}

#sub-left-content {
	width:506px;
	float:left;
	padding: 54px 0 20px 72px;}

#sub-left-content ul {
	padding-bottom:20px;
	padding-top:0px; }

#sub-left-content li {
	font-size:110%;
	color:#000000; }

#sub-left-content table {
font-size:1.1em;
color:#000000;

}

.sub-list {
	text-decoration:none;
	list-style-type:none;
	padding:0 5px 0 5px;
	margin:10px 15px 0 0;
	background-color:#FFFFFF;
	font-size: 90%;
	font-weight:bold; }

.sub-list li {
	text-decoration:none;
	padding:3px 0 3px 0;
	border-bottom:dotted 1px #CCCCCC; }
	
.sub-list a {
	display:block;
	width:163px;
	padding-left:5px;
	color:#000000;
	font-size:13px;
	font-weight:normal; }
	
.sub-list a:hover {
	background-color:#d0c1d2;}
	
.sub-list-selected {
	background-color:#d0c1d2;}

.formField {
	border: 1px solid #CFCFCF;
	padding:4px; }

.formField:focus {background: #fdfcd1;}

label, input.formField, textarea.formField {
	display: block;
	width: 200px;
	float: left;
	margin-bottom: 10px;
	color:#000000;
	font-size:1.1em; }

label {
	text-align: left;
	padding-right: 20px;
	padding-top:5px;}

br.formBR {
	clear: left; }

.submitbutton {
	margin-left:220px;
	font-size:1.1em;
	font-family:Helvetica, Verdana, Arial, sans-serif; }