/******
DEFAULTS

Do not modify these defaults except to specify proper fonts
******/

* {
	margin: 0;
	padding: 0;
}

html, body, form, fieldset, div, table, tr, td, img {
	border: none;
}

h2, h3, h4, h5, h6, p, pre, blockquote, 
ul, ol, li, dl, dd, address, hr {
	margin: 1em 0;
	border: none;
}

li, dd, blockquote {
	margin-left: 2em;
}

/* fonts */

body {
	font: 12px/1.4 arial,helvetica,sans-serif;
	color: #666;
}

input, select, textarea {
	font: 11px/1 arial,helvetica,sans-serif;
}

/******
TEXT BASICS

These declarations can be freely modified to suit the design and
color scheme. Other common text elements should be added here.
******/

h1 {
	font-family:Arial, Helvetica, sans-serif;
	color:  #407aa9;
	height: 25px;
    margin-top:  1px;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align:middle;
	background: transparent;
}
h2 {
    color: #407aa9;
}
h3	{
	color: #666666;
}
h2 {
font-family:georgia,sans-serif,arial;
font-weight:normal;
margin:0.75em 0;
font-size:26px;
}
h3 {
    margin: .6em 0;
    font-size: 1.2em;
}
a {
    outline: none;
    text-decoration: none;
    font-weight: bold;
	color: #407aa9;
}
a:hover {
    text-decoration: underline;
}
hr {
    border: none;
    color: #ccc;
    background: #ccc;
    height: 1px;
}


/******
IMAGES/MEDIA

These declarations support the styles included in image.tmpl, 
video_clip.tmpl, audio_clip.tmpl, and flash_clip.tmpl.
Do not delete.
******/

img,
object {
    display: block;
}
img.inline {
    display: inline;
}
div.pic small {
    font-weight: bold;
    font-size: 10px;
    line-height: 1.2;
}
div.video,
div.audio,
div.flash {
    margin: 1em 0;
}
div.align-c {
    margin: 1em auto;
}
div.align-r {
    float: right;
    margin: 0 0 1em 1em;
}
div.align-l {
    float: left;
    margin: 0 1em 1em 0;
}
div.align-f {
    margin: 0;
}
div.border {
    border: 1px solid #000;
    padding: 2px;
}


/******
TABLES

Basic declarations for display of tabular data. Modify as needed
******/

td, th {
    padding: 2px 5px;
}
th {
    text-align: left;
}
tr {
    vertical-align: top;
}


/******
FORM BASICS

These styles are used extensively on many forms and often on stub forms
in category.tmpl. Do not delete, but you can modify for look and feel. Most
other form-specific styles are in forms.css.
******/

form div.formrow {
    margin: 6px 0;
}
form label {
    display: block;
    font-weight: bold;
}
form label.inline {
    display: inline;
    font-weight: bold;
}
form input {
    vertical-align: middle;
}
form input.submit {
    margin: 1em 0;
    font-weight: bold;
    overflow: visible; /* removes extra space beside text in IE Win 5.5+ */
    padding: 1px 2px;
}
form input.submit.inline {
    margin: 0;
}
form span.req {
    font-weight: bold;
    color: red;
}


/******
UTILITY CLASSES

Many of these utility declarations are used in the reference template sets.
Feel free to add your own but do not delete any of the following.
******/

.odd {
	background: #ccc;
}
.even {
	background: #fff;
}
.padded {
	padding: 1px 10px;
}
.nomargin {
	margin: 0;
}
.margintop {
	margin-top: 1em;
}
.margintoponly {
	margin: 1em 0 0 0;
}
.marginbottom {
	margin-bottom: 1em;
}
.marginbottomonly {
	margin: 0 0 1em 0;
}
.amp {
    font-style: italic;
}
.comments {
    padding-left: 15px;
    background: url('../images/comment.gif') no-repeat;
}

/* these will need to be adjusted to fit the content space */

.leftcell {
	width: 280px;
	padding: 0 10px 0 0;
	float: left;
}

.leftcellcustom {
	width: 240px;
	padding: 0 0px 0 0;
	float: left;
}

.rightcell {
	width: 280px;
	padding: 0 0 0 0px;
	float: left;
}

/* These declarations are used for technorati-style rounded-corner boxes and dividers. Fixes for IE6 are in /assets/ie6.css. */

