/*   
Theme Name: LACA Foundation
Theme URI: http://www.lacafoundation.org
Description: primary template design for the laca foundation website
Author: Ryan Stewart
Author URI: http://www.eleven21.com
Date Created: 10 April 2006
.
generated by csscreator.com
.
*/
html, body{ 
padding:0; 
text-align:center;
font-family: verdana, arial, helvetica, sans-serif;
background: #fafafa;
margin: 0;
background-image: url(/wp-content/themes/laca/images/bg-003.gif);
} 
a img{
border: 0;
}
a:link{
color: #c64;
text-decoration: underline;
}
a:hover{
text-decoration: none;
}
a:active{
color: #bc4;
}
a:visited{
color: #4ab;
}
#border{
width: 770px;
/*background-image: url(/wp-content/themes/laca/images/border-bg.gif);
*/
background-repeat: repeat-y;
background-color: #fff;
margin: auto;
}
#pagewidth{ 
width:770px; 
text-align:left;  
margin-left: auto;
margin-right: auto;
border-left: solid 1px #ccc;
border-right: solid 1px #ccc;
} 
 
#header{
position:relative; 
background-color:#fff; 
width:100%;
padding-top: 10px;
}
img#logo{
margin-left: 10px;
}

p#mission{
margin: 10px;
background-image:url(http://lacafoundation.org/wp-content/themes/laca/images/laca-logo-60x60.png);
background-repeat: no-repeat;
height: 60px;
padding-left:65px;
font-size: 11px;
margin-top: 0;
font-size: 14px;
}
#wrapper{
margin: 0;
background: #fff;
padding-bottom: 14px;
}
#wrapper img.right{
float: right;
margin-left: 14px;
border: solid 1px #999;
padding: 5px;
background: #fcfcfc;
}
#wrapper img.left{
float: left;
margin-right: 14px;
border: solid 1px #999;
padding: 5px;
background: #fcfcfc;
}

ul#navigation{
float: right;
margin: 0;
}
ul#navigation li.mainmenu{
list-style-type: none;
float: left;
padding: 5px 15px;
font-family: trebuchet ms;
color: #fff;
text-align: center;
border-left: solid 2px #fff;
text-transform: lowercase;
font-size: 16px;
}

ul#navigation li ul.submenu{
position: absolute;
left: 0;
width: 698px;
margin-top: 5px;
/* changes made for ie fix */
margin-left:0px;
padding:0px;
width:770px;
/* end changes made for ie fix */
}
ul#navigation li ul#off li{
list-style-type: none;
display: none;
float: right;
padding: 3px 8px;
font-style: oblique;
font-size: 14px;
margin: auto;
}
ul#navigation li ul#on li{
list-style-type: none;
display: block;
float: right;
padding: 3px 8px;
font-style: oblique;
font-size: 14px;
margin: auto;
}

li#about{
background: #12A9C9;
}
li#projects{
background: #4BB600;
}
li#involve{
background: #F62F0D;
}
li#press{
background: #F7941D;
}
li#contact{
background: #662D91;
}
#masthead{
clear: both;
background: #12A9C9;
height: 90px;
/*background-image: url(http://eleven21.com/laca/images/about-3.jpg);*/
background-repeat: no-repeat;
background-position: bottom left;
border-top: solid 24px #12A9C9;
}
#masthead div#wp_quotes{
float: right;
width: 380px;
margin: 0;
margin-top: 15px;
padding: 10px 50px;
text-align: center;
color: #fff;
font-size: 12px;
line-height: 130%;

}
#leftcol h2,
#maincol h2,
#onecol h2,
#gencol h2{
font-family: trebuchet ms, sans-serif;
margin: 10px 15px 0 15px;
}
#sidebar h2{
font-family: trebuchet ms, sans-serif;
margin: 10px 15px 0 15px;
font-size: 18px;
color: #12A9C9;
}
#onecol h2,
#gencol h2,
#gencol h3{
margin: 0 15px;
padding-top: 10px;
}
#gencol h3 a:link,
#gencol h3 a:visited{
font-family: trebuchet ms, sans-serif;
color: #562;
text-decoration: none;
}
#gencol h3 a:hover{
color: #18A;
}
#leftcol h2{
color: #562;
}
#maincol h2,
#onecol h2,
#gencol h2{
color: #12A9C9;
}
#leftcol p,
#maincol p,
#onecol p,
#onecol h4,
#gencol p,
#gencol embed,
#gencol table,
#sidebar p,
#onecol ul,
#leftcol ul,
#maincol ul,
gencol ul,
sidebar ul{
line-height: 150%;
font-family: georgia, serif;
font-size: 12px;
text-align: justify;
margin: 15px 15px;
}
#onecol h4{
font-size: 18px;
}
#leftcol{
width:45%; 
float:left; 
position:relative; 
background-color:#fff; 
}
 
#maincol{
background-color: #FFF8E9;  
float: right; 
display:inline; 
position: relative; 
width:55%;
}
#gencol{
width: 70%;
float: left;
}
#others,
#articles{
background: #EAFBFF;
border: solid 1px #12A9C9;
margin: 15px;
padding: 5px;
}
#others h4{
font-family: trebuchet ms, verdana, helvetica;
margin: 0;
color: #1188AA;
}
#others ul,
#articles ul{
margin: 0;
}
#others ul li,
#articles ul li{
margin: 5px;
font-size: 12px;
}
#sidebar{
width: 29%;
float: right;
background-color: #ffd; 
border-left: solid 1px #fc9;
border-bottom: solid 1px #fc9;
}
#footer{
height:46px; 
background: #12A9C9; 
clear:both;
} 
#footer p{
font-family: verdana, helvetica, arial, sans serif;
font-size: 11px;
color: #fff;
text-align: center;
padding-top: 8px;
margin-right: 135px;
}
#footer p a{
color: #fff;
}

form#contact{
margin: 5px 15px;
}
form#contact textarea,
form#contact input{
width: 200px;
font-family: georgia, times new roman, serif;
font-size: 14px;
color: #662D91;
margin: 5px 0;
}
form#contact input.button{
color: #333;
width: 150px;
}

p#whichnewsletter,
.pinned{
background: #ffd;
border: solid 3px #fc9;
padding: 5px;
text-align: center;
}

table#educationtable{
border: solid 8px #f3f3f3;
}
table#educationtable td{
border: solid 1px #999;
padding: 3px;
}
tr.tablehead{
background: #FFF8E9;
font-weight: bold;
font-size: 120%;
color: #333;
}
/* SIDEBAR STYLES */
#sidebar p.title{
margin-bottom: -10px;
font-family: verdana, arial, helvetica;
font-weight: bold;
}
p.title a:link,
p.title a:visited{
text-decoration: none;
color: #c64;
}
p.title a:hover{
color: #4ab;
text-decoration: underline;
}

#projectMap{
margin: 10px;
}

 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  

#donateTab{
float: right;
margin-right: 10px;
background: #4BB600;
padding: 8px;
color: #fff;
font-size: 11px;
font-weight: bold;
}
#donateTab a{
color: #fff;
text-decoration: none;
}
#donateTab:hover{
background: #12A9C9;
}
div#articles{
display: none;
}
 
#host{
float: left;
}
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}