html {margin: 0; padding: 0;}
body {margin: 0; padding: 0; text-align: center; background: #aaa repeat-y top center;}
body.iframe {margin: 0; padding: 0; text-align: left; background:#fff; background-image: none; overflow-x:hidden;}
iframe {border: 0; margin: 0; padding: 0; overflow-x: hidden;}

body, div, td, th, h1, h2, h3, h4 { /* redundant rules for bad browsers  */
  font-family: Arial, Helvetica, sans-serif;
	font-size:    x-small;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: small;
	color: #333;
}

/* Navigation */

#global_nav {
	height:34px;
	font-size:1.1em;
	position:relative;
	left:-40px;
	}
	
.nav {
	position:relative;
	top:-15px;
	width:750px;
	background:url(/page/-/images/common/buttons/nav_bckgnd.gif) top left repeat-x;
	}

#global_nav	li {
	display:inline;
	text-align:left;
	text-indent:-5000em;
}

#global_nav	li a {
	color: #000;
	height:33px;
	display:block;
	float:left;	
}

#global_nav	li.home a{
	background:url(/page/-/images/common/buttons/edu_home_btn.gif) top left no-repeat;
	width:98px;
}

#global_nav	li.issues a{
	background:url(/page/-/images/common/buttons/edu_issues_btn.gif) top left no-repeat;
	width:98px;
}

#global_nav	li.donate a{
	background:url(/page/-/images/common/buttons/edu_donate_btn.gif) top left no-repeat;
	width:98px;
}
#global_nav	li.pm a{
	background:url(/page/-/images/common/buttons/edu_pm_btn.gif) top left no-repeat;
	width:196px;
}

#global_nav	li.home a:hover, #global_nav li.issues a:hover,
#global_nav	li.donate a:hover,
#global_nav	li.pm a:hover
{
	background-position:0px -34px;
}

  
td {vertical-align: top; border:none; margin: 0; padding: 0;}

#container {width: 750px; margin: 0 auto; padding: 0; background: #a5b3c3; height:100%;  }
#container2 {width: 750px; margin: 0 auto; padding: 0; background: #a5b3c3; height:100%;  }

#contentContainer {margin: 0; padding: 0px 6px 0 7px; text-align: left; position:relative; top:-15px; height:100%; background: #a5b3c3;}
body.nopadding #contentContainer {margin: 0; padding: 0; text-align: left;}
#contentContainer table {margin: 0 auto; padding: 0;}
#contentContainer table td#pageHeader {width: 750px; text-align: left; padding-bottom: 5px;}
#contentContainer table td#left {width: 190px; text-align: left; background: #ff0 url(/page/-/ins/39.gif) repeat-y;}
#contentContainer table td#center {width: 330px; background: #fff url(/page/-/ins/9.gif) repeat-y;}
#contentContainer table td#right {width: 220px; text-align: left; background: #fff url(/page/-/ins/58.gif) repeat-y;}
div.clear {clear: both; line-height: 0; margin: 0; padding: 0;}

/* HEADER
----------------------------------------------- */
#header {margin: 0 auto 0 auto; padding: 0px; width: 750px; background: #a5b3c3; border-top: 0px; text-align: center; }

#banner {height: 97px; width: 750px; background: url(/page/-/images/header.jpg) no-repeat; padding: 0 0 0 0; margin: 0 0 0 0; position: relative; text-align: center;}
#banner a#home {display: block; position: absolute; height: 97px; width: 750px; top: 0; left: 0px; background: transparent;}

#search {}
#search form {position: absolute; height: 25px; width: 228px; top: 5px; left: 580px; padding: 0; margin: 0;}
#search label {display: none;}
#search input {margin-right: 3px;}
#search input.text {border: 1px solid #ccc; font-size: 10px;}
#search input.buttonImg {vertical-align: middle; margin-bottom: 2px; background: transparent;}

