@charset "UTF-8";
/* CSS Document */

@charset "UTF-8";


/************************

MHAMD_1outof5 website
LAYOUT 
01.19.2010 Ken Karlic 
Karlic.com

************************/

/* Forces scrollbars so centered pages don't shift */
html { height: 100%; margin-bottom: 1px; }


body {
	margin:0; padding:0;
	background: url(../_images/gradient.png) repeat-x #90A0B7;
	font: normal .85em/1.40em Arial, Helvetica, sans-serif;
	color:#504738;
	text-align:center; /* IE hack to center */
	}

#wrapper {
	position:relative;
	margin:0; padding:0;
	width:980px; height:auto;
	background:url(../_images/main_title.gif) top  right #FFF no-repeat;

	text-align:left; /* override text-align on body */
	}

#wrapper_petition {
	position:relative;
	margin:0; padding:0;
	width:980px; height:auto;
	background-color: #FFF;

	text-align:left; /* override text-align on body */
	}
	
#header {
	margin:0; padding:0;
	width:980px; height:90px;
	}

#logo a {
	margin:0; padding:0;
	position:absolute; top:0; left:18px;
	width:200px; height:90px;
	background:url(../_images/header.gif) no-repeat;
	z-index:1000;
	display:block;
	border:none;
	}

#logo p {
	margin:0; padding:0;
	text-indent:-9999em;
	overflow:hidden;
	}
	
#content {
	margin:10px 30px 0 20px; padding:0;
	}
	
#col_sidebar {
	margin:0 0 30px 0; padding:0;
	float:left;width:220px;
	}
	
#col_main {
	margin:130px 0 30px 0; padding:0 0 30px 0;
	float:right;width:690px;
	}

#col_main_petition {
	margin:0 0 30px 0; padding:0 0 30px 0;
	float:right;width:690px;
	}
	
#footer {
	margin: 0 35px 0 260px; padding:15px 0 45px 0;
	clear:both;
	border-top: 1px solid #4BA8CC;
	}
	
#credits {
	margin:0 auto; padding:0 0 0em 0;
	clear:both;width:980px;
	}



/************************

PANO PHOTOS 

************************/

#pano_home {
	margin:0; padding:0;width:980px; height:235px; background-color:#fff; z-index:1000;
	background:url(../_images/pano_1outof5.jpg) no-repeat top left;}
		

/************************

QUICK NAVIGATION 

************************/

ul#quick_nav  {
	margin:0; padding:0;
	position:absolute; right:35px; top:30px;
	list-style:none;
	z-index:100000;
	}
	
ul#quick_nav li {
	margin:0; padding:0 0 0 10px;
	text-transform:lowercase;
	}
	
ul#quick_nav  li a {text-decoration:none;}
ul#quick_nav li a:hover {text-decoration:underline;}



/************************

BASIC TYPE 

************************/

p {margin:0; padding:0; text-indent:1em;}

h1 {margin:0 0 .4em 0; padding:0;
	font:normal 2.0em/1em Arial, Helvetica, sans-serif;
	color: #CC9900;
	text-transform:lowercase;
	}	
	
h2 {margin:20px 0 12px 0; padding:20px 0 0 0;
	font:bold 1em/1.25em  Arial, Helvetica, sans-serif;
	color:#000;
	border-top: 1px solid #4BA8CC;	}

h2.petition {margin:0px 0 12px 0; padding:20px 0 0 0;
	font:bold 1em/1.25em  Arial, Helvetica, sans-serif;
	color:#000;
	border-top: 1px solid #4BA8CC;	}
	
h2.norule {
	margin:20px 0 12px 0; padding:0;
	font: bold 1em/1.25em  Arial, Helvetica, sans-serif;
	color:#000;
	border-top: none;
	}

h2.homepage {
	margin:20px 175px 12px 0; padding:20px 100px 0 0;
	font: bold 1em/1.25em  Arial, Helvetica, sans-serif;
	color:#000;
	border-top: 1px solid #4BA8CC;	
	}
	
.noindent {text-indent:0;}

p.intro {
	margin:0; padding:0;
	text-indent:0;
	font:normal 1.35em/1.45em Georgia, "Times New Roman", Times, serif;
	color: #000;
	}

p.intro-home {
	margin:0; padding:0 0 2em 0;
	text-indent:0;
	font:normal 1.35em/1.45em Georgia, "Times New Roman", Times, serif;
	color: #000;
	}
	
p.callout {
	margin:0 ; padding:.2em 0 0 0;
	text-indent:0;
	font:normal 1.35em/1.45em Georgia, "Times New Roman", Times, serif;
	color: #000;
	}

	
span.bold {font-weight:bold;}


a {	color: #660066; text-decoration:none;}
a:hover  {color: #660066;text-decoration:underline;}
	
/************************

SUB NAVIGATION 

************************/

#sub_nav {
	margin:0; padding:0;
	height:30px; width:780px;
	border-bottom: 1px solid #90BFFF;
	background: url(../_images/nav_bkgd.gif) repeat;
	
	display:none; /* REMOVE THIS */
	}

#sub_nav ul {margin:0; padding:0 0 0 35px;list-style:none;}
#sub_nav ul li {
	margin:0; padding:9px 20px 0 0;
	float:left;
	font: normal 13.5px Arial;
	text-transform:lowercase;
	color:#333;
	}
#sub_nav ul li a {color:#333;text-decoration:none;}
#sub_nav ul li a:hover {color:#333;text-decoration:underline;}
			
ul.submenu {
	margin:0; padding:0 0 .5em .8em;
	list-style: none;
	line-height:1.3em;
	}	

ul.submenu li {
	margin:0; padding:0 0 .2em 0;
	color: #006699;
	}
ul.submenu li a {color: #006699;}
ul.submenu li a:hover {color: #006699; text-decoration:underline;}


/************************

DETAILS NAVIGATION -- better known as the footer

************************/

/*  left side  */

ul#details_nav  {
	margin:0; padding:0;
	list-style:none;
	float:left;
	text-transform:lowercase;
	}
ul#details_nav li {
	margin:0; padding:0 10px 0 0 ;
	float:left;
	}
ul#details_nav li a {
padding:0 10px 0 0;
	text-decoration:none;
	}
ul#details_nav li a:hover {
	text-decoration:underline;
	}

