/*******************************************************
TITLE: Fixed One-Column Layout (Basic) V1.0 (Beta)
DATE: 20060418
AUTHOR: The CSS Tinderbox - http://www.csstinderbox.com
*******************************************************/

body {
margin:0em;
padding:0;
height:100%;
color:#333333;  
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:.8em;
background-image:url(/images/wallpaper2.jpg);
}

a {
color:#88b500;
text-decoration:none;
outline:none;
font-weight: bold;
}

a:hover {
color:#678900;
text-decoration:underline;
font-weight: bold;
}

blockquote {
margin:1em;
padding:.5em;
background-color:#eeeeee;

}

blockquote p {
margin:.2em;
}

img.centered{display: block; margin: 0 auto 0;}
p{margin-bottom:0.5em;}

#centerColumn { 
margin:0;
padding:0;
width:790px;
text-align:justify;
vertical-align: left;	
background-color:#fff;
background-image:url(/images/sidebarbig.gif);
background-repeat: repeat-y;
 border-right: 1px solid #ccc;
  border-left: 1px solid #ccc;
}

#centerColumn h2 {
font-size:16px; line-height:20px; color:#000;
}



#imageright{
float:right;
border:0;
margin:1em;
text-decoration:none;
}

#imageright img{
border:0;
text-decoration:none;
}


#classdesc {
color:blue;
line-height:1.5em;
}



#header {
margin:0;
padding:0 0 0 0;
height:244px;
background-image:url(/images/header2.jpg);
text-align:center;
}

#header h1 {
margin:0 0 0 0;
padding:0 0 0 0.9em;
font-size:1.5em;
letter-spacing:.1em;
}

#header h2 {
margin:0 0 0 0;
padding:1em 0 0 0.9em;
font-size:.9em;
font-weight:300;
letter-spacing:.1em;
}

#fauxCenterColumn {
margin:0 20px 0 210px;	
padding:0;
min-height: 500px;
}

#fauxCenterColumn h2{
font-size:1.5em;
}


#fauxLeftColumn {
	float:left;
	margin:.5em 2em 0 .5em;
	padding:0 .7em .25em .7em;
	width:8em;
	text-align:right;
	font-size:1.3em;
	color:#99CC00;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}

#fauxLeftColumn h2 {
margin-bottom:-1em;
font-size:.9em;

}

#fauxLeftColumn ul {
margin:1.5em 0 0 0 !important;
margin:1.5em 0 0 2em;
list-style:none;
}

#fauxLeftColumn li {
margin:0 0 .8em -3em;
}

#fauxLeftColumn li a {
color:#333;
font-size:1.1em;
font-weight:bold;
}

#fauxLeftColumn li a:hover{
color:#99CC00;
text-decoration:none;
}

#fauxRightColumn {
position:relative;
float:right;
margin:2em 1em 0 2em;
padding:1em;
width:10em;
font-size:1em;
color:#ffffff;
background-color:#99CC00;


}

#fauxRightColumn h2 {
font-size:1.3em;
margin:0;
margin-bottom:1em;
padding:0;
color:#ffffff;
}

#fauxRightColumn ul {
margin:0 0 0 0 !important;
margin:0 0 0 0;
list-style:none;

}

#fauxRightColumn li {
margin:0 0 .2em 0;
margin-left: -2em;
}

#fauxRightColumn li a {
color:#ffffff;
text-decoration:none;
}

#fauxRightColumn li a:hover{
text-decoration:underline;
}

#footer {
position:relative;
bottom:0;
margin-left:150px;
margin-top:1em;
padding:0em;
line-height:4em;
text-align:center;
font-size:.7em;
}

#flickr	{ margin:3em 0 5em 0; position:relative; padding-bottom:30px; }
#flickr img { display:block; float:left; margin-right:14px; padding:2px; border:1px solid #ccc; }
#flickr h1{ font-size:18px; line-height:20px; color:#000; }

div#media h2 {color: #437b00; background: #dfff9e; padding: 0.3em 0.8em;}
div#media img {border: #424242 5px solid;}
div#media p {font-size: 0.9em; margin: 0 0 1em 0; }
div#media table {text-align: left;}
div#media tr td {text-align: center;  padding: 0 1.6em 0 0; vertical-align: top;}
p.mediaitalic {font-size: 0.8em; font-style: italic;}

.alignLeft {text-align:left;}

.instructors li {list-style: circle;}