/* HOMEPAGE CENTER
----------------------------------------------- */
#centerContent {margin: 0 10px;}
#centerContent #centerPhoto {margin: 0; padding: 0;}
#centerContent #centerHeadline {background: #ccc; margin: 0; padding: 1px 10px;}
#centerContent #centerHeadline p {margin: 0; font-weight: bold;}
#centerContent #centerMain {margin: 0 10px;}

#mainBlockWrapper {
	float:left;
	width:527px;
	margin: -10px 10px 0px 10px;
	background: #a5b3c3;
	height:100%;
	}

#mainWrapper {
	
	}

#mainBlockTop {
	height:15px;
	background-image:url(/page/-/images/edu_largetop.gif);
	background-repeat:no-repeat;
	}

#mainBlock {
	background-color:#FFFFFF;
	margin-left:5px;
	text-align:left;
	}

#mainBlockBottom {
	height:15px;
	background-image:url(/page/-/images/edu_largebottom.gif);
	background-repeat:no-repeat;
	}
	
#sidebarWrapper {
	float:right;
	width:200px;
	padding: 0px 10px;
	background: #a5b3c3;
	}

#sidebarTop {
	height:15px;
	background-image:url(/page/-/images/edu_smalltop.gif);
	background-repeat:no-repeat;
	}

#sidebar {
	background-color:#FFFFFF;
	}

#sidebarBottom {
	height:15px;
	background-image:url(/page/-/images/edu_smallbottom.gif);
	background-repeat:no-repeat;
	}
	

#jobbank {
	background-image:url(http://progressmichigan.org/page/-/images/common/buttons/jobbank.gif);
	background-position:top left;
	background-repeat:no-repeat;
	padding-top:100px;
	padding-left:13px;
	height:273px;
	}


/* SIDE COLUMNS
----------------------------------------------- */
#leftWrapper, #rightWrapper {margin: 0 10px 0 10px; text-align: left;}
#leftWrapper h3, #rightWrapper h3 {color: #fff; font-size: 12px; font-weight: bold; margin: 0 0 2px 0; background: #bbb; text-align: left; padding: 4px;}
#rightWrapper h4 {margin:0;padding:0;font-size:.8em;}
#rightWrapper p {margin:0 0 8px 0;padding:0;}
div.sideBlock {margin: 0 5px; padding: 0;}
div.sideBlock p {margin-top: 0; margin-bottom: 1.1em;}

h3#action {
	background:transparent url(/page/-/images/common/action_header.jpg) left 0px no-repeat;
	text-indent:-5000em;
	margin:0px 0px 20px 10px;
	height:28px;
	}
	
h3#news {
	background:transparent url(/page/-/images/common/news_header.jpg) left 0px no-repeat;
	text-indent:-5000em;
	margin:0px 0px 0px 8px;
	height:28px;
	}
	
h3#about {
	background:transparent url(/page/-/images/common/about_header.jpg) left 0px no-repeat;
	text-indent:-5000em;
	margin:0px 0px 20px 8px;
	height:28px;
	}
	
h3#issues {
	background:transparent url(/page/-/images/common/issues_header.jpg) left 0px no-repeat;
	text-indent:-5000em;
	margin:0px 0px 20px 8px;
	height:28px;
	}
	

/* BLOG
----------------------------------------------- */
div.title {font-size:1.1em !important;}


/* FOOTER
----------------------------------------------- */
#footer{
	background:#a5b3c3 url(/page/-/images/common/footer_bg.gif) top left repeat-x;
	height:90px;
	line-height:20px;
	font-size:12px;
	color:#FFFFFF;
	width:750px;
	margin:0px auto;
	clear:both;
}


/* TYPOGRAPHY
----------------------------------------------- */
/* Created by Owen Briggs, Explanation at: http://www.thenoodleincident.com/tutorials/typography/ */

body {font-family: verdana, arial, helvetica, sans-serif;	color: #000; font-size: 44%;/* font sizing in ems, baby. if you want to change anything, just change this.*/
     /* To see how they look across browsers, go to: http://www.thenoodleincident.com/tutorials/typography/incremental_differences.html */}
     
