@import url("reset.css");

/* Global Styles
--------------------------------------------------------------------------------------------------- */

* {margin:0; padding:0;}

body {
	color:#FFFFFF;
	background:#DBDBFF;
	margin:40px;
	font:normal 12px/1.2em "lucida grande", arial, sans-serif;

}

p {
	font:normal 12px/15px "lucida grande", arial, sans-serif;
	}

a { 
	text-decoration:underline;
	font-weight: bold;
	color: #ADD6AD;
}


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

hr {
	width: 100%;
	color: #fffff;
	display: block;
}

blockquote {
  font: normal 12px/15px "lucida grande", arial, sans-serif;
	color: #ffffff;
	width: 80%;
	padding: 0px 20px 0 20px;
	border: 1px solid #ffffff;
	border-left: 4px solid #ffffff;
	background-color: #ADD6AD;
	margin-bottom: 20px;
	clear: both;
}

#blockquote a {color: #339933;}

blockquote p {
	margin-bottom: 0;
	padding: 10px 0;
	font-weight: bold;
}

strong {font-weight: bold;}

.inside #content h2, .inside h3 {
	font-size: 20px;
	line-height: 1.5em;
	margin-bottom: .7em;
	font-weight: bold;
}

.inside h3 {color: #336699; font-weight: bold;}

.inside h4 {
  font-weight: bold;
	font-size: 16px;
	line-height: 1.5em;
	margin-bottom: .7em;
}

/* Primary Divisions
--------------------------------------------------------------------------------------------------- */


#container {
margin:0px auto;
width: 760px;
background:white;
border-bottom:4px solid white;
}

#wrapper {
width:752px;
margin:0 auto;
background:#339933 url(gfx/pg_bg.gif) no-repeat bottom right;
padding-bottom:150px;
}

body#home #wrapper {
padding:0;
}

#header {
width:760px;
height:207px;
background:url(gfx/header.jpg) no-repeat top left;
}

#header h1 a {
display:block;
width:300px;
height:200px;
text-indent:-9999px;
}

#content {
width:441px;
margin:15px 40px 0px 0px;
color:white;
float:right;
position:relative;
}


body#home #cloud {
	position: relative;
}

/* Welcome Box
--------------------------------------------------------------------------------------------------- */

#welcome {
width:445px;
background:#FFFFFF url(gfx/welcome-bottom.gif) no-repeat bottom center;
padding-bottom:9px;
text-align:left;
color:#336699;
margin: 0 0 15px 0;
}

#welcome h2 {
display:block;
height:32px;
text-indent:-9999px;
background:url(gfx/repl_welcome.gif) no-repeat top left;
margin:0;
}

#welcome p {
margin:0 10px 10px 10px;
}

#welcome a {
 text-decoration: underline;
 font-weight: bold;
 color: #336699;
}

/* Keyword box
--------------------------------------------------------------------------------------------------- */


#keyword_wrap {
width:205px;
background:url(gfx/keyword_bot.gif) no-repeat bottom center;
padding-bottom:12px;
margin: 0 0 30px 0;
text-align:left;
float: right;
}

#sidebar #keyword_wrap {
  float: none;
  margin: 15px auto;
}


#content #keyword_wrap h2, #sidebar #keyword_wrap h2 {
display:block;
width:205px; height:33px;
text-indent:-9999px;
background:url(gfx/keyword_top.gif) no-repeat top left;
margin-bottom: 0;
}

#keyword_wrap p {
background:url(gfx/keyword_bg.gif) repeat-y top center;
padding-bottom:12px;
padding: 0 10px 10px 10px;
}

#content #keyword_wrap p, #sidebar #keyword_wrap p {
margin-bottom: 0px;
}

#searchform {
 background: url(gfx/keyword_bg.gif) repeat-y top center;
}

.search #searchform {background: none;}

#searchform #searchField {margin: 0 5px 6px 10px}

/* Topic box
--------------------------------------------------------------------------------------------------- */


#topic_wrap {
width:205px;
background:url(gfx/topic_bot.gif) no-repeat bottom left;
padding: 0 30px 12px 0;
margin: 0 0 30px 0;
text-align:left;
float: left;
}

