/* Start of CMSMS style sheet 'navigation' */
/**
 * Nav
 */
#container #nav{
	height: 36px; 
	width: 857px;
	background: url(/images/nav_sprite.gif) no-repeat;
	margin: 0;
	padding: 0;
}
#container #nav li span{
	display: none;
}
#container #nav li, #container #nav a {
height:36px;
display:block;
}
#container #nav li{
	float: left;
position: relative;
}
#nav #nav1{
	width: 253px;
}
#nav #nav1 a:hover{
	background: url(/images/nav_sprite.gif) 0px -36px no-repeat;
}
#nav #nav2{
	width: 135px;
}
#nav #nav2 a:hover{
	background: url(/images/nav_sprite.gif) -253px -36px no-repeat;
}
#nav #nav3{
	width: 105px;
}
#nav #nav3 a:hover{
	background: url(/images/nav_sprite.gif) -388px -36px no-repeat;
}
#nav #nav4{
	width: 117px;
}
#nav #nav4 a:hover{
	background: url(/images/nav_sprite.gif) -493px -36px no-repeat;
}
#nav #nav5{
	width: 71px;
}
#nav #nav5 a:hover{
	background: url(/images/nav_sprite.gif) -610px -36px no-repeat;
}
#nav #nav6{
	width: 176px;
}
#nav #nav6 a:hover{
	background: url(/images/nav_sprite.gif) -681px -36px no-repeat;
}
#container #nav li ul{
position: absolute;
top: 32px;
display: none;
margin: 0;
z-index: 3;
}
#container #nav li:hover ul, #container #nav li.over ul{
display: block;
}
#container #nav li ul li{
clear: left;
font-size: 12px;
height: 33px;
text-align: center;
margin: 0;
padding: 0;
/*z-index: 100;
position:relative;*/
}
#container #nav li ul li a{
background: url(/images/nav_bg_repeater.gif) repeat-x;
height: 33px;
line-height: 33px;
padding: 0 10px;
}
#container #nav li ul li a:hover{
background: url(/images/nav_bg_repeater_hi.gif) repeat-x;
color: white;
}
#container #nav #nav2 ul li a{
width: 135px;
}
#container #nav #nav4 ul li a{
width: 117px
}
#container #nav #nav5 ul li a{
width: 117px
}
/* End of 'navigation' */

/* Start of CMSMS style sheet 'refresh' */
*{
	margin: 0;
	padding: 0;
	border: 0;
	list-style-type: none;	
	font-family: Arial, Helvetica, sans-serif;
}

body{
	background: #b5e0c1 url(/images/body_bg.gif) repeat-x;
	font-size:62.5%;
}

/**
 * 	Elements
 */
a:link, a:visited{
	color: #144782;
	text-decoration: none;
}
a:active, a:hover{
	color: #ff6600;
	text-decoration: underline;
}
h1{
	color: #008C7D;
	/*line-height: 80%;*/
	margin-top: 0px;
	font-size: 1.2em;
}

h2{
	color: #144782;
	font-size: 1.1em;
	font-weight: bold;
}
h4{
color: #144782;
font: normal normal bold 1.3em/normal arial;
margin: 5px 0px;
}
h5{
color: #1667A2;
font: normal normal bold 1.5em/normal arial;
}
.inner ul{
	margin-left: 30px;
}
/**
 * Utilites
 */
.clear{
	clear: both;
}
.left{
	float: left;
}
.right{
	float: right;
}
.center{
margin: auto;
text-align: center;
}
img.right{
	padding: 0 0 5px 5px;
}
img.left{
	padding: 0 5px 5px 0;
}

/**
 * Template
 */
#container{
	width: 857px;
	margin: auto;
	text-align: left;
z-index: 0;
}
#container #header{
	height: 114px;
	background: url(/images/header_bg.gif) no-repeat;
}
#container #header #tcot_logo{
	width: 165px;
	height: 86px;
	background: url(/images/tcot_header_logo.gif) no-repeat;
	margin-left: 70px;
	text-indent: -99999px;
}

#container #content{
	background: url(/images/content_bg.gif) repeat-y;
	min-height:500px;
        height:auto !important;
        height:500px;
        z-index: 0;
}
#container #footer{
	height: 49px; 
	background: url(/images/footer_bg.gif) no-repeat;
	clear: both;
	font-size: 1.1em;
	padding: 15px 35px;
}
#container #footer p{
	float: left;
}

#underfoot {
clear:both;
height:40px;
margin: 10px auto;
width:855px;
text-align: center;
line-height: 200%;
color: #144782;
}



/**
 * Home
 */
.home #content .colL{
	float: left;
	width: 516px;
	padding: 14px 0 0 32px;
        z-index: 0;
}
.home #content .colR{
	float: left;
	width: 279px;
	padding: 5px 22px 0 8px; 
}

.home .colLBotL{
	float: left;
	width: 354px;
	margin: 3px 10px 0 0;
}

