/*
Theme Name: Utopia 
Theme URI: http://utopiafound.org

Tags: blankSlate, no style, clean, empty

This theme was designed and built by Shawn Cope,
whose blog you will find at http://shawncope.com/

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php
*/

@import "style/reset.css";

/*Utility Styles************************/
.alignright {
	float: left;
}

.alignleft {
	float: right;
}
.center {
	display:block;
	margin:0 auto;
}
.clear {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}


 body {background: #4891ce url(images/body_bg.gif) top left repeat-x; font-family: Arial, Helvetica, sans-serif; color: #333333; font-size: 0.9em;	line-height: 1.3em;	}


a, a:visited, a:link {color: #339900; text-decoration: none;  }
a:hover {text-decoration: underline;}

P {padding-bottom: 8px;}

#intro-home {background: url(images/home_intro_bg.png) top left no-repeat;height: 274px; padding-left: 510px; padding-right: 18px}
#intro-bottom-home-back  {background: url(images/intro-home-bg-back.png) top left repeat-y ; background-color: none;  }

#intro-bottom-home {background: url(images/intro-home-bg.png) no-repeat; background-color: none; }
#intro-bottom-home a:visited, #intro-bottom-home a:link{color:#ffffff; text-decoration:none;}
#intro-bottom-home a:hover{color:#CC6600; text-decoration:none;}

#intro-bottom-left {float: left; width: 290px; margin-left:20px; margin-top: 33px;  padding-right: 10px; background: none;}
#intro-bottom-middle {margin: 0 335px; padding-top: 33px; background: none;}
#intro-bottom-right {float: right; width: 310px; margin-left:5px; margin-top: 33px; background: none;}

/* header photos */
#intro-init-leelanau {background: url(images/header_bg_init_leelanau.png) top left no-repeat;height: 255px; padding-left: 510px; padding-right: 18px}
#intro-initiatives {background: url(images/header_bg_initiatives.png) top left no-repeat;height: 255px; padding-left: 510px; padding-right: 18px}
#intro-news {background: url(images/header_bg_news.png) top left no-repeat;height: 255px; padding-left: 510px; padding-right: 18px}
#intro-board {background: url(images/header_bg_board.png) top left no-repeat;height: 255px; padding-left: 510px; padding-right: 18px}
#intro-contact {background: url(images/header_bg_contact.png) top left no-repeat;height: 255px; padding-left: 510px; padding-right: 18px}

/* header items */
#headerWrapIn {background: url(images/header_logo_in.gif) top left no-repeat; height: 108px;}
#headerWrap {background: url(images/header_logo.gif) top left no-repeat;}
#logo {float: left; width: 296px;}
#headerWrap {height: 108px;}
#topNav {float: right; padding-top:36px;}
ul.topNavLeft li {float: left; padding: 0px 12px; font-family: Georgia, "Times New Roman", Times, serif; font-size:1.3em;}
ul.topNavLeft li a, ul.topNavLeft li a:visited, ul.topNavLeft li a:link{color:#ffffff; text-decoration:none;}
ul.topNavLeft li a:hover{border-bottom: 4px solid #ffffff; text-decoration:none;}
/* header items */



.homeBOpic {
	padding: 0 0 18px 5px;
	clear: right;
}




#intro-bottom-home p {width: 286px;}
#content-wrapper {width: 960px; clear: both;}
#content-wrapper-sub {background: url(images/content_bg.png) top left repeat-y;}
#page-wrapper {width: 960px; margin: auto; padding: auto;}


#mainContent {		
	padding: 20px 20px 0 17px;
/*margin: 0 239px 0 0; */
 border-right: 1px solid #cccccc;
 float: left;
 width: 670px;
}

#rightContent {
	/* float: right;
	width: 217px;
	margin-left: -1px;  border-left: 1px solid #cccccc;
	*/
	margin-left: 707px;  border-left: 1px solid #cccccc;
		padding: 20px 0 0 7px ;
		margin-right: 15px;
}




#col1 {width: 681px; padding-right: 18px; float: left; border-right: 1px solid #cccccc;}
#col2 {width: 224px; float: left; margin-left: -1px;  border-left: 1px solid #cccccc;}

.horizDots {background: url(images/horizDots.gif) top left repeat-x ; padding: 0 0 0 0;  height: 5px; }


/*FOOTER SECTION
-----------------------------------------------------------------*/
#footer a {text-decoration: underline; color: #ffffff;}
#footer-sub a {text-decoration: underline; color: #ffffff;}
.legal {clear: both; font-family: Arial, Helvetica, sans-serif; font-size: .5em; *font-size: .6em; color: #FFFFFF;text-align: center;	}
.disclaimer {clear: both; font-family: Arial, Helvetica, sans-serif; font-size: .5em; *font-size: .6em; color: #333333;text-align: left;	}
.disclaimer ol {list-style: decimal; margin-left: 18px;}
#footer{background: url(images/footer_bg.png) bottom left no-repeat; height: 75px;}
#footer-sub{background: url(images/footer_sub_bg.png) bottom left no-repeat; height: 75px;}
#footerNavMenu {padding-top: 20px;}


/* text */

h1 {font-family:Verdana, Arial, Helvetica, sans-serif; margin:0px 0px 8px 0px; padding:0px; color: #339900; font-size: 21px; font-weight: normal;line-height:22px;}
h2 {font-family:Verdana, Arial, Helvetica, sans-serif; margin:0px 0px 8px 0px; padding:0px; color: #339900; font-size: 21px; font-weight: normal;  }
h2.articleHeader {font-family:Verdana, Arial, Helvetica, sans-serif; margin:0px 0px 12px 0px; padding:0px; color: #339900; font-size: 18px; font-weight: normal; }
h2 a:active, h2 a:visited, h2 a:link  {color: #666666; text-decoration: none;}
h2 a:hover {color: #6699cc;}


h1.menuTitle {color: #A09D9B;font-size: 1.2em;}
#infoBar {color: #ffffff;}
#infoBar ul li a {color: #ffffff; text-decoration: none;}
#infoBar ul li a:hover {text-decoration: underline;}
#infoBar ul li.lineSep {float: left; padding: 0px 8px;border-right: 1px solid #ffffff;}
.smText {font-size: .8em;}
.mdText {font-size: 1.0em;}
.lgText {font-size: 1.2em;}

.subtitle{font-style: italic; color: #CC6600;}
.textRed {color: #CC0000; }
.blueText{color: #6699cc;}
.blueTextSm {color: #6699cc; font-size: .8em;}
.textRed {color: #CC0000; }
.textLeft {text-align: left;}
.textCenter {text-align: center;}
.blackText{color: #000000;}
.white {color: #ffffff;}
h1.orange {color: #CC6600; font-family:Georgia, "Times New Roman", Times, serif;}
.italic {font-style: italic; }


#rightContent  ul li {background:url(images/arrow_bullet.gif) top left no-repeat; padding: 0 0 10px 20px; margin-left: 6px;}
#rightContent  ul ul li { background:none; padding: 0; margin-left: 5px; font-size:12px; }

#normal-list  ul li { background:transparent none repeat scroll 0 0;
margin-left:20px;
padding-left:4px;
}
#normal-list  ul{
	list-style-type:disc;
}
#rightContent  ul li a {color: #339900;}

#reasons  ul li {background:url(images/arrow_bullet.gif) top left no-repeat; padding-left: 24px; margin-left: 6px;}
#reasons  ul li a {color: #339900;}

a.strong:link, a.strong:visited {font-weight: bold; font-family:Verdana, Arial, Helvetica, sans-serif; color: #339900; text-decoration:none;}
a.strong:hover {text-decoration: underline;}

a.strongWhite:link, a.strongWhite:visited {font-weight: bold; font-family:Verdana, Arial, Helvetica, sans-serif; color: #ffffff; text-decoration:none;}
a.strongWhite:hover {text-decoration: underline;}

a.link-italic {color: #cc6600; font-style:italic; font-size: 12px; background: url(../images/horizDots.gif) bottom left repeat-x; text-decoration:none;}

.pullQuote {font-size: 1.0em; font-style:italic; color: #0076be;}
.pullQuoteOwner {font-size: .8em;; color: #666666;}

STRONG {font-weight: bold;}

#tableContent {color: #6699cc; font-family:Geneva, Arial, Helvetica, sans-serif;}

TABLE.tableNumbers{text-align: center; font-family:Geneva, Arial, Helvetica, sans-serif; font-size: .8em;}

.cert {font-size: .8em;}

ol { list-style:decimal; margin: 0px 0px 12px 30px;}

.imgLeft {float: left; border: none; padding-right: 8px;}

.submitButton {
	border: solid 1px #F00;	
}

#bulletList ul {margin-left: 12px;}
#bulletList ul li {list-style: circle}

TEXTAREA {border: 1px solid #cccccc;}
TEXTFIELD {border: 1px solid #cccccc;}
INPUT {border: 1px solid #cccccc;}
INPUT.submitButton {border: none;}

body.mceContentBody {
	background-color:#FFF;
	background-image:none;
}