/* Art Center Morro Bay - CSS */

body {
	font: 10pt/20px Arial, Helvetica, sans-serif;
	background: #FFFFFF; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #666666;
	margin-top: 10px;
	vertical-align: top;
}
#container {
	width: 1170px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto;
	text-align: left; /* this overrides the text-align: center on the body element. */
	height: 720px;
}

#containerCalendar {
	width: 1170px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto;
	text-align: left;
}

#containerArtist {
	width: 1170px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto;
	text-align: left;
	height: 1008px;
}

#backgroundAbout {
	height: 720px;
	width: 1170px;
	background-image: url(../images/backgroundAbout.jpg);
	}
	
#backgroundExhibits {
	background-image: url(../images/backgroundExhibits.jpg);
	height: 720px;
	width: 1170px;
	}
	
#backgroundExhibitsBig {
	background-image: url(../images/backgroundExhibits_big.jpg);
	height: 1008px;
	width: 1170px;
	}
	
#backgroundClasses {
	background-image: url(../images/backgroundClasses.jpg);
	height: 1008px;
	width: 1170px;
	}
	
	
#backgroundClassesWorkshop {
	background-image: url(../images/backgroundClassesWorkshops.jpg);
	height: 1008px;
	width: 1170px;
	}
	
#backgroundCalendar {
	background-image: url(../images/backgroundCalendar.jpg);
	height: 1008px;
	width: 1170px;
	}
	
#backgroundArtInPark {
	background-image: url(../images/backgroundArtInPark.jpg);
	height: 720px;
	width: 1170px;
	}
	
#backgroundClasses {
	background-image: url(../images/backgroundClasses.jpg);
	height: 720px;
	width: 1170px;
	}	
	
#backgroundArtistDirectory {
	background-image: url(../images/backgroundArtistDirectory.jpg);
	height: 720px;
	width: 1170px;
	}
	
#backgroundVisit {
	background-image: url(../images/backgroundVisit.jpg);
	height: 720px;
	width: 1170px;
	}	
	
#backgroundCreate {
	background-image: url(../images/backgroundClasses.jpg);
	height: 720px;
	width: 1170px;
	}	
	
#backgroundJoin {
	background-image: url(../images/backgroundJoin.jpg);
	height: 720px;
	width: 1170px;
	}
	
#backgroundJeannie {
	background-image: url(../images/JeannieQuintana/background_Jeannie.jpg);
	height: 1008px;
	width: 1170px;
	}	
	
	#backgroundFlo {
	background-image: url(../images/FloBartell/background_Flo.jpg);
	height: 1008px;
	width: 1170px;
	}
	



#header{
	background-image: url(../images/home_header.jpg);
	background-repeat: no-repeat;
	height: 239px;
	width: 1170px;
	}	
		
#headerText {
	position: relative;
	height: 35px;
	width: 408px;
	left: 670px;
	top: 85px;
	z-index: 1;
	text-align: right;
	}	
		
#navBar {
	position:relative;
	left:80px;
	top:40px;
	width: 740px;
	height: 35px;
	z-index: 1;
}

#navBarHome {
	height: 410px;
	padding-left: 81px;
	background-color: #FFFFFF;
}


#subMenuArtinPark {
	position:relative;
	left:210px;
	top:165px;
	width: 216px;
	height: 80px;
	z-index: 1;
}

#subMenuExhibits {
	position:relative;
	left:250px;
	top:110px;
	width: 169px;
	height: 112px;
	z-index: 1;
}

#subMenuArtist {
	position:relative;
	left:227px;
	top:150px;
	width: 185px;
	z-index: 1;
}



#navBarBottom {
	position:relative;
	left:80px;
	top:470px;
	width: 120px;
	height: 137px;
	z-index: 4;
}
#navBarBottomArtInPark {
	position:relative;
	left:80px;
	top:390px;
	width: 120px;
	height: 137px;
	z-index: 4;
}