.home .colLBotR{
	float: left;
	width: 144px;
	margin-top: 3px;
        text-align: center;
}

/**
 * Containers
 */
.callout{
	width: 277px;
	margin-top: 5px;
}
.callout_top{
	height: 9px;
	background: url(/images/callout_top.gif) no-repeat;
	overflow: hidden;
}
.callout_mid{
	background: url(/images/callout_mid.gif) repeat-y;
}
.callout_content{
	width: 251px;
	margin: 0 5px;
	padding: 5px 10px 0 5px;
	background: url(/images/callout_content.gif) repeat-x;
	min-height:58px;
    height:auto !important;
    height:58px;
	font-size: 1.1em;
}
.callout_content h1{
	padding-left: 6px;
}
.callout_content p{
	padding: 5px 6px;
}
.callout_links{
	font-size: 0.9em;
	color: #144782;	
	text-align: right;
	clear: both;
}
.callout_bottom{
	height: 9px;
	background: url(/images/callout_bottom.gif) no-repeat;
	overflow: hidden;
}
.callout_publications{
	background: url(/images/callout_publications.jpg) no-repeat;
	height: 77px;
	width: 187px;
	padding: 15px 68px 15px 20px;
	margin: 5px 0;
	font-size: 1.1em;
}
.callout_publications h2{
	margin-top: 5px;
}
.callout_publications .callout_links{
	margin-top: 5px;
}
#tips_from_texans li{
	background: url(/images/quoteL.gif) no-repeat;
	margin: 5px 0;
	padding: 3px 0 0 25px;
	font-family: Georgia,"Times New Roman",Serif;
	font-style: italic;
	font-size: 1.1em;
}

#tips_from_texans li span{
	display: block;
	font-style: normal;
	font-size: 0.9em;
}



/**
 * Buttons
 */
.go_btn{
	display: block;
	width: 43px;
	height: 23px;
	background: url(/images/btn_go.jpg) no-repeat 0 0;
	margin: 35px 0 0 99px;
	outline: none;
}

.go_btn:hover{
	background-position: 0 -23px;
}

.widget_btn{
	display: block;
	width: 99px;
	height: 21px;
	background: url(/images/btn_widgets.gif) no-repeat 0 0;
	outline: none;
	margin: 0 20px;
}

.widget_btn:hover{
	background-position: 0 -21px;
}

.subscribe_btn{
	display: block;
	width: 150px;
	height: 21px;
	background: url(/images/btn_updates.gif) no-repeat 0 0;	
}

.subscribe_btn:hover{
	background-position: 0 -21px;
}

/**
 * Other
 */

input[type=text]{
border: 1px solid #144782;
}


/**Legacy styles **/
#pcontent p {
margin:0;
}
.inner p, .inner ul, .inner ol {
font:1.2em/140% arial;
}

.title-text {
font-size:18px;
}

.inner #content{
padding: 20px;
}

.inner h1{
margin-bottom: 10px;
}

ul.bulleted li{
list-style-type:disc;
}

.inner ul  {
line-height:150%;
list-style:none outside none;
}

#kidsContainer li {
padding-bottom:11px;
}

.callout_190_259{
background: url(/images/bg_callout_190x259.jpg) no-repeat;
height: 219px;
padding: 20px;
text-align: left;
width: 150px;
}

#storyForm input[type=text], #storyForm textarea{
	border: 2px inset;
	margin-top: 2px;
}

#storyForm p
{
	margin: 4px 0;
}

#tip_o_the_week{
background: url(http://www.takecareoftexas.org/images/tips_BG.gif) no-repeat;
height: 150px;
margin-top: 0px;
padding: 15px 0pt 0pt 10px;
position: relative;
width: 235px;
}

#tip_o_the_week p{
	line-height: 110%;
	width: 210px;
}

#closeBut, a.nyroModalNext{
float: right;
color: #fff;
}

a.nyroModalPrev{
color: #fff;
}

#nyroModalTitle{
color: #F60;
}

.error{
color: red;
font-size: 1.1em;
font-weight: bold;
}

#why_right{
width: 280px;
float: right;
text-align: center;
}

#pledgeForm td{
padding: 5px;
}

#pledgeForm p{
margin-bottom: 4px;
}

#pledgeForm .even, #pledgeForm .even input{
background-color: #EBF5E8 ;
}

#pledgeForm .odd, #pledgeForm .odd input{
background-color: #AED0D6 ;
}

#pledgeForm .odd input[type=text], #pledgeForm .even input[type=text]{
border: none;
}

#confirmPledge, #freeSticker, #yardcare_kit{
margin-right: 5px;
}

select{
border: 1px solid #144782;
}

#get_involved_table{
font-size: 11px;
}
ol{
margin: 8px 0 8px 30px;
}
ol li{
list-style-type: decimal;
padding: 8px 0 0 0;
}
/* End of 'refresh' */

