@charset "UTF-8";
/* CSS Document */

@import url("reset.css");
@import url("ie.css");



/* < POSITIONING *******************/
html 	{ text-align : center; }

body	{
width: 940px;
margin: 0 auto;
text-align: left;
}

#header {
height: 45px;
}

#subHeader {
margin-top: 5em;
padding: 0 0 1em 0;

}

#logo img	{
float: left;
bottom: 0;
width: 100%
}

#logo>h1 {float: left;
padding: .5em 0 1em 0;}


#container {
margin: 2em 0.25em;
height: auto;}


 
#contentWrapper {
width: 700px;
float: left;}

#bodyHome #content {
float: right;
width: 460px;
padding: 0 .625em;}

#bodyHome #content img#pb	{
border: 1px #333 solid;
width:140px;
margin: .625em 0 0 .625em;
float: right;}


#bodyContact #content {
width: 460px;
margin: 0 240px;
padding: 0 .625em}


#calendar,
#fastFacts	{
width: 13.75em;
background-color: rgba(57, 90, 123, .05);
*+background-color: rgb(195,210,225);
background-image: url('../images/site/wrapperTopBlueG.png');
background-repeat: repeat-x;
top: 0;}


#calendar{
float: right;}


#calendar tr>td:first-child {
text-align: right;
width: 52px;
font-size: smaller;
font-weight: normal:}

#calendar td+td	{
padding-left: 1em;
font-weight: normal;
}

.evenColumn {
width: 460px;
}

.columnR {
float: right;}

.columnL {
float: left;}


#contentA,  #contentB, #contentC {
margin: 2em 0;}

#contentC {
clear: both;}

#footer{
text-align: right;
min-height: 25px;}

.group:after {
content: ".";
display: block;
height: 0; 
clear: both;
visibility: hidden;
}
*:first-child+html .group { /* IE7 */
	min-height: 1px;
	}
/* < form elements*/
.formError {
	color: #F00;
}

fieldset {

border-top: thin #999 solid;
margin:  1.25em 0;
padding: .625em;
}

fieldset p{
margin: 0 90px;
font-family: "lucida grande", sans;
}



ul#allergy,
ul#roommate {
display: inline;
margin: 0 0 0 90px;

}

ul.radioGroup {
margin: 0 0 0 90px;}

ul.radioGroup li {
display: inline;}

ul#allergy label,
ul#allergy,
ul#roommate,
ul#roommate label {
display: block;

}

ul.radioGroup input {
margin: 0 2em 0 0;}

fieldset input {
display: inline;}

.requiredField {
font-weight: bold;
}
.requiredField:after {
content: " *";
}
#registerButton,
#clearButton {
margin-left: 90px;
}

input, textarea {
font-family: "lucida grande", sans;
font-size: .95em;}

input#email {
margin-top: 1.25em;}

input[type="radio"] + label {
margin: 0 2.25em  0 0.25em;
}

#fRegistration {
}

#fRegistration label {
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size: .75em;
padding: .75em 0 0 0;}


.textLabel,
.selectLabel {
display: inline-block;
padding: 0 10px 0 0;
width: 90px;
text-align: right;}


ul#classSelections {
display: block;
margin-left: 90px;}

ul#classSelections label,
ul#classSelections li {
display: block;

}





/* <Navigation colors and rules*/

#navbar	{
float: right;
color: #dde6ef;
}

ul#nav {
margin: 1em;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;


}

#navbar li	{
display: inline-block;
}

#navbar li:last-child {
margin:0 2em 0 0;}


ul#nav a,
ul#nav a:visited	{ 
text-decoration: none;
color: #dde6ef;
padding: 0 2em;}

ul#nav a:hover {
background-color: rgba(221,230,239, .8);
*+background-color: rgb(221,230,239);
color: #395a7b;
-webkit-border-radius: .25em;
-moz-border-radius: .25em;
border-radius: .25em;}



/* identifies the 'current' page for the navigation */



