/*
     Created by Alexander Hommel
	  
	  Web: www.in-bloom.org
	  E-Mail: design@in-bloom.org
*/

* { padding: 0; margin: 0; }

a img, :link img, :visited img {	border: 0;}

/*ol, ul {
	list-style: none;
	line-height: 1.5em; 
	margin: 15px 0px 15px 30px; 
	font-size: 1.3em;
}*/

.floatleft { float: left; }
img.floatleft {margin: 0 20px 10px 0;}
object.floatleft {margin: 0 20px 10px 0;}
.floatright { float: right; }
img.floatright {margin: 0 0 10px 20px;}
.clear { clear: both; }
.fineline {border-top: 1px dotted #646464; margin: 10px 0;}
.bold {font-weight:bold;}
img.center {text-align: center; margin: 10px 25px;}

label {float: left; font-size: 1.2em; margin:5px;}
input, select, textarea {float: right; margin:5px;}


body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 62.5%;
 background: #c8d9e4 url(images/body-bg.jpg) top repeat-x;
 }

#wrapper { 
 min-height: 100%;
 height: auto !important;
 height: 100%;
 margin: 0 auto -100px;
 width: 960px;
}

#header { width: 100%; height: 50px;}

#logo {
 float: left;
 width:270px;
 font-family: Georgia;
 font-size: 1.5em;
 color:#fff;
 margin:5px 0;
}

#logo h1 {font-weight: lighter;}
#logo a {color:#fff; text-decoration:none;}

.luc {color: #0077c6;}

#navigation {
 float: right;
 width: 690px;
 font-family: Georgia;
}

#nav, #nav ul{
margin:10px 0;
padding:0;
list-style-type:none;
list-style-position:outside;
position:relative;
line-height:2.5em; 
}

#nav a{
display:block;
padding:0px 20px;
border:1px solid #08181c;
color:#c8d9e4;
text-decoration:none;
background-color:#08181c;
font-family: Georgia;
font-size: 1.8em;
}

#nav a:hover, #nav a.active{
background-color:#c8d9e4;
color:#08181c;
}

#nav li, #nav ul li, #nav ul ul li{
float:left;
position:relative;
margin: 0;
}

#nav ul {
position:absolute;
width:12em;
top:1.6em;
}

#nav li ul a{
font-family: Arial, Helvetica, sans-serif;
font-size:1.2em;
margin:0;
width:9.5em;
height:auto;
float:left;
}

#nav ul ul{
top:auto;
}	

#nav li ul ul {
/*left:12em;*/
margin:0;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
display:none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
display:block;
}


#feature {
 width: 100%;
 height: 350px;
 margin-bottom: 0;
 padding-top: 45px;
 background: url(images/feature-bg.jpg) top no-repeat;
}

#content {
 width: 100%;
 min-height: 150px;
/* height: 350px !important*/
margin-top: 30px;
 padding-bottom: 150px;
 color:#08181c;
}

#content a {color: #0077c6; text-decoration: none;}
#content a:hover, #content a.active {text-decoration: underline;}

#content h1 {font-family: Georgia; font-size: 1.8em; color:#08181c; margin: 10px 0; }
#content h2 {font-family: Georgia; font-size: 1.8em; color:#08181c; margin: 10px 0 0 30px; }
#content h3 {font-family: Arial; font-size: 1.2em; font-weight: bold; color:#08181c; margin: 10px 0; }


#content ul {line-height: 1.5em; margin: 15px 0px 15px 30px; font-size: 1.2em;}

#footer { 
 width: 100%;
 clear: both;
 font-size: 1em;
 line-height: 2em;
 color: #c8d9e4;
 height: 100px;
 background-color: #08181c;
 text-align: center;
 border-top: 1px solid #dae5ed;  
}

#footer a {color: #0077c6; text-decoration: none; }
#footer a:hover {text-decoration: underline;}

.push {
	height:100px;
}

/* index site properties */

#obama {
 width: 100%;
 height: 300px;
 background: url(images/obama.jpg) top no-repeat;
 border: 5px solid #08181c;
}

#intro {
 float: right;
 width: 300px;
 margin: 30px;
 color: #fff;
}

#intro p {font-size: 1.3em; font-weight: bold; margin: 0 0 10px 0; text-align: justify;}

.left-column {
 float: left;
 width: 260px;
 margin: 0 0 10px 30px;
}

.middle-column {
 float: left;
 width: 320px;
 margin: 0 0 10px 30px;
}

