/* ############################################################################# 
	* LFCU Kids Site Style Sheet
	* Version 1.0
	* Designed by: Kristine M. Taylor
   ############################################################################# */




/* ############################################################################# 
	                      Apply to entire page 
   ############################################################################# */


* {
margin:0px;
padding:0px;
vertical-align: top;
}


/* ############################################################################# 
	            Apply to page elements in order of structure 
   ############################################################################# */


body {
background-color:#ffffff;
background-image: url('/images/bg-body.gif');
background-repeat: repeat;
color:#666666;
padding-top:15px;
text-align:left;
font-family: Arial, sans-serif;
font-size: .8em;
margin-bottom: 20px;
}

#wrapper {
background-color:#FFFFFF;
border:2px solid #0066cc;
border-collapse:collapse;
margin:0pt auto;
vertical-align:top;
width:850px;
height:auto;
overflow:hidden;
}

#wrapper #top{
background-color: #ffffff;
overflow:hidden;
height:180px;
width: 850px;
}

#wrapper #masthead {
float:left;
width:850px;
height:auto;
}

#wrapper #top #logo{
float:left;
position:relative;
bottom:0px;
left:130px;
}

#wrapper #content {
float:left;
width:820px;
background-color: #ffffff;
}

#wrapper #content #text{
width:780px;
margin:0 auto;
}

/* ############################################################################# 
	                 Text Elements on Home Page 
   ############################################################################# */

#wrapper #content #text .monthly-contest{
margin-bottom: 20px;
}

#wrapper #content #text .monthly-contest div{
float:left;
}

#wrapper #content #text .monthly-contest p{
clear:left;
}

#wrapper #content #text .play-learn{
margin-bottom: 20px;
float:left;
width: 470px;
}

#wrapper #content #text .play-learn div{
float:left;
width:100px;
margin-left:20px;
margin-right:20px;
}

#wrapper #content #text .separater{
float:left;
padding-left:50px;
}

#wrapper #content #text .kids-survey{
width:200px;
float:right;
}

#wrapper #content #text .kids-survey p{
padding-bottom:0px;
}

#wrapper #content #text .featured-articles{
float:left;
width:370px;
margin-top:5px;
}

#wrapper #content #text .featured-articles div{
float:left;
padding-top:10px;
}

#wrapper #content #text .featured-articles ul{
margin-left:125px;
}

#wrapper #content #text .newsletters{
float:left;
width:320px;
padding-left:60px;
padding-top:6px;
}

#wrapper #content #text .newsletters div{
float:left;
padding-top:15px;
}


#wrapper #footer{
clear:left;
width: 850px;
margin-top:10px;
padding-top:5px;
padding-bottom:10px;
border-top: 2px solid #0066cc;
font-size: .9em;
font-weight:bold;
}

#wrapper #footer ul{
list-style:none;
list-style-image:none;
}

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

#wrapper #footer ul li a{
color: #0066cc;
}



/* ############################################################################# 
	            Apply to Top Navigation on Each Page 
   ############################################################################# */


#navigation {
float:left;
width:850px;
font-size:1.1em;
font-weight:bold;
text-align:center;
padding-top:20px;
padding-bottom: 30px;
height:41px;
background: transparent;
position:relative;
left:10px;
}

#navigation ul {
margin:0pt;
padding:0pt;
width:100%;
}

#navigation ul li {
display:inline;
float:left;
height:40px;
padding-right:20px;
}

#navigation ul li.separ{
padding-top:10px;
width:5px;
}

#navigation ul li img {
margin-top: -5px;
}

#navigation ul li a {
color: #0066cc;
float:left;
padding-top:10px;
padding-left:5px;
text-decoration:none;
}

#navigation ul li a:visited {
color:#0066cc;
}

#navigation ul li a:hover {
color:#009900;
}

#navigation ul li a:active {
color:#0066cc;
}



/* ############################################################################# 
	                   Apply to Normal HTML Elements
   ############################################################################# */


h1 {
font-size:2em;
font-weight:bolder;
text-align:center;
color:#0066cc;
padding: 10px 0px 10px 0px;
}

h2 {
font-size:1.1em;
font-weight:bold;
text-align:left;
color:#0066cc;
padding: 20px 0px 0px 0px;
}

h3 {
font-size:.9em;
font-weight:bold;
text-align:left;
color:#0066cc;
}

h4 {
font-size:1.3em;
text-align:center;
padding-bottom: 20px;
}

img{
border: 0px;
}

div img {
vertical-align:top;
}

td{
vertical-align: top;
padding-bottom: 20px;
}

ul{
list-style-image: url('/images/icon_star.gif');
}

ul li{
line-height: 180%;
}

ul li a{
text-decoration:none;
}

a:visited{
color: #0000FF;
}

p{
padding-top:5px;
padding-bottom: 10px;
}

.text ul li{
padding-bottom: 10px;
}


/* ############################################################################# 
	                       Apply to specific classes 
   ############################################################################# */

.heading{
padding-top: 15px;
text-align:center;
}

.emphasis {
font-size:1.2em;
font-weight:bold;
}

.left {
text-align:left;
}

.center {
text-align:center;
}

.middle{
vertical-align: middle;
}

.right{
text-align: right;
}

.small{
font-size: .9em;
padding-bottom: 20px;
}

.indent{
margin-left: 20px;
padding-bottom: 20px;
}

.red{
color: #FF0000;
}

.spacer{
margin-top: 10px;
margin-bottom: 20px;
}

.colSpacer{
width: 50px;
}

.leftImage{
float: left;
margin: 10px;
}

.rightImage{
float: right;
margin: 10px;
}

.borderImage{
border: 1px solid #000000;
}

.plainList{
list-style: none;
margin-left: 40px;
}

.leftDiv{
float:left;
}