#navBarBottomCalendar {
	position:relative;
	left:80px;
	top:750px;
	width: 120px;
	height: 137px;
	z-index: 2;
}

#navBarBottomExhibit {
	position:relative;
	left:80px;
	top:360px;
	width: 120px;
	height: 137px;
	z-index: 4;
}

#navBarBottomExhibitBig {
	position:relative;
	left:80px;
	top:640px;
	width: 120px;
	height: 137px;
	z-index: 4;
}

#navBarBottomArtistDirectory {
	position:relative;
	left:80px;
	top:640px;
	width: 120px;
	height: 137px;
	z-index: 4;
}
#navBarBottomArtist {
	position:relative;
	left:80px;
	top:450px;
	width: 120px;
	height: 137px;
	z-index: 4;
}

#mainContent {
	position:relative;
	left:445px;
	top:-45px;
	width: 550px;
	z-index: 3;
}

#mainContentCalendar {
	position:relative;
	left:445px;
	top:-40px;
	width: 610px;
	z-index: 3;
}

#mainContentArtist {
	position:relative;
	left:445px;
	top:-340px;
	width: 610px;
	z-index: 3;
	
}

#mainTextArtist {
	position:relative;
	width: 530px;
	z-index: 3;
	
}

#mainContentArtinPark {
	position:relative;
	left:440px;
	top:-130px;
	width: 560px;
	z-index: 3;
}

#mainContentExhibit {
	position:relative;
	left:440px;
	top:-110px;
	width: 560px;
	z-index: 3;
}

#mainContentExhibitBig {
	position:relative;
	left:440px;
	top:-125px;
	width: 520px;
	z-index: 3;
	height: 630px;
	overflow: scroll;
}

#mainContentScroll {
	width: 600px;
	height: 520px;
}



#footer {
	position:relative;
	left:82px;
	top:470px;
	width: 1010px;
	z-index: 4;
}

#footerCalendar {
	position:relative;
	left:82px;
	top:760px;
	width: 1010px;
	z-index: 4;
}

#footerExhibit {
	position:relative;
	left:82px;
	top:360px;
	width: 1010px;
	z-index: 5;
}

#footerExhibitBig {
	position:relative;
	left:82px;
	top:640px;
	width: 1010px;
	z-index: 4;
}

#footerArtistDirectory{
	position:relative;
	left:82px;
	top:640px;
	width: 1010px;
	z-index: 4;
}

#footerArtist{
	position:relative;
	left:82px;
	top:450px;
	width: 1010px;
	z-index: 4;
}

#footerHome {
	background-image: url(../images/home_footer_10.jpg);
	background-repeat: no-repeat;
	height: 71px;
	width: 1170px;
	top: 649px;
}

#footerHomeText {
	text-align: right;
	width: 1080px;
	padding: 0px;
	vertical-align: text-top;
}


a:link {
	color: #870F59;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: none;
}

.style1 {
	color: #870F59;
	font-size: 16pt;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	line-height: 16pt;
	text-align: left;
}
.style2 {
	font-size: 10pt;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 22px;
	font-weight: normal;
	color: #666666;
	text-align: left;
}
.style3 {
	font-size: 9pt;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-style: normal;
	line-height: 15px;
	font-weight: normal;
}
.style4 {
	font-size: 10pt;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight: bold;
	font-style: normal;
	line-height: 15px;
}

.style5 {color: #870F59}

.style6 {
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-weight: normal;
	line-height: 10px;
}
.style7 {
	font-size: 9pt;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 12pt;
	font-weight: normal;
	color: #666666;
	text-align: left;
}
.style8 {
	color: #870F59;
	text-transform: uppercase;
	font-weight: bold;
}

.style9 {
	font-size: 9pt;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 11pt;
	font-weight: normal;
	color: #666666;
	text-align: left;
}
.style10 {
	color: #669999;
	text-transform: none;
	font-weight: bold;
}