a img {border: 0;}     
a:link {text-decoration: none; font-weight: bold; color: #063C89;}
a:visited {text-decoration: none; font-weight: bold; color: #063C89;}
a:active {}
a:hover {text-decoration: underline;}

h1 {font-size: 1.5em;}

ol, li {font-size: .9em; line-height: 1.4em; margin-top: 0.8em; margin-bottom: 0.4em;}
p {font-size: .9em; line-height: 1.5em; margin-bottom: 1.2em;}
blockquote {font-size: .90em; line-height: 1.4em; margin: 1.2em 3em 1.2em 3em; text-align: justify;}
li > p {margin-top: 0.2em;}
pre {font-family: monospace; font-size: 1.0em;}
strong, b {font-weight: bold;}
td {vertical-align: top;}
pre {clear: both; background-color: #EFF6FE; border: 1px solid #005BB5; text-align: center; margin: 0 10px; padding: 0 5px 5px 5px; font-size: 11px;}

img {border: 0;}
.clear {clear: both; height: 0;}
.floatl {float: left; margin: 0; padding: 0 10px 10px 0;}
.floatr {float: right; margin: 0; padding: 0 0 10px 10px;}
.center {text-align: center;}

/* FORM ATTRIBUTES
----------------------------------------------- */
form {margin: 0;}
form p, form label {font-size: 10px; margin: 0; padding: 1px; line-height: 1.2em;}
select {font-size: 10px;}
input, textarea {background: #fff; font: 11px "lucida grande", verdana, lucida, arial, helvetica, sans-serif; line-height: 1.1em;}
input.button {cursor: pointer; background: #343434; border: solid 1px #000; color: #fff;}
label {padding: 0px; font: 11px "lucida grande", verdana, lucida, arial, helvetica, sans-serif; line-height: 1.1em;}


#toolWrapper {margin: 0px auto; padding: 10px 0 10px 0; width: 748px; background: #DDD url(/page/-/ins/tools-top.jpg) no-repeat center top;}


body#bodyHome #contentContainer table td#left {width: 524px; text-align: center; background: #EAE8E8 url(/page/-/ins/4.gif) repeat-y;}
body#bodyHome #contentContainer table td#right {width: 220px; text-align: left; background: #fff url(/page/-/ins/7.gif) repeat-y;}
body#bodyHome #contentContainer table td#right .sideBlock p {font-size: .8em;}

body#bodyHome #contentContainer table td#left .homeBlock a {color: #A50000;}
body#bodyHome #contentContainer table td#left .homeBlock h5 a {color: #063C89;}

body#bodyHome #contentContainer table td#left h3 {clear: both;}

.homeBlock {
	clear:none;
	padding:0px 30px 0px 10px;
}
.homeBlock h4 {margin: 0;}
.homeBlock h5 {margin: 2px 0 8px 0;}

#homeBlockItems {}
#homeBlockItemsPic {float: left; margin: 10px 0 0 10px;}

#homeBlockBooks {width: 235px; float: left; margin: 0px 10px 0px 10px; display: inline} /* display:inline to fix IE doubling margin bug */
#homeBlockPoints {width: 235px; float: left; margin: 0px 10px 0px 0px; display: inline}

#homeRecentItems  {width: 480px; margin: 0 auto;}
#homeRecentItems td {text-align:left; padding-right:10px;vertical-align: bottom;}
#homeRecentItems td.date {font-size: .9em; color: #777;width:35px;}
#homeRecentItems td.descriptor {font-size: .9em; font-weight: bold;width:80px;white-space:nowrap;}
#homeRecentItems td.headline {font-size: .9em;}

#myHeader {margin: 5px; padding: 5px 5px; border-top: 4px solid #ccc; border-right: 1px solid #ccc; border-bottom: 2px solid #666; border-left: 1px solid #ccc;}
#myHeader table {width: 100%;}
#myHeader span.myprogress {font-size: 1.2em; color: #063C89; font-weight: bold; margin-right: 8px;}
#myHeader span.prefix {font-size: .9em; color: #555; margin-right: 2px;}
#myHeader span.username {font-size: 1.05em; color: #063C89; font-weight: bold;}
#myHeader span.levelname {font-size: 1em; color: #AB0000; font-weight: bold; margin-right: 8px;}
#myHeader span.points {font-size: 1.2em; color: #063C89; font-weight: bold;}
#myHeader span.pointsSub {font-size: .9em; color: #063C89; font-weight: bold; margin-right: 4px;}

#myContentLeft {padding: 0; width: 380px; background: #fff; line-height: 1.1;}
#myContentLeftHeader {background: url(/page/-/ins/54.jpg) no-repeat; padding: 10px 5px 10px 10px; font-size: 1.4em; color: #063C89; font-weight: bold;}
#myContentLeftWrap {background: #fff url(/page/-/ins/51.gif) repeat-y; padding: 0 16px 0 14px;}
#myContentLeftFooter {background: #fff url(/page/-/ins/53.jpg) no-repeat; padding: 0; margin: 0; height: 30px;}

#myContentRight {padding: 0; width: 380px;}
#myContentRightWrap {background: #fff url(/page/-/ins/55.gif) repeat-y; padding-left: 4px; padding-right: 6px;}
#myContentRightFooter {background: #fff url(/page/-/ins/56.jpg) no-repeat; padding: 0; margin: 0; height: 30px;}

.myContentBlock {/*background: #fff;*/ margin: 0px; padding: 0px; position: relative;text-align:left !important;}
.myContentBlock h3 {background: #999; padding: 3px 6px 0px 6px; color: #fff; font-size: 1em; margin: 0; height: 18px; /* line-height: 1.2em; vertical-align: bottom;*/}

.myContentBlock h3 img {vertical-align: middle;}

.myContentBlock .myContentActions {position: absolute; top: 1px; right: 18px; vertical-align: middle; height: 16px; padding: 0;}
.myContentBlock .myContentActions input {vertical-align: middle;}


/* old version: .myContentBlock .myContentActions a {display: inline; height:20px; width:20px; font-weight: bold; margin: 0; padding: 0;}*/
.myContentBlock .myContentActions a:hover {background: #ddd; font-weight: bold; margin: 0; padding: 0;}

.myContentBlock .myContentBlockContent {padding: 10px 6px; margin: 0;text-align:left !important;line-height: 1.1;}

.myContentBlockContent p {margin-top: 0; line-height: 1.2em;}
.myContentBlockContent p.title {margin-bottom: 0; color: #063C89; font-weight: bold; padding: 0; line-height: .8em;}
.myContentBlockContent p.timestamp {color: #666; margin-bottom: 6px;}
.myContentBlockContent .floatr, .myContentBlockContent .floatl {position: relative;} /* IE bug fix http://www.positioniseverything.net/explorer/peekaboo.html */

#eventsLeft {padding: 0; width: 210px; background: #fff; line-height: 1.1;}
#eventsLeftWrap {background: #fff url(/page/-/ins/18.jpg) repeat-y; padding: 0 4px 0 6px;}
#eventsLeftFooter {background: #fff url(/page/-/ins/19.jpg) no-repeat; padding: 0; margin: 0; height: 30px;}

#eventsRight {padding: 0; width: 550px;}
#eventsRightHeader {background: url(/page/-/ins/15.jpg) no-repeat; padding: 10px 5px 10px 10px; font-size: 1.4em; color: #063C89; font-weight: bold;}
#eventsRightWrap {background: #fff url(/page/-/ins/16.jpg) repeat-y; padding-left: 14px; padding-right: 11px;}
#eventsRightFooter {background: #fff url(/page/-/ins/17.jpg) no-repeat; padding: 0; margin: 0; height: 30px;}
#aboutDetail { padding: 4px 5px 4px 5px; font-size:14px;text-align:left !important;}