.boxc {
    position: relative;
}
.boxc b.cn {
    height: 10px;
    width: 10px;
    position: absolute;
}
.boxc b.tl {
    top: -1px;
    left: -1px;
    background-position: left top;
}
.boxc b.tr {
    top: -1px;
    right: -1px;
    background-position: right top;
}
.boxc b.bl {
    bottom: -1px;
    left: -1px;
    background-position: left bottom;
}
.boxc b.br {
    bottom: -1px;
    right: -1px;
    background-position: right bottom;
}

/* specific looks for different classes of round boxes */

.round_std {
    padding: 1px 20px;
    background: #ccc;
}


/******
LEADINS AND STORY LISTS

Basic declarations for display of default leadins and story lists. Modify as needed,
here or in story-type-specific stylesheets.
******/

.archivebox,
.eventbox,
.rssbox,
.jsonbox {
    margin: 1em 0;
}

.leadin,
.archiveitem,
.archiveboxitem,
.eventitem,
.eventboxitem,
.rssboxitem,
.jsonboxitem {
    margin: 0 0 1em;
}
.leadin .img,
.archiveitem .img,
.archiveboxitem .img,
.eventitem .img,
.eventboxitem .img {
    float: left;
    margin-right: 10px;
}
.leadin h3.title,
.archiveitem h3.title,
.archiveboxitem h3.title,
.eventitem h3.title,
.eventboxitem h3.title,
.rssboxitem h3.title,
.jsonboxitem h3.title {
    margin: 0;
}
.leadin p,
.archiveitem p,
.archiveboxitem p,
.eventitem p,
.eventboxitem p,
.rssboxitem p,
.jsonboxitem p {
    margin: 0;
}


/******
HACKS

These hacks are used extensively in the reference template set and other sets built from it.
Do not delete. Some IE-specific declarations are in conditional comments in category.tmpl
******/

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

.ir {
	margin: 0;
	padding: 0;
	text-indent: -8888px; /* Phark image replacement */
}


/******
SITE STRUCTURE

These styles are used to support the layout of category.tmpl. By default,
the styles to support the reference site are provided. Modify as needed.
******/

body {
	background-color: #ccc;
}

#container {
	margin: 0 auto;
	width: 960px;
}

#top {
	height:177px;
	width:960px;
	background-image:url('../images/web%20banner%20master%20v4.png');
	position:relative;
}

#signup_box {
    position: absolute;
    top: 7em;
    left: 785px;
}
#signup_box_email {
    width: 140px;
}
#signup_box_zip {
    width: 90px;
}

#middle {
    background: #fff;
}
#content {
    padding: 10px 20px;
    width: 523px;
    float: left;
}

/******
Styles for JS social bookmarking script
******/

#bookmarks {
    padding-left: 10px;
    float: right;
}
#bookmarks2 {
	margin: 0.5em 0 0;
    float: left;
}

.bookmark_list 
    display: inline-block;
    float: left;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

.bookmark_list li {
    margin: 0px;
    padding: 2px;
    width: 16px;
    height: 16px;
    float: left;
}
.bookmark_list li.share {
    width: auto;
    line-height: 18px;
    font-size: 10px;
    color: #666;
}
.bookmark_list a {
    width: 100%;
}
.bookmark_list span {
    display: inline-block;
    width: 16px;
    height: 16px;
}
.bookmark_list img {
    border: none;
}

#sidebar {
    padding: 0 5px 0 10px;
	margin-bottom: 10px;
    width: 181px;
    float: left;
}
#sidebar_nav {
    display:block;
    position: relative;
	margin: 0;
	font-size: 15px;
	z-index: 10;
}
#sidebar_nav a	{
	color: #fff;
	font-family: avenir, arial, sans-serif;
	font-weight: normal;
}

#sidebar_nav ul {
    margin: 0;
	list-style-image: none;
	list-style-position: outside;
	background: RGB(33,43,119);
	list-style-type: none;
	margin-left: -10px;
	padding-right: 30px;
	margin-right: -5px;

}
#sidebar_nav ul ul {
    position: absolute;
    left: -999em;
	background: #dcdcdc;
    border: 1px solid #ccc;
    z-index: 32767;
}
#sidebar_nav li:hover ul, #sidebar_nav li.over ul {
    z-index: 32767;
	top: 0;
	left: 12em;
}
#sidebar_nav li {
    margin: 0;
    position: relative;
	text-transform: uppercase;
	color: #fff;
	cursor: default;
	border: none;
}
#sidebar_nav li a,
#sidebar_nav li strong {
    width: 161px;
    display: block;
	text-decoration: none;
	line-height: 30px;
}
#sidebar_nav li:hover	{
	color: #ffffcc;
}
#sidebar_nav li li a,
#sidebar_nav li li strong {
    padding: 5px 10px;
    width: 161px;
    height: auto;
    display: block;
    line-height: 1;
    color: #333;
    border-bottom: 1px solid #cccccc;
	text-transform: uppercase;
}
#sidebar_nav li li a:hover {
    text-decoration: none;
	color: #ffffcc;
	background: #666;
}
#sidebar_nav li li.last a {
    border-bottom: none;
}