.middle-column object {
	margin: 30px 0 0 20px;
}

.right-column {
 float: right;
 width: 260px;
 margin: 0 30px 10px 0;
}

#action {
 list-style-type:none;
 font-family: Georgia;
 margin: 30px 0;
/* padding: 0;*/
}

#action li {margin: 15px 0;  font-size:1.6em; line-height: 2em; height: 35px; padding:0 0 0 40px;}

#action li.form {background: url(images/form.png) no-repeat 0px 3px; }
#action li.budget {background: url(images/money.png) no-repeat 0px 3px;}
#action li.course {background: url(images/course.png) no-repeat 0px 3px;}
#action li.contact {background: url(images/contact.png) no-repeat 0px 3px;}
#action li.faq {background: url(images/faq.png) no-repeat 0px 3px;}

#polaroid {width: 800px; height: 360px; margin: 20px auto; margin-bottom:0;}
#polaroid h1 {text-align: center; margin-top:20px;}

/* Sub site properties */ 

#berkeley {
 width: 100%;
 height: 300px;
 background: url(images/berkeley.jpg) top no-repeat;
 border: 5px solid #08181c;
}

#ucsd {
 width: 100%;
 height: 300px;
 background: url(images/ucsd.jpg) top no-repeat;
 border: 5px solid #08181c;
}

#ucla {
 width: 100%;
 height: 300px;
 background: url(images/ucla.jpg) top no-repeat;
 border: 5px solid #08181c;
}

#left-navi {float: left; width:250px;}
#left-navi ul.sub-navi {margin:10px 0px;  list-style-type:none;}
#left-navi ul.sub-navi li {margin:0; padding:0 0 1px 0;}

#left-navi ul.sub-navi li a {
 display: block;
 width: 120px;
 padding: 5px 10px;
 color: #005e9c;
 background: #d7e7f1;
}

#left-navi ul.sub-navi li a:hover, #left-navi ul.sub-navi li a.active {
 color: #d7e7f1;
 background:#005e9c;
 text-decoration:none;
}

#content .action-top ul {
 list-style-type:none;
}

#content .action-top li { font-family: Georgia; display: inline; margin: 10px 5px;  font-size:1.6em; line-height: 2em;  padding:10px 0 10px 40px;}

#content .action-top li.form {background: url(images/form.png) no-repeat 0px 5px; }
#content .action-top li.budget {background: url(images/money.png) no-repeat 0px 5px;}
#content .action-top li.course {background: url(images/course.png) no-repeat 0px 5px;}
#content .action-top li.contact {background: url(images/contact.png) no-repeat 0px 5px;}
#content .action-top li.faq {background: url(images/faq.png) no-repeat 0px 5px;}

#main-text {
 float: right;
 width: 650px;
 margin: 0 30px 30px 0;
}

#main-text p {
 font-size: 1.2em;
 margin-bottom: 10px;
 text-align: justify;
}

#main-text ul {margin: 10px 0 10px 20px;}

#faq {
 float: left;
 width: 960px;
 margin: 0 30px 30px 0;
}

#faq h1 {
	margin-left: 30px;
}

#faq p, #contact p {
 font-size: 1.2em;
 margin-bottom: 10px;
 text-align: justify;
}

#faq-left, #contact-left {
 float: left;
 width: 400px;
 margin: 10px 0 10px 30px;
}

#faq-right {
 float: right;
 width: 400px;	
 margin: 10px 30px 10px 0;
}

 #contact-right {
 float: right;
 width: 400px;	
 margin: 30px 30px 10px 0;
}

ul.links li {
 list-style-type: none;
 background:url(images/arrow.png)no-repeat 0px 3px;
 padding-left: 20px;
 margin: 5px 0;
}

.left-column-links {
 float: left;
 width: 280px;
 margin: 0 0 10px 30px;
}

.middle-column-links {
 float: left;
 width: 280px;
 margin: 0 0 10px 30px;
}

.right-column-links {
 float: right;
 width: 280px;;
 margin: 0 30px 10px 0;
}

#testimonials-left {
 float: left;
 width: 420px;
 margin: 10px 0 10px 30px;
}

#mail-confirm {
 font-size: 1.2em;
 color:#fff;
}

/* Easy Slider */

	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider, #slider li{ 
		/* 
			define width and height of container element and list item (slide)
			list items must be the same size as the slider area
		*/ 
		width:800px;
		height:350px;
		overflow:hidden; 
		}
	span#prevBtn{}
	span#nextBtn{}					

/* // Easy Slider */