/* CSS Document 
   Children's Campaign Inc.
   http://www.iamforkids.org
   President: Roy Miller
   Document Author: Andrew Bertino
   Date: May 12, 2008   
*/

/* ----- Color Scheme Hex Values ----- 
	BG Light Blue: #BBB9BE
	Dark Blue: #2C496C
	Red: #DA341D
	Grey: #F0F0F0
   -----------------------------------*/
   

/* ----- General Sytles ----- */

body 
{
	margin: 0px 0px 5px 0px; 
	background-color: #BBB9BE; 
	background-image: url(http://www.iamforkids.org/images/bg.jpg);
}

#page-wrapper
{
	position:relative;
	width: 916px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	border-left: 1px solid #2C496C;
	border-right: 1px solid #2C496C;		
	border-bottom: 1px solid #2C496C;
	font-size: medium;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color: #F0F0F0;
}

a {color: #DA341D}

a:hover {color: #2C496C}

.bold {font-weight: bold;}

#breaking-news-top, #capconnection-top, #publications-top
{
	font-family: Georgia, "Times New Roman", Times, serif;
	padding: 3px 0px 0px 5px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 0.9em;
}	

#breaking-news-middle a, #capconnection-middle a, #publications-middle a {color: #2C496C;}

#breaking-news-list a:hover, #capconnection-middle a:hover, #publications-middle a:hover {color: #DA341D;}

p.form {margin: 0px;}

blockquote
{
	border: 1px solid #CCCCCC;
	background-color: #F0F0F0;
	padding: 5px
}

img.rightFloat 
{
	float: right;
	margin: 5px;
	border: 1px solid #2C496C;
}

img.logo {border: none;}

p.breadcrumbs 
{	
	margin: 10px 0px 0px 0px;
	font-size: 0.8em;
}

/* ----- End of General Styles ----- */


/* ----- Survey Generator Styles --- -*/

p.center, h3.center, h2.center, h4.center {text-align: center;}

.error 
{
	font-size: 0.8em;
	color: #FF0000; 
}

td.submit {text-align: center;}

table.surveyList
{
	border-collapse: collapse; 
	border: 1px solid #000000; 
	margin: 20px auto 0px auto;
}

table.surveyList th
{
	border-right: 1px solid #000000; 
	border-bottom: 1px solid #000000; 
	background-color: #BBB9BE; 
	color: #000000;
}

table.surveyList td
{
	border-right: 1px solid #000000; 
	border-bottom: 1px solid #000000; 
	background-color:#FFFFFF;
	text-align: center;
}

td.submit {text-align: center;}

h3.created 
{
	text-align: center;
	color: #2C496C;
}

table.center 
{
	margin-right: auto; 
	margin-left: auto;
}

.createSurvey
{
	width: 192px;
	height: 22px;
	background-image: url(http://www.iamforkids.org/images/createSurveyButton.gif);
	color: #FFFFFF;
	font-size: 1.2em;
	font-weight: bold;
	margin: 15px auto 10px auto;
	text-align: center;
	padding-top: 2px;
}

.createSurvey a
{
	color: #FFFFFF;
	text-decoration: none;
}

.createSurvey a:hover
{
	color: #FFFFFF;
}

.greyOut 
{
	color: #666666;
	font-size: 0.9em;
}

/* ----- End of Survey Generator Styles ----- *.


/* ----- Header Styles ----- */

#header 
{
	width: 916px;
	background-color: #FFFFFF;
	height: 94px;
	border-bottom: 1px solid #CCCCCC;
}

#logo
{
	width: 219px;
	height: 94px;
	border-right: 1px solid #2C496C;
	float: left;
}

#banner 
{
	width: 696px;
	height: 94px;
	float: right;
	font-family: Georgia, "Times New Roman", Times, serif;
}

#banner img 
{
	border-right: 1px solid #2C496C; 
	float: left; 
	margin-right: 20px;
}

#banner h3 {margin: 0px 0px 12px 0px;}

#banner h3.smallerLink {margin-bottom: 17px;}

#banner a 
{
	font-size: 1.5em;
	font-weight: bold;
	padding-left: 85px;
}

#banner a.smaller
{
	font-size: 1.1em;
	font-weight: bold;
	padding-left: 0px;
}


#header-shadow
{
	background-image: url(http://www.iamforkids.org/images/header-dropshadow.gif);
	background-repeat: repeat-x;
	width: 916px;
	height: 3px;
}

/* ----- End of Header Styles ----- */


/* ----- Left Column Styles ----- */

#left-column
{
	width: 199px;
	height: 100%;
	background-color: #F0F0F0;
	margin-right: 10px;
	float: left;
	padding-left: 10px;
	margin-bottom: 15px;
	padding-top: 15px;
	
}

#help-button
{
	width: 184px;
	height: 43px;
	background: url(http://www.iamforkids.org/images/help-button.gif) no-repeat;
	color: #FFFFFF;
	text-align: center; 
	font-size: 0.9em;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.3em;
	margin-bottom: 10px;
}

#help-button a
{
	color: #FFFFFF;
	text-decoration: none;
}

#help-button a:hover
{
	color: #FFFFFF;
}

.help-receive 
{
	font-size: 0.8em; 
}

#navigation
{
	padding: 3px 0px 3px 5px;
	margin: 0px 0px 102px 0px;
	font-size: 0.8em;
	height: 180px;
}
	
#navigation a {text-decoration: none;}

#navigation-list 
{
	position:relative;
	margin:0;
	padding:0;
	font-weight: bold;
}

#navigation-list li
{ 
	margin-bottom: 12px;
	list-style: none;
}

#navigation-list a:hover {color:#2C496C;}

#navigation  ul ul
{
	position:absolute;
	left: 40%;
	width: 100%;
	margin: 0px;
	padding: 5px 5px 0px 5px;
	background-color: #FFFFFF;
	border: 1px solid #2C496C;
}

#navigation  ul ul ul
{
	position: absolute;
	left: 47%;
}

#navigation ul ul,
#navigation ul li:hover ul ul,
#navigation ul ul li:hover ul ul
{display: none;}

#navigation ul li:hover ul,
#navigation ul li:hover ul,
#navigation ul ul li:hover ul
{display: block;}

img.voices 
{
	border: 2px solid #2C496C;
	margin: 1px 0px 0px 20px;
}

#breaking-news-top
{
	background: url(http://www.iamforkids.org/images/breaking-news-top.gif) no-repeat;
	width: 194px;
	height: 22px;
	margin-top: 22px;
}

#breaking-news-top a
{
	color: #FFFFFF;
	text-decoration: none;
}


#breaking-news-middle
{
	width: 199px;
	height: 352px;
	background-color: #FFFFFF;
}

#breaking-news-bottom
{
	background: url(http://www.iamforkids.org/images/breaking-news-bottom.gif) no-repeat;
	width: 184px;
	height: 31px;
	font-size: 0.7em;
	font-weight: bold;
	padding-left: 15px;
}

#breaking-news-bottom a
{
	color: #FFFFFF;
	float: left;
	padding-top: 12px;
}

img.rss {margin: 2px 0px 0px 5px;}

#breaking-news-list
{
	padding: 5px;
	list-style: none;
	margin: 0;
	font-size: 0.8em;
}

#breaking-news-list li {margin-bottom: 15px;}

p.right {text-align: right;}

/* ----- End of Left Column Styles ----- */


/* ----- Center Column Styles ----- */

#center-column, #center-column-noRight
{
	width: 470px;
	height: 100%;
	background-color: #F0F0F0;
	margin-right: 25px;
	float: left;
	padding-top: 15px;
}

#whos-for-kids, #whos-just-kidding
{
	width: 458px;
	height: 185px;
	background-color: #FFFFFF;
	border: 1px solid #2C496C;
	padding: 7px 5px 5px 5px;
	font-size: 0.8em;
}

#whos-for-kids h3, #whos-just-kidding-header h3
{
	font-family: Georgia, "Times New Roman", Times, serif; 
	margin: 0px 3px 0px 0px; 
	font-size: 1.0em;
	float: left;
}

#whos-for-kids h3 {color: #2C496C;}

#whos-just-kidding {margin-bottom: 25px;}

#whos-just-kidding-header
{
	width: 465px;
	height: 21px;
	background-color: #2C496C;
	font-style: italic; 
	color: #FFFFFF; 
	padding: 2px 0px 0px 5px;
}

#starlogo 
{
	position:absolute;
	left: 203px;
	top: 100px;
	width: 88px;
	height: 43px;
}

/*
#publications1 
{ 
	margin-right: 10px;
	float: left;
}

#publications2 {float: left;} 

*/

#publications-top
{
	width: 465px;
	height: 22px;
	background: url(http://www.iamforkids.org/images/pubs-top.gif) no-repeat;
}

#publications-middle
{
	width: 460px;
	height: 154px;
	background-color: #FFFFFF;
	padding: 5px;
	font-size: 0.8em;
}

#publications-bottom
{
	background: url(http://www.iamforkids.org/images/pubs-bottom.gif) no-repeat;
	width: 470px;
	height: 10px;
	margin-bottom: 10px;
}

#capconnection-top
{
	width: 465px;
	height: 22px;
	background: url(http://www.iamforkids.org/images/capconnection-top.gif) no-repeat;
	clear: both;
}

#capconnection-middle
{
	width: 460px;
	height: 133px;
	background-color: #FFFFFF;
	padding: 5px;
	font-size: 0.8em;
}

#capconnection-bottom
{
	background: url(http://www.iamforkids.org/images/capconnection-bottom.gif) no-repeat;
	width: 460px;
	height: 28px;
	font-size: 0.7em;
	font-weight: bold;
	color: #FFFFFF;
	padding: 3px 0px 0px 10px;
}

#capconnection-bottom label 
{
	float: left; 
	margin: 4px 5px 0px 0px;
}

#capconnection-bottom label.dash 
{
	float: none; 
	margin: 0;
}

#capconnection-bottom form {margin: 0;}

#content, #content-noRight
{
	width: 448px;
	background-color: #FFFFFF;
	border: 1px solid #2C496C;
	padding: 10px;
	font-size: 0.8em;
	margin-bottom: 15px;
}

#content-noRight {width: 650px;}

#center-column-noRight {width: 671px;}

h2.promises, h3.promises
{
	font-weight: bold;
	text-align: center;
}

h3.promises {color: #2c496c;}

h3.promisesCaps 
{
text-transform: uppercase; 
font-weight: bold;
border-bottom: 1px solid #2c496c;
}

ul.promisesMenu {line-height: 2.0em;}

ul.federal_policy 
{
	margin: 5px 0px 0px 30px; 
	padding: 0px;
}

ul.capital_connection, ul.publications
{
	list-style: none;
	margin: 0px;
	padding: 0px;
}

ul.publications li {margin-bottom: 15px;}

ul.capital_connection li {margin-bottom: 15px;}

td.capital_connection 
{
	padding-left: 10px; 
	vertical-align: top; 
	width: 225px;
}

.joinRed 
{
	color: #FF0000; 
	font-size: 0.8em;
}

table.join th, table.join td 
{
	vertical-align: top; 
	text-align: left;
}

td.joinPromises {font-size: 0.8em;}

table.newsOutlets 
{
	margin-left: auto; 
	margin-right: auto;
}

table.newsOutlets th 
{
	border: 1px solid #2c496c; 
	color: #FFFFFF; 
	background-color: #DA341D;
}

table.newsOutlets td 
{
	vertical-align: top; 
	border: 1px solid #2c496c;
}

.advocacyBold {font-weight: bold;}

.advocacyEdit {font-size: 0.8em;}

.advocacyClosing 
{
	font-size: 0.8em; 
	text-align: center;
}

.publicationSidebox 
{
	background-color: #F0F0F0; 
	border: 1px solid #CCCCCC; 
	float: right; 
	padding: 5px; 
	margin: 5px;
	width: 130px;
}

.pdf 
{
	font-size: 0.8em;
	font-weight: bold;
}

/* ----- End of Center Column Styles ----- */


/* ----- Right Column Styles ----- */

#right-column
{
	width: 192px;
	height: 100%;
	background-color: #F0F0F0;
	float: right;
	padding-right: 10px;
	padding-top: 15px;
}

#right-column form {margin: 0px 0px 11px 0px;}

#right-column input {margin: 0;}

#right-column img {margin-bottom: 11px;}

label.searchtext 
{
	color:  #2C496C; 
	font-size: 0.7em; 
	float: left; 
	padding: 5px 3px 0px 0px;
}

.promise-button
{
	width: 187px;
	height: 19px;
	background-image: url(http://www.iamforkids.org/images/promise-button.gif);
	color: #FFFFFF;
	font-size: 0.7em;
	font-weight: bold;
	margin-bottom: 5px;
	padding: 5px 0px 0px 5px;
}

.promise-button a
{
	color: #FFFFFF;
	text-decoration: none;
}

.promise-button a:hover
{
	color: #FFFFFF;
}

img.promisePic {border: none;}

/* ----- End of Right Column Styles ----- */


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

#footer
{
	height: 65px;
	width: 906px;
	border-top: 1px solid #CCCCCC;
	background-color: #FFFFFF;
	clear: both;
	font-size: 0.7em;
	padding: 10px 5px 10px 5px;
}

#footer .footer-left
{
	text-align: left;
	float: left;
}

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

#footer p {margin: 0px;}

#footer ul
{	
	margin: 0px 0px 5px 0px; 
	padding: 0px 0px 5px 0px;
	list-style: none;
}

#footer li
{
	border-right: 1px solid #2C496C;
	display:block;
	float:left;
	padding: 0px 7px;
}

#footer li.first {padding-left: 0px;}

#footer li.last 
{
	padding-right: 0px; 
	border-right: none;
}

/* ----- End of Footer Styles ----- */