#sidebar #topic_wrap {
	float: none;
  margin: 15px auto;
	padding: 0 0 12px 0;
}	

#content #topic_wrap h2, #sidebar #topic_wrap h2 {
display:block;
width:205px; height:33px;
text-indent:-9999px;
background:url(gfx/topic_top.gif) no-repeat top left;
margin-bottom: 0;
}

#topic_wrap p {
background:url(gfx/topic_bg.gif) repeat-y top center;
padding: 0 10px 10px 10px;
}

#content #topic_wrap p {
margin-bottom: 0px;
}

/* Content
--------------------------------------------------------------------------------------------------- */

#content h2 {
margin-bottom:20px;
line-height: 25px;
}

body#home #content h2 {
margin:0;
}

#content h3, #content h3 a {
	font-weight: bold;
	font-size: 16px;
	color: #dddd37;
}

#content h3 {line-height: 1.3em;}

#content h4 {
	line-height: 25px;
}

#content dt {
font-weight:bold;
font-size:13px;
margin:12px 30px 5px 0;
border-top:1px dashed white;
padding-top:5px;
width:425px;
}

#content dd {
font-size:11px;
margin:0 30px 7px 0;
}

#content p {
margin-bottom: 15px;
line-height: 1.5em;
}

#content ul {
	list-style: outside disc;
	margin: 0px 10px 10px 20px;
	padding-left: 5px;
}

#content ol {
	list-style: outside decimal;
	margin: 0px 10px 10px 20px;
	padding-left: 5px;
}

#content li {
	padding: 3px 0px;
	line-height: 1.5em;
}

#content .center {
	text-align: center;
}

#content .right {
	text-align: right;
}

#content .left {
	text-align: left;
}

#content img.right {
	float: right;
	padding: 10px 0px 10px 20px;
}

#content img.left {
	float: left;
	padding: 10px 20px 10px 0;
}

.list-wrap {margin-bottom: 25px;}

p.summary-more {text-align: right;}
p.summary-more span {font-size: 8px;}

/* Sidebar
--------------------------------------------------------------------------------------------------- */

#sidebar {
float:left;
width:270px;
}

#sponsoredby, #social-planning {
  width:205px;
  background: #ffffff url(gfx/sidebar-bottom.gif) no-repeat bottom center;
  padding-bottom:12px;
  margin:15px auto;
}

#social-planning {padding-bottom: 30px;}

#sponsoredby {color: #666633;}

#social-planning {color: #339933;}

#sidebar a {
	text-decoration: underline;
	font-weight: bold;
}

#sidebar #sponsoredby a {color: #666633;}

#sidebar #social-planning a {color: #339933;}

#sponsoredby h2, #social-planning h2 {
display:block;
width:205px; height:33px;
text-indent:-9999px;
}

#social-planning h2 {background:url(gfx/repl_social-planning-council.gif) no-repeat top left;}
#sponsoredby h2 {background:url(gfx/repl_sponsored-by.gif) no-repeat top left;}

#sidebar p {
padding: 0 10px 10px 10px;
}


/* Form styles
--------------------------------------------------------------------------------------------------- */

#topic_wrap form select, #keyword_wrap form select {
margin-top:7px;
width:140px;
clear:both;
}

#topic_wrap form input, #topic_wrap form input {
margin-top:7px;
width:110px;
clear:both;
}

#topic_wrap form input.button, #keyword_wrap form input.button {
width:55px;
margin-left:4px;
}


/* Footer
--------------------------------------------------------------------------------------------------- */

#footer {
width:760px;
margin:0 auto;
text-align:center;
color:#339933;
font-size:11px;
padding: 5px;
}

#footer ul#nav {
float:left;
}

#footer ul#nav li {
display:inline;
}

#footer p.credit {
float:right;
text-align:right;
}

#footer a {
color:#339933;
text-decoration: none;
font-weight: normal;
}

/* Clear Fix
--------------------------------------------------------------------------------------------------- */
.clear { clear: both; }

.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac *