*{
margin:0; padding:0;
}

body{
color:#999;
background-color:#000;
font-family: Verdana, sans-serif;
font-size: 11px;
}

/* contains entire page */
#container{
position:relative;
width:780px;
margin:20px auto;
padding:0 15px 0px 15px;
}

/* navigation bar */
#nav{
width:780px;
}

/* sfpc title bar */
#title{
float:left; 
line-height: 20px;
}

/* menu links english */
#menu{
float:right;
}

/* menu links spanish */
#menu2{
float:right;
}

/* body contents */
#main{
position:relative;
clear:both;
width:780px;
margin:40px auto;
}

/* paragraph text */
p{
line-height:15px;
padding:0 0 5px 0;
margin:0 0 13px 0;
text-align:left;
}

/* links */
#box10{
left:185px;
width:225px;
position:relative;
}

p.upper{
margin:3px 0 145px 0;
}

img{
border:0;
}

/* links style */
a {  color: #669933; text-decoration: none}
a:hover {  color: #CC0000; text-decoration: none}

/* headline text */
h1{
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
}

/* main box headline text */
#main h1{
padding:0 0 20px 0;
}

/* title headline text */
#title h1 a{
font-size: 19px;
}

/* menu links english */
#menu ul{
display:inline;
list-style:none;
}

/* menu links spanish */
#menu2 ul{
display:inline;
list-style:none;
}

/* menu links english */
#menu ul li{
margin:0 14px;
line-height:10px;
float:left; 
}

/* menu links spanish */
#menu2 ul li{
margin:0 11px;
line-height:10px;
float:left; 
}

.box{
text-align:left;
width:80px;
position:absolute;
}

/* home page text english */
#box1{
left:185px;
width:225px;
}

/* home page text events */
#box12{
left:185px;
width:225px;
top:155px;
}

/* home page text spanish */
#box2{
left:185px;
width:232px;
top:250px;
}

/* home page big image */
#box3{
left:440px;
}

/* home thumbnails english */
#box4{
left:10px;
width:35px;
}

/* home thumbnails spanish */
#box5{
left:10px;
width:35px;
top:250px;
}

/* home thumbnail text english */
#box6{
left:50px;
width:200px;
}

/* home thumbnail text spanish */
#box7{
left:50px;
top:250px;
width:200px;
}

/* projects and posters thumbnail text */
#box8{
left:315px;
width:500px;
top:35px;
}

/* projects and posters thumbnails */
#box9{
left:270px;
width:35px;
top:35px;
}

/* images for banners, billboards, etc pages */
#sidebar{
float:left; clear:both;
text-align:center;
width: 400px;
min-height:600px;
margin:0 40px 0 0;
}

/* campaigns image */
#sidebar2{
float:left; clear:both;
text-align:center;
width: 225px;
min-height:1000px;
margin:0 20px 20px 0;
}

/* class and events image */
#sidebar3{
float:left; clear:both;
text-align:center;
width: 225px;
min-height:700px;
margin:0 20px 20px 0;
}

/* events image */
#sidebar4{
float:left; clear:both;
text-align:center;
width: 225px;
min-height:300px;
margin:0 20px 20px 0;
}

/* margin for sidebar */
#sidebar img{
margin:0 0 13px 0;
}

/* margin for scrollbar */
#scrollbar img{
margin:0 0 5px 0;
}

.left{
float:left;
}

.right{
float:right;
}

/* scrollbar thumbnails */
#scrollbar{
float:left; clear:both;
text-align:center;
height:465px; width:160px;
margin:10px 20px 240px 0;
overflow-x:hidden;
overflow-y:scroll;
}

/* scrollbar thumbnails enlarged */
#bigimage{
float:left;
display:block;
margin:15px 15px 15px 0;
}

/* text for enlarged scrollbar thumbnails */
#bigimagetext{
padding:15px 0 0 0;
}