#imagebar{
    padding: 0 px 0 0px;
	margin-bottom: 10px;
    width: 180px;
    float: right;
}

#imagebar_first{
	padding-top:1px;
}

#imagebar_pic{
	padding-top:5px;
}

#Middle_Picture{
    padding: 0 0px 0 5px;
	margin-bottom: 10px;
    width: 560px;
}

#middle_about_kim{
	padding:0px 0px 0px 10px;
	margin-bottom: 10px;
    width: 553px;
}

#meet_kim_fawcett{
	padding:5px 190px 0px 196px;
	position:absolute;
	left:196px;
    width:560px;
    text-align:center;
}

#meet_kim_fawcett_top{
	margin-left:205px;
	margin-right:190px;
	}

#meet_kim_fawcett_below_picture{
	margin-left: 200px;
	margin-right: 190px;
}

#KimInTheNews{
	height:450px;
	margin-left:205px;
}

#KimContactForm{
	margin-left: 205px;
    width:750px;
}

#VideoCoolIris {
	padding: 0 0 0 35px;
}

#getinvolved	{
	margin-left:205px;	
}

#GetInvolvedForm{
	padding:5px 190px 0px 196px;
	left:205px;
    width:650px;
}

#get_involved	{
	margin-left:98px;
    width:560px;
    margin-bottom: 10px;
}

#nav0	{
    height: 30px;
    padding: 0 10px;
    border-bottom: 1px solid #fff;
}

#nav1	{
    height: 27px;
    padding: 0 10px;
    border-bottom: 1px solid #fff;
}

#nav2	{
    height: 27px;
    padding: 0 10px;
    border-bottom: 1px solid #fff;
}

#nav3	{
    height: 27px;
    padding: 0 10px;
    border-bottom: 1px solid #fff;
}

#nav4	{
    height: 27px;
    padding: 0 10px;
    border-bottom: 1px solid #fff;
}

#nav5	{
    height: 27px;
    padding: 0 10px;
    border-bottom: 1px solid #fff;
}

#nav6	{
    height: 28px;
    padding: 0 10px;
}


#sidebar_bottomnav	{
	margin:0;
	background: url('../images/side_bg02.gif') repeat-x;
	text-transform: uppercase;
}
#sidebar_bottomnav ul	{
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin:0;
}
#sidebar_bottomnav li	{
	border-bottom: 1px solid #fff;
	margin: 0;
	padding: 5px 10px;
	font-size: 15px;
	font-family: arial, sans-serif, georgia;
}
#sidebar_bottomnav	a	{
	color: #fff;
	font-family: avenir, arial, sans-serif;
	font-weight: normal;
	text-decoration: none;
}
#sidebar_bottomnav li a:hover	{
	color: #ffffcc;
}
#sidebar_bottomnav li.last	{
	border-bottom: none;
}

#sidebar_bottom	{
	margin:0;
	padding: 0;
}
#sidebar_bottom ul	{
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin:0;
}
#sidebar_bottom li	{
	border-bottom: 2px solid #a58080;
	margin: 5px 0;
	padding: 0;
}
	
/* sidebar option */
.tell_us	{
	margin: 10px 0;
}
#sidebar_right {
    padding: 0 10px;
    width: 181px;
    float: left;
}
#sidebar_right .archiveboxitem	{
	border-bottom: 2px solid #cccccc;
	margin: 5px 0;
	padding: 0 10px;
}

/* facebook */
#facebook2 {
	margin-top: 35px;
}

/* Get Involved Divs*/
#FormSelection1	{
	width: 200px;
}

#FormSelection2	{
	width:200px;
}


/* bottom_nav */