body#bodyContact #navContact a{
color: rgba(51, 51, 51, 1);
*+color: rgba(51, 51, 51, 1);

border-bottom: dotted thin white;}


body#bodyLocation #navLocation a,
body#bodyHome #navHome a,
body#bodyInstructors #navInstructors a,
body#bodyWorkshops #navWorkshops a,
body#bodyRegistration #navRegistration a {
color: rgba(68,49,52,1);
*+color: rgb(68, 49, 52);
background-color: rgba(57, 90, 123, .1);
*+background-color: rgb(181, 197, 215);
border-bottom: solid thin rgba(57, 90, 123, .3) ;

border-top: solid thin rgba(57, 90, 123, .3);
text-shadow: #651c03 .25px 0 0;}



/* <navInstitute */

#navInstitute {
text-align: center;}

#navInstitute ul{
text-align: inherit;
background-color: rgba(57, 90, 123, .05);
*+background-color: rgb(195, 210, 225);
border-bottom: thin solid rgba(57, 90, 123, .1) ;
border-top: solid thin rgba(57, 90, 123, .1);
}
#navInstitute li {
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
margin: 0 .325em  ;
display: inline;
color: rgba(87,78,39, 1);
*+color: rgb(87, 78, 39);
letter-spacing: 1px;}

#navInstitute a,
#havInstitute a:active,
#navInstitute a:visited {
text-decoration: none;
color: rgba(87,78,39, 1);
*+color: rgb(87,78,39);
padding: 0 2em;
}

#navInstitute a:hover {
background-color: rgba(221,230,239, .8);
*+background-color: (215,220,225)
color: #395a7b;
-webkit-border-radius: .25em;
-moz-border-radius: .25em;
border-radius: .25em;}



/* < COLORS  and  BORDERS  **************************/

html	{
color: #333;
background: url(http://goldengatefiberinstitute.org/images/site/headptb.png) top center repeat-x;

background-color: #cbd9e7;
}


#footer {
border-top: 1px #333 solid;}



/* < TYPE *****************************/
body	{
color: #333;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}


p, dl, ul, ol
	{
font-family: Calluna, Georgia, "Times New Roman", Times, serif;
font-size: .88em;}



p {
line-height: 1.5em;}

iframe {

}
#map {
margin: 2em;
float: right;
}
q {

}

#subHeader {
text-align: center;
}

#subHeader h2	{
font-size: 1.7em;
letter-spacing: 2.5px;
}

#subHeader h2 span.sub {
padding-left:26px;
letter-spacing: normal;
}

#logo>h1,
#logo>h1 a,
#logo>h1 a:visited {
color: #dde6ef;
text-shadow: #333333 1px 1px 1px;
font-size: 1.3em;}

#logo>h1 a:hover {
background-color: rgba(221,230,239, .5);
*+background-color: rgb(215,220,225);
-webkit-border-radius: .25em;
-moz-border-radius: .25em;
border-radius: .25em;

}


h3, h4 {
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
h3 {
font-size: .7em;
letter-spacing: 8px;}

h4 {
font-size: .88em;
font-weight: bold;
margin: 2.25em 0 .625em 0;
background-image: url('../images/site/wrapperTopBlueG.png');
background-position: bottom;
-webkit-border-radius: .25em;
-moz-border-radius: .25em;
border-radius: .25em;

font-size: 1.1em;}
h5 {
margin: 1.8em 0 0;
font-size: .9em;
font-weight: bold;}

h6 {
font-size: .9em;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
margin: .9em 0 0;
font-weight: bold;}

#content>p, #contentPrimary	{
margin: 0 0 .625em 0;

}

#content>p:first-child {
font-weight: bold;
color: rgb(159, 0, 0);
line-height: 1.6em;
font-size: .9em;

}

span.institute {
font-weight: bold;
font-family: "lucida grande", sans;
letter-spacing: 1px;
padding-right: 2px;
}

span.pubTitle {
font-style: italic;
font-weight: bold;
}

span.instructor {
font-weight: bold;
}
.twoColumn {
width: 33%;
float: left;
margin-right: 1em;
}

