/*
 * general tags
 */

.main {
	background: white;
	
}

.container_12 {
	margin-top: 10px;
	background: white;
}

p {
	font-size: 12px;
	line-height: 20 px;
	font-family: arial, sans-serif;
	color: black;
	margin: 0; padding: 0;
}

ol {
	font-size: 12px;
	line-height: 20 px;
	font-family: arial, sans-serif;
	color: black;
	margin: 0; padding: 0;
}

.bullets ul {
	font-size: 12px;
	line-height: 20 px;
	font-family: arial, sans-serif;
	color: black;
	margin: 0; padding: 0;
}

.plainbullets ul {
	font-size: 12px;
	font-family: arial, sans-serif;
	color: black;
	margin: 0; padding: 0;
}

h1 {
	font-size: 16px;
	letter-spacing: -1px;
	font-family: arial, sans-serif;
	color: black;
	margin: 0; padding: 0;
}

h2 {
	font-size: 14px;
	letter-spacing: -1px;
	font-family: arial, sans-serif;
	color: black;
	margin: 0; padding: 0;
	border-bottom: 1px solid #d1d1d1;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

/*
 * blockquote
 */


blockquote {
	color: black;
	line-height: 21px;
	font-size: 9pt;
	font-style: italic;
	style: inline;
	
}

blockquote strong{
	color: #d1d1d1;
	line-height: 21px;
	font-size: 20pt;
	font-style: italic;
	
}





.courses h2 {
	font-size: 14px;
	letter-spacing: -1px;
	font-family: arial, sans-serif;
	color: black;
	margin: 0; padding: 0;
	border-bottom: 1px solid #d1d1d1;
	padding-bottom: 17px;
	margin-bottom: -5px;
}

.student h2 {
	font-size: 14px;
	letter-spacing: -1px;
	font-family: arial, sans-serif;
	color: black;
	margin: 0; padding: 0;
	border-bottom: 1px solid #d1d1d1;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

a {
	color: black;
	text-decoration: underline;
}

a:hover, selected {
	color: #7e7e7e;
}

li {
	margin-left: 24px
}
	
/*
 * grid tags
 */
	
.grid_12{
	color: black;
	margin-bottom: 30px;
	margin-top: -5px;
}


.grid_4 h3 {
	color: black;
	font-size: 12.5px;
	font-family: arial;
	margin-top: 20px;
	margin-bottom: 0px;
}

.grid_4 h4{
	color: black;
	font-style: italic;
	font-size: 8pt;
	
	font-family: arial;
	margin: 0px; 
}

.grid_4 h6{
	color: black;
	font-size: 8.5pt;
	font-family: arial;
	margin: 0px; 
}







.grid_8 p{
	color: red;
	margin: 0px;
	margin-left: -10px;
	margin-bottom: 10px;
	
}

.grid_8 h3{
	color: black;
	font-size: 8pt;
	font-style: italic;
	margin: 0px;
	margin-left: -10px;
	margin-bottom: 10px;
	
}


.image {
	background: url(../images/photography_01.jpg) no-repeat;
	width: 240px;
	height: 350px;
	color: red;
	padding-left: 0px;
}

/*
 * =banner images
 */

.banner {
	background: url(../images/painting_drawing_banner.jpg) no-repeat;
	width: 960px;
	height: 189px;
	clear: both;
	position: relative;
}

.theschoolbanner {
	background: url(../images/banner_school.jpg) no-repeat;
	width: 960px;
	height: 190px;
	clear: both;
	position: relative;
}

.admissionsbanner {
	background: url(../images/banner_admissions.jpg) no-repeat;
	width: 960px;
	height: 189px;
	clear: both;
	position: relative;
}

.indexbanner {
	background: url(../images/sfstudioschool_homepage_01.jpg) no-repeat;
	width: 960px;
	height: 538px;
	clear: both;
	position: relative;
}

.gallerybanner {
	background: url(../images/banner_gallery.jpg) no-repeat;
	width: 960px;
	height: 189px;
	clear: both;
	position: relative;
}


/*
 * =banner headers
 */

.banner h3 { 
	color: white;
	font-size: 20px;
	width: 350px;
	font-weight: normal;
	font-family: arial;
	position: absolute;
	bottom: 0px;
	left: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	background: #383838;
}	
.theschoolbanner h3 { 
	color: white;
	font-size: 20px;
	width: 350px;
	font-weight: normal;
	font-family: arial;
	position: absolute;
	bottom: 0px;
	left: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	background: #383838;
}	

.admissionsbanner h3 { 
	color: white;
	font-size: 20px;
	width: 350px;
	font-weight: normal;
	font-family: arial;
	position: absolute;
	bottom: 0px;
	left: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	background: #383838;
}

.gallerybanner h3 { 
	color: white;
	font-size: 20px;
	width: 350px;
	font-weight: normal;
	font-family: arial;
	position: absolute;
	bottom: 0px;
	left: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	background: #383838;
}

/*
 * =header
 */

header {
	overflow: hidden;
}

header h1{
	background: url(../images/sfss_logo.png) no-repeat;
	text-indent: -9999px;
	width: 526px;
	height: 41px;
	margin: 10px 0px 20px;
	float: left;
	position: relative;
}

/*
 *=specific pages 
 */

.h2_header h2 {
	color:red;
}

.form strong {
	font-size: 10pt;
	font-family: arial; sans-serif;
}

.fb {
	padding-left: 675px;
}

.secondgrid {
	color: black;
	padding-left: 30px;
}

.sidenote h3{
	color:black;
	font-size: 8pt;
	font-family: arial; sans-serif;
	font-style: italic;
	border-top: 1px solid #d1d1d1;
	padding-top: 10px;
	
	}
	
.contactform {
	background-color: none;
	
}

img.floatleft { 
    float: left; 
    margin: 4px; 
}

.vf_text {
	color: black;
	padding-left: 10px;
	padding-top: 10px;
	padding-right: 12px;
}

.vf_outline{
	color: black;
	outline:#d1d1d1 solid; thin;
	outline-width: 2px;
}

.tuition_outline{
	color: black;
	outline:#d1d1d1 solid; thin;
	outline-width: 2px;
	margin-bottom: 20px;
	padding-left: 12px;

}



.courses h5 a {
	color: #00c3da;
	font-size: 10px;
	font-family: arial;
	margin: 0px; 
	
}

.courses h4 {
	color: black;
	font-style: italic;
	font-size: 8pt;
	
	font-family: arial;
	margin: 0px; 
	
}

.gallery h3 {color: black;
	font-size: 12px;
	font-family: arial;
	margin-top: 5px; 
	
}
.titles h5 {
	color: gray;
	font-size: 10px;
	font-family: arial;
	margin-top: 5px; 
	
}

.signature {
	color: black;
	font-size: 9pt;
	font-style: italic;
	line-height: 15px;
}

.tuition p, .tuition strong {
	color: black;
	font-size: 8.5pt;
	font-style: italic;
	font-family: arial;
	padding-top: 10px;
	padding-right: 12px;
}

.tuitionheader h1 {
	font-size: 16px;
	letter-spacing: -1px;
	font-family: arial, sans-serif;
	color: black;
	margin: 0; padding: 0;
	border-bottom: 1px solid #d1d1d1;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.tuitionheader h2 {
	font-size: 14px;
	letter-spacing: -1px;
	font-family: arial, sans-serif;
	color: black;
	margin: 0; padding: 0;
	border-bottom: none;

	
}

.margin strong, .margin p{
	color: black;
	padding-left: 30px;
}
	
.italic p{
	color: black;
	font-size: 8.5pt;
	font-style: italic;
}


.workshops p{
	font-size: 12px;
	line-height: 20 px;
	font-family: arial, sans-serif;
	color: black;
	margin: 0; padding: 0;
	
}

.workshops h4{
	font-size: 11px;
	line-height: 0 px;
	font-family: arial, sans-serif;
	color: gray;
	margin: 0; padding: 0;
	
}

.workshops b{
	font-size: 12px;
	font-family: arial, sans-serif;
	color: black;
	margin: 0; padding: 0;
	
}

.captions p{
	color: gray;
	font-size: 8.5pt;
	font-family: arial; sans-serif;
	padding-left: 20px;
	font-weight: bold;
}

.captions2 p{
	color: gray;
	font-size: 8.5pt;
	font-family: arial; sans-serif;
	padding-left: 40px;
	font-weight: bold;
	
}


/*
 * footer
 */

footer {
	clear: both;
 	border-top: 1px solid #d1d1d1;
	color: #595959;
	font-size: 8pt;
	line-height: 15px;
 	padding-top: 18px;
 	margin-left: 10px;
 	margin-bottom: 20px;
}