/* 
	project:  Vote Mufi Hannemann
	author:   Mufi Hannemann Committee
*/

*{ 
margin: 0; 
padding: 0; 
}* 

body { 
font: .75em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
line-height: 1.64em; 
background: none; 
color: #444; 
}

a { 
color: #610000;	
background: inherit; 
text-decoration: none; 
}

a:hover { 
color: #808080; 
background: inherit; 
}

.blue {
	color: #2575ad;
	font-weight: bold;
}

.white { 
color: #fff; 
}

p { 
margin: 0 0 15px 0; 
}

h1 { 
font: normal 2.2em Georgia, Arial, Sans-Serif; 
margin: 0px 0 0 0px; 
}
h1.headers {
	font: normal 1.5em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-transform: uppercase;
	font-weight: bold; 
	margin: 0px 0 0 0px;
	background: #fff url('../images/headers.jpg') no-repeat;
	color: #990000;
	height:50px;
 	padding: 23px 0 3px 65px;
  	margin: 0.2em 0;
clear: left;
}

h1 a:hover { 
color: #E4FFD3; 
background: inherit; 
}

h2 { 
font: normal 1.6em Georgia, "Times New Roman", Times, serif; 
margin: 0 0 0px;
 background: #ffffff;
  padding: 4px 8px;
color: #2575ad; 
}

h4 { 
color: #808080; 
background: inherit; 
 padding: 4px 8px;

 background: #ffffff;
font-weight: bold; 
font-size: .9em; 
text-transform: uppercase;
}

h6 { 
font: normal 1.3em Georgia, "Times New Roman", Times, serif; 
margin: 0 0 0px;
 background: #ffffff;
  padding: 4px 8px;
color: #666666; 
line-height: 1.5em; 
}

#wrapper
{
position: relative;
width: 1000px;
margin: 0 auto;
background: #fff url('../images/abg.gif') repeat-y;
}
	
#content {
	width: 960px;
	margin: 0 auto;
}

div#left li {
list-style-image: url('../images/arrow.gif');
list-style-position: outside;
margin: 2px 0px 2px 16px;
}

div#left blockquote {
margin: 15px;
padding: 15px;
background: #f0f0f0;
}
div#left blockquote p {
margin: 0;
font: normal 1.3em Georgia, "Times New Roman", Times, serif;
color: #666666;
line-height: 1.5em;
}

/* Logo new */

#logo {
	float: left;
	width: 960px;
	height: 30px;
	border-bottom: 9px solid #ffffff;
	text-align: left;
	background: #ffffff url(../images/mufi-unlogo.gif) no-repeat;
}

#logo h1 a {
	padding-top: 0px;
	display:block;
	text-indent: -9999px;
	width: 330px; height: 30px;
	overflow: hidden;
	background: url(../images/spacer.gif) no-repeat;
	font: normal 36px Georgia, "Times New Roman", Times, serif;
}

#logo h2 {
	font: normal 11px Georgia, "Times New Roman", Times, serif;
}

#logo a {
	text-decoration: none;
	color: #FFFFFF;
}


#intro { 
clear: both; 
background: url(../images/teaser.jpg) no-repeat; 
color: #333; 
height: 150px; 
padding: 35px 0 0 20px; 

}
#intro a{ 
	padding-top: 0px;
	display:block;
	text-indent: -9999px;
	width: 900px; height: 130px;
	overflow: hidden;
	background: url(../images/spacer.gif) no-repeat;

}
	
	#intro h1 {
	 margin: 0; 
	 background: #666666 url(../images/h1bg.jpg) repeat-x bottom; 
	 display: inline;  
	 color: #7DD0F1; 
	 padding: 2px 5px; 
	 }
	 
	#intro p { 
	margin: 0; 
	color: #808080; 
	font-weight: bold; 
	font-size: .9em; }
	#login { font-size: .9em; margin: 45px 0 0; }
	#login a { color: #616161; background: #8BE1FA; padding: 4px 20px 6px; border-bottom: 1px solid #616161; }
	#login a:hover { color: #fff; background: #8BE1FA url(images/loginhover.gif) no-repeat; }

#left {
 clear: left; 
 float: left; 
 width: 570px; 
 padding: 0 5px 0 5px; 
 margin: 12px 0px 12px 2px; 
  background: #ffffff;
 }

 
	#left img { 
	border: 1px solid #ccc; 
	padding: 0px; 
	margin: 5px;
	}

	#feature img { 
	border: 0px solid #ccc; 
	padding: 0px; 
	float: left;
	margin: 0 5px 5px 0;
	}

	#left p { 
 background: #ffffff;
 padding: 4px 8px;
	}
	
	#articles { 
	margin: 0 0 0 0; 
	
		}
	
	#articles li  {
	background: #ffffff;
	list-style: none;
	float: left;
	width: 320px;
	padding: 4px 8px;
	margin: 0 15px 0 0;
	}
	
		#articles li a { 
		padding: 0 0 0 0; 
		}
		
		#articles li.last {
	width: 200px;
	margin: 0;
	background: #eee;
	line-height: 14px;
	font-size: 10px;
		 }
div#left .section {
display: inline; 
width: 540px; 
border: 0;
}
div#left .section-main {
display: block; 
width: 300px; 
margin: 0px 240px 0px 20px;
}
div#left .section-right {
display: block; 
float: right; 
width: 200px; 
margin: 0; 
padding: 8px; 
background: #eeeeee; 
font-size: 8pt;
}
div#left .section-right li {
list-style: none;
margin: 3px 0px;
}