.threeColumn {
width: 30%;
float: left;
margin-right: 1em;
background-color: rgba(57, 90, 123, .05);
*+background-color: rgb(195,210,225);
}
 li {
margin: 1em .625em 0 .625em;
}
#bodyLocation dl dt, #bodyLocation dl dd, #bodyHome dl dt, #bodyContact dl dt, #bodyHome dl dd, #bodyContact dl dd, #bodyFAQ dl dt, #bodyFAQ dl dd {
color: rgba(68,49,52,1);
*+color: rgb(68, 49, 52);
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;}

#bodyFAQ dt,
#bodyLocation dt,
#bodyContact dt,
#calendar dt,
#fastFacts dt {
margin-top: .625em;
font-weight: bold;
text-shadow: #651c03 .25px 0 0;
font-size: .8em;
}

#bodyFAQ dt	{
text-shadow: none;
color: black;}

#bodyFAQ dd	{
font-style: normal;
}


#fastFacts dt span.sub {
display: block;
font-style: oblique;
font-family: georgia;
font-weight: normal;
font-size: .85em;
text-shadow: none;
}
#fastFacts div.classFull dt.classTitle span.sub	{


}

#calendar dd,
#fastFacts dd {
font-weight: bold;
font-size: .75em;
margin-top: .25em;
margin-bottom:2.25em;}

#fastFacts dd{
text-align: right;}

/* <Instructor and Workshop pages
*/

.classWrapper, .instructorWrapper{
background-image: url('../images/site/wrapperTopBlueG.png') ;
background-repeat: repeat-x;
margin: 1.25em 0;
background-color: rgba(57, 90, 123, .05);
*+background-color: rgb(195, 210, 225);
padding: .625em;
-webkit-border-radius: .25em;
-moz-border-radius: .25em;
border-radius: .25em;
}
.classWrapperFull{
margin: 1.25em 0;
background:#666;
padding: .625em;
-webkit-border-radius: .25em;
-moz-border-radius: .25em;
border-radius: .25em;
}
.instructorWrapper dt,
.instructorWrapper dd,
.instructorWrapper dd p,
.classWrapperFull dt,
.classWrapperFull dd,
.classWrapperFull dd p,
.classWrapper dt,
.classWrapper dd,
.classWrapper dd p {
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;}

p.workshopFull {
color: #900;
padding:  0 1.25em 0 0;
display: block;
letter-spacing: 2px;
font-weight: bold;
font-size: 1.5em;
font-family:"Lucida Grande", sans-serif;


}
.classWrapperFull dt.classTitle,
.classWrapper dt.classTitle,
.instructorWrapper dt.instructor
{
font: 1.2em;
line-height: 1em;
font-weight:bold;
color: #443134;

}
.classWrapperFull span.classTitle,
.classWrapper span.classTitle {
	font: 1em;
	font-weight:bold;
	color:#443134;
}
div.classFull	{
	background-color:rgba(57, 90, 123, 0.1);
	color: red;
background:url(../images/site/classfull.png) no-repeat center;
}
.classWrapper dt.classTitle span.sub,
.classWrapperFull dt.classTitle span.sub
{
font-size: 1em;
font-weight: normal;
display: inline-block;
float: right;
}



.classWrapper dd.classInstructor,
.classWrapperFull dd.classInstructor {
clear: both;
font-size: .9em;
font-style: oblique;
padding: 1.25em 0;}

.instructorWrapper dd.instructorBio,
.classWrapper dd.classDescription,
.classWrapperFull dd.classDescription{
margin: .625em 0;}

.instructorWrapper dd.instructorBio p,
.classWrapper dd.classDescription p,
.classWrapperFull dd.classDescription p{
padding: 0 0 1.25em 0;}

dd.classDescription img {
margin: 0 10px 5px 10px;
border: 1px solid #333;
}
img.bioPhoto {
margin: 0 10px 5px 10px;
width: 140px;
border: 1px solid #333;}

img#SMitchellBioPhoto,
img#CBordhiBioPhoto,
img#JBoggsBioPhoto {
float: left;
}