/*  right side  */
	
ul#details_nav_r  {
	margin:0; padding:0;
	list-style:none;
	float:right;
	text-align:right;
	text-transform:lowercase;
	}
ul#details_nav_r li {
	margin:0; padding:0 0 0 10px;
	float:left;
	}
ul#details_nav_r  li a {
padding:0 0 0 10px;
	text-decoration:none;
	}
ul#details_nav_r li a:hover {
	text-decoration:underline;
	}
	
		
/************************

CREDITS NAVIGATION 

************************/

#credits {
	margin:1em auto 0 auto; padding:0 0 0em 0;
	width:780px;
	text-align:right;
	display:none; /* REMOVE THIS */
	}	
	
#credits p a {
	margin:20px 0 0 0; padding:0; 
	font-size:.9em;
	color:#333;
	text-decoration:none;
	}
	
#credits p a:hover{
	color:#333;text-decoration:underline;
	}

		
/************************

SIDEBAR SMALL 

************************/

.sidebar_sm, .sidebar_sm-g {margin: 0 0 4px 0; padding: 25px 0 0 0;width: 225px;}
	
.sidebar_sm {background:url(../_images/sidebar_sm_top.gif) no-repeat top left;}
.sidebar_sm-g {background:url(../_images/sidebar_sm-g_top.gif) no-repeat top left;}
	
	
.sidebar_sm_mid, .sidebar_sm-g_mid {margin:0; padding:0 35px 10px 25px;height: auto;}

.sidebar_sm_mid {background:url(../_images/sidebar_sm_mid.gif) repeat-y top left;}
.sidebar_sm-g_mid {background:url(../_images/sidebar_sm-g_mid.gif) repeat-y top left;}

.sidebar_sm_bot, .sidebar_sm-g_bot {margin: 0; padding:0;width: 225px; height: 50px;}

.sidebar_sm_bot {background:url(../_images/sidebar_sm_bot.gif) no-repeat bottom left;}
.sidebar_sm-g_bot {background:url(../_images/sidebar_sm-g_bot.gif) no-repeat bottom left;}
		
.sidebar_sm p, .sidebar_sm-g p {margin:0 0 12px 0; padding:0;text-indent:0;}


/************************

SIDEBAR TYPE 

************************/

	
#col_sidebar h2 {
	margin:0 0 .4em 0; padding:0;
	font:bold 1em/1.25em  Arial, Helvetica, sans-serif;
	text-indent:0; 
	color:#000;
	border:none;
	}
	
/*   SIDEBAR SMALL TYPE   */

ul.sidebar {
	margin:0; padding:0;
	list-style:none;
	text-transform: lowercase;
	}
	
ul.sidebar li {
	margin:0; padding:0 0 .6em .8em;
	line-height:1.3em;
	text-indent:-.8em;
	color: #069;
	}
		
ul.sidebar-g {
	margin:0; padding:0 0 12px 0;
	list-style:none;
	}
	
ul.sidebar-g li {
	margin:0; padding:0 0 12px 0;
	line-height:1.3em;
	color:#504738;
	}


	
ul.main {margin:.6em 0 0 0; padding:0 0 0 2em;list-style: disc;}
ul.main li {margin:0; padding:0 0 .6em 0;line-height:1.3em;}
	
ul.pubs {margin:.6em 0 0 0; padding:0;list-style: none;}
ul.pubs li {
	margin:0; padding:0 0 .6em 45px;
	text-indent:-45px;
	line-height:1.3em;
	}	
p.small {margin:12px 0 30px 0; padding:1.25em 0 1em 0; font: normal .9em Arial, Helvetica, sans-serif;text-indent:0;}		
	
ul.nostyle {margin:0 0 1em 0; padding:0;list-style:none;}
ul.nostyle li {margin:0; padding:0;}
ul.callout {margin:1em 0 0 0; padding:0;list-style:none;}