#bottom_nav {
    padding: 0 15px;
    min-height: 46px;
    line-height: 46px;
    background: #fff;
	border-top:4px solid #ccc;
}
#bottom_nav ul {
    margin: 0;
    list-style: none;
	text-transform: uppercase;
}
#bottom_nav li {
    margin: 0;
    display: inline;
}
#right_info	{
	float: right;
	margin: 1em 0;
}
#middle_info	{
	float: left;
	padding-left: 10px;
}
#left_info	{
	float: left;
	margin:1em 0;
}

#friends_of_fawcett	{
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 0;
	margin-right: 0;
	margin-top: 1em;
	margin-bottom: 0;
}

/* community */

#bookmarks_bottom {
    padding:10px 0;
    float: right;
}
#bookmarks_bottom ul   {
    margin: 0;
    float: left;
    list-style: none;
    font: 10px bold "helvetica neue",helvetica,arial,verdana,sans-serif;
    text-align: center;
}
#bookmarks_bottom ul li        {
    margin: 0;
    padding: 0;
    float:left;
    display:inline;
    border-right: none;
}
#bookmarks_bottom a        {
    color:#333333;
}

#bottom {
    padding: 0 15px 15px 15px;
    background: #ccc;
}
#bottom .info {
    padding: 1px 10px;
    color: #545454;
    font-size: 10px;
    font-weight: bold;
    line-height: 1.4;
}
#bottom a {
	color: #cc0000;
}


/******
These declarations are used for the breadcrubs and multilingual links
below the main nav.
******/
#breadcrumbs {
	margin: 10px 0;
	float: left;
	padding: 0 10px;
	min-height: 30px;
	line-height: 30px;
	background: url('../images/tools_bg.gif') repeat-x;
	text-transform:uppercase;
	width: 734px;
}
#breadcrumbs a {
	color: #407AA9;
}
#social_networks {
	margin: 0 0 1.5em 0;
}
#social_networks a {
	color: #407AA9;
}

/* page tools */

ul#tools {
	margin: 0;
	list-style: none;
	float: left;
}

ul#tools li {
	margin: 0 0 0 8px;
	font-size: 11px;
	float: left;
	line-height:30px;
}
ul#tools a {
    padding: 0 0 0 28px;
    display: block;
    min-height: 33px;
	color: #707070;
	text-transform: none;
}
li#emailtool a {
	background: url("../images/email_tool.png") no-repeat 0 50%;
}
li#printtool a {
	background: url("../images/print_tool.png") no-repeat 0 50%;
}

/******
These declarations are used for the stub forms in #sidebar.
******/

#login_box_email {
	width: 120px;
}
#login_box_password {
	width: 120px;
}
#logout {
	display: none;
}

/* action buttons adapted from email */

#actionbuttons {
    height: 32px;
    list-style: none;
    background: url('../images/action_buttons.gif');
}
#actionbuttons li {
    margin: 0;
    float: left;
}
#actionbuttons li a {
    display: block;
    height: 32px;
    width: 170px;
}
#actionbuttons #btn_signup {
    padding-right: 7px;
}
#actionbuttons #btn_tell {
    padding-right: 6px;
}


/************* No Show Joe ***************/


#sidebar_j	{
	padding: 0 3em 0 10px;
	margin-bottom: 10px;
    width: 231px;
    float: left;
}
#sidebar_j .sidebar_thermo	{
	width: 231px;
	height: 476px;
	background: url('../images/joe_thermometer.jpg') no-repeat;
}
#content_j	{
	    padding: 10px 5em 10px 10px;
	    width: 613px;
	    float: right;
}
#bottom_j	{
	margin: 10px 0;
}
#bottom_j p	{
	text-align: center;
	color: #000;
	border: 1px solid #000;
	margin: 0 auto;
	width: 210px;
	padding: 2px 5px;
}

/************* Rick's Additions ***************/


.blogtext	{
	color:black
}

#issues_body	{
	margin-left: 205px;
    width: 720px;
}

.featurephoto1	{
	margin:0px 10px 0px 0px;
	padding:8px;	
}

.featurephoto2	{
	margin:0px 10px 15px 0px;
	padding:18px;	
}

.middle_get_involved	{
	padding:0px 0px 0px 8px;
	margin-bottom: 10px;
    width: 553px;
    text-align:center;
}

.getinvolvedbody	{
	margin-left:200px;
    width:560px;
    margin-bottom: 10px;
}

.middlesection_about_kim{
	padding:0px 0px 0px 10px;
	margin-bottom: 10px;
    width: 553px;
}