img#JMacKenzieBioPhoto,
img#SCostelloBioPhoto,
img#AFranquemontBioPhoto {
float: right; 
}


/* image alignment and sizing for class2010 page */
img[title="JBoggs1"],

img[title="SCostello1"] {
float: left;
width: 150px;
}

img[title="AFranquemont1"],
img[title="JBoggs3"],
img[title="JBoggs2"],
img[title="CBordhi3"],
img[title="SMitchell1"],
img[title="SMitchell4"]
{
float: right;
width: 150px;}

img[title="CBordhi1"] {
float: left;
height: 150px;}



#footer p {
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size: .7em;
font-weight: bold;}

/* <
		Registration Page Rules
*/

body#bodyRegistration #content h3{
letter-spacing: 3px;
background-color: rgba(57, 90, 123, .1);
}

#bodyRegistration dl {
margin-left: 5em;}
#bodyRegistration dt{
font-style: oblique;
padding: 1.25em 0 .25em 0;}
#bodyRegistration dd {
line-height: 1.5em;
margin: 0  1.25em;}

#bodyRegistration dd+dd {
margin: 0 2em;}


/* <
		LOCATION page rules
*/
/* 
location is divided into 3 sections vertically, A, B, C
section B is divided into two sections horizontally (columns): contentPrimary, contentSecondary
*/


/* positioning rules */

#bodyLocation #contentPrimary {
float: left;
width: 620px;

}


#bodyLocation #contentSecondary {
float: right;
background-color: rgba(57, 90, 123, .05);
*+background-color: rgb(195, 210, 225);
width: 300px;
}


/*primary content rules */

/*	general box rules	*/
.box {
margin: 0 0 2em 0;}

#contentB p	{
line-height: 1.8em;
padding: 0 0 .6em 0 ;}


	/*	general image box rules  	*/
	
	.imgBlock {
	width:220px;
	background: #f9f9f9;
	border: 1px solid #ccc;
	padding: 3px;
	margin-bottom:3px;}
	
	.imgBlock img {
	width: 218px;
	border: 1px solid #CCCCCC;
	margin-bottom: 3px; 
	}
	
	.imgBlock>img+p {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: .7em;}
	
	
	
	/*	general text box rules  	*/
	p.description {
	width: 380px;
}
	
	
	/*
	 	odd numbered boxes
	 */
	
	/*	text  	*/
	#imgPtB p.description,
	#imgKitchen p.description,
	#imgAccommodations p.description { 
	float: left;
	}
	/*	images	*/
	#imgPtB .imgBlock,
	#imgKitchen .imgBlock,
	#imgAccommodations .imgBlock {
	float: right;}
	
	/*
			even numbered boxes
	*/
	
	/*	text  	*/
	#imgCamp p.description,
	#imgFirePit p.description,
	#imgLocals p.description 
	{ float: right;}
	
	/*	images	*/
	#imgCamp .imgBlock,
	#imgFirePit .imgBlock,
	#imgLocals .imgBlock 
	{ float: left;}
	
	






body#bodyLocation #contentSecondary h3,
body#bodyLocation #content3 h3{
letter-spacing: 3px;
background-color: rgba(57, 90, 123, .1);
*+background-color: rgb(181, 197, 215);
}













#bodyLocation dt,
#bodyLocation dd{
font-family: "lucida grande", sans-serif;}
#bodyFAQ dd,
#bodyLocation dd {
font-style: oblique;
padding: 0 0 1em 2em;
font-size: .85em;}

#bodyLocation dt {
padding: .75em 0 .5em 0;
font-weight: bold;}


#bodyLocation #contentC {
clear: both;
background-color: rgba(57, 90, 123, .1);
*+background-color: rgb(181, 197, 215);
border-top: thin solid rgba(57,90,123,.2);
*+background-color: rgb(143, 155, 170);
}


 
#bodyLocation #footer {
clear: both;}