#right { 
position: relative; 
top: -80px; 
margin: 0 15px 0 0; 
padding: 0 10px 10px 10px; 
float: right; 
width: 284px; 
font-size: .9em; 
background: #fff; 
}

	#right img { 
	border: 0px solid #ccc; 
	float: left; 
	padding: 2px; 
	margin: 0 0 0 0; 
	}
	
	#left a { 
	background: none; 
	}
	#left h3 { 
	border-bottom: 1px solid #eee; 
	padding: 0 0 7px; 
	margin: 0 0 6px 0; 
	}
	
	#right h5 {
	font: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	border-bottom: 1px solid #ccc;
	padding: 2px 0 5px 2px;
	font-size: 1.3em;
	color: #666666;
	font-weight: bold;
	}
	
	#right a { 
	color: #666666; 
	}
	
#right	a:hover { 
color: #990000; 
background: inherit; 
}

	
	#right .info {
	border: 1px solid #e0e0e0;
	background: #f4f4f4;
	padding: 2px;
	background-image: url(../images/bg-side.jpg);
	background-repeat: repeat-x;
	}




	.rightbox_wrapper{
		background: #eeeded;
		padding:5px;
		margin-bottom: 3px;
		width:277px;
		overflow: hidden;
		font-size:11px;
		line-height: 18px;
		color: #58584D;
	}



.footer {
	clear: both; 
	vertical-align: bottom;
	height:225px;
	background: url(../images/footer.jpg) no-repeat 0 bottom;
}

.footer a {
	display: inline;
	white-space: nowrap;
	color: #C83027;
	font-size: 11px;
}

.footer ul {
   	margin: 0 auto;
   	padding: .7em 0;
   	text-align: center;
   	width: 85%;
}
.footer ul li{
	display: inline;
	padding: 0.5em;
}	
	
/* List Elements
=====================================================================*/

 ul
{
list-style-type: none;
padding: 0;
margin: 0 0 0 10px;
}

li
{
	height: auto;
	margin: 0;
	padding: 0;
	list-style: none;
}

li a {
	padding-top: 0px;
	padding-bottom: 0px;
}

li a:hover {
	background-color: #eeeeee;
}
	
ul.iconlist {
  list-style-type: none;
  padding: 0;
  margin: 0;
  }
  	
li.arrow {
  background-image: url(../images/arrow2.gif);
  background-repeat: no-repeat;
  background-position: 0 .4em;
    padding: 3px 0 3px 16px;
  margin: 0.2em 0;
  }	

#feature {
display: block;
margin: -24px 0 0 5px;
padding: 0 0 0 0;
background: #660000 url('http://www.mufihannemann.com/images/feature-back_f.jpg') ;
width: 565px;
height: 250px;
}
#feature img {
align: left;
}
#feature ul {
margin: 10px 0px;
padding: 10px 0px;
}
#feature li {
list-style: none;
margin: 5px 0;
}
#feature li.feature-on {
margin: 5px 10px 5px 10px;
list-style-position: outside;
}
#feature li.feature-on a {
font: 15pt Georgia;
color: #ffffff;

}
#feature li.feature-off {
list-style: none;
margin: 5px 10px;
}
#feature li.feature-off a {
font: 8pt Arial;
color: #ffffff;
}

#feature div.feature-more {
display: none;
position: absolute;
color: #000000;
font: 14px;
height: 12px;
padding: 10px;
width: 110px;
top: 630px;
left: 200px;
margin: 0;
border: 1px #999999 solid;
background: #f0f0f0 url('../images/grey-dation.jpg') repeat-x bottom;
}

div#feature div.feature-more a:link, div#feature div.feature-more a:visited {
display: block;
color: #990000;
position: absolute;
font-weight: 600;
text-transform: uppercase;
}

div#feature div.feature-more a:hover, div#feature div.feature-more a:active{
display: block;
color: #cc0000;
position: absolute;
font-weight: 600;
text-transform: uppercase;
}

#feature_block { position: relative; width:570px; height:320px; }
#feature_block #news_area { float: left; line-height:0px; }
#feature_block #news_area.flash { float: left; height:300px; width:400px; text-align:center; padding:10px; line-height:0px; background-image:url(../images/feature_bg.jpg); }

#feature_block .news_area { float: left; line-height:0px; }
#feature_block .news_area.flash { float: left; height:290px; width:400px; text-align:center; padding-top:30px; line-height:0px; background-image:url(../images/feature_bg.jpg); }


#feature_block #right_column 
{
	position: absolute;
	top: 0;
	right: 0;
	float: left;
	width: 171px;
	height:320px;
	background-image: url(../images/news_list_bg.jpg);
}

#feature_block #right_column h3 { color: #C83027; margin: 10px 20px 0 20px; font-size: 14px; }
#feature_block #right_column #arrow { position: absolute; }
#feature_block #right_column #news_items { width: 140px; margin: 20px; }
#feature_block #right_column #news_items li { margin: 10px 0 10px 0; }

#feature_block #right_column #news_items a
{
	font: 11px arial;
	color: #990000;
	outline: none;
	position: relative;
}

#feature_block #right_column #news_items a:hover { color: white; background: transparent;}
#feature_block #right_column #news_items a.selected { color: white; font: 16px Georgia; padding: 0px; }
#feature_block #right_column #news_foot { position: absolute; bottom: 0; }

div#left form {
 display: block;
 margin: 0;	
}

div#left form label {
	display: block;
	border: 1px #dddddd solid;
	margin: 0px 20px;
	padding: 4px;
	background: #f0f0f0 url('../images/grey-dation.jpg') repeat-x bottom;
	font-weight: 700;
}

div#left form label input {
	display: block;
	
}
div#submitrow input {
background: #990000;
color: #ffffff;	
padding: 4px;
margin: 0px 60px 40px 60px;
}
.hide {	display:none; }