/* CSS Document for Sandra Glazer Lake*/
/* This documents contains both layout elements and style elements. Colors and font characteristics can be changed
without causing major problems. Since this site does not rely on tables for positioning or layout, change other code 
with extreme caution, since it may be controlling those elements!*/

/*Please note that there are embedded style elements in all of the gallery thumbnail pages, which use the galleryThumbnail template*/
/*and in the gallery pages themselves, which use a custom template designed for Dreamweaver's Photo Album 2.2 program.*/


/******************************layout divs */

#container{
	width: 960px;
	margin: 0px 0px 0px 0px;
	margin: 0 auto;
	padding: 0px;
	}
	
#masthead{
	width: 960px;
	padding: 0px;
	margin: 0 auto;
	text-align: center;
	clear: both;
	background-image:url(images/sitegraphix/topBarW.jpg);
	background-repeat:no-repeat;
	background-color:#66CC99;	
	}
	
#masthead h1{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 23px;
	padding: .6em 0 .3em 0;
	font-style: normal;
	color:#003366;
	letter-spacing: 1.2em;
	}
	
#masthead h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	padding: 0 0 .6em 0;
	font-style: normal;
	color:#003366;
	letter-spacing: .6em;
	}
	
#masthead a:link{
	color: #003366;
	text-decoration: none;
	}
	
#masthead a:visited{
	color: #003366;
	text-decoration: none;
	}

#masthead a:hover, #masthead a:visited:hover{
	color: #003366;
	text-decoration: none;
	}
	
#masthead a:active, #masthead a:active:hover {
	color: #003366;
	text-decoration: none;
	}

#globalNav {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	width: 725px;
	padding-bottom: 25px;
	padding-left: 3px;	
	}

#content{
	width: 709px; 
	padding: 0px 22px 5px 23px;
	float: right;
	background-color: #ffffff;
	color: #000000;
	background-repeat:repeat-y;
	margin: 0;
	height: 471px;	
	overflow:auto;
	}
	
#content img{
	margin: 10px;
	border: 1px solid #006699;	
	}

#content p {
	margin-right: 20px;
	text-align: justify;	
	}
	
#content img.borderless{
	clear: both;
	border-width: 0px;
	margin: 7px;
	}

#navBar{	
	width: 196px;
	padding: 0px 5px 5px 5px;
	float: left;
	background-image:url(images/sitegraphix/sideNavW.jpg);
	background-repeat:no-repeat;
	background-color:#996699;
	height: 471px;
	}
	
#navBar a:link{
	color:#000033;
	text-decoration:none;
	}
	
#navBar a:visited{
	color:#000033;
	text-decoration: none;
	}

#navBar a:hover{
	color: #000033;
	text-decoration: none;
	background-color:#9999FF;
	}

#navBar a:active{
	color:#000033;
	text-decoration: none;
	}
	
#navBar ul {list-style: none; margin: 0; padding: 0;}

#navPix {
	background-color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	font-size: 13px;
	margin-top: 20px;
	padding: 2px 0px 2px 0px;
	text-align: center;	
	}

#navPixTemp {
	margin-top: 0px;
	padding: 2px 2px 2px 12px;
	}
	
#navPixTemp img {
	border: none;
	margin: 0 auto;
	padding-top: 15px;
	}
	
#navPix h2 {
	margin-right: -4px;
	margin-left: -4px;
	padding-left: 4px;
	}

#navPix a:link{
	color: #000000;
	text-decoration: underline;
	font-size: 13px;
	font-weight: bold;
	}

#navPix a:visited{
	color: #000000;
	text-decoration: underline;
	font-size: 13px;
	}

#navPix a:hover{
	color:#000000;
	text-decoration: underline;
	font-size: 13px;
	}
	
#navPix a:active{
	color: #000000;
	text-decoration: underline;
	font-size: 13px;
	}

#motto {
	width: 105px;
	padding: 10px 10px 10px 15px;
	margin: 90px 0 10px 0;
	background-color:#006600;
	color:#ffffff;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-style:normal;
	border-top: 10px solid;
	border-bottom: 10px solid;
	border-color:#FFFF00;
	}
	
#sectionLinks{
	padding: 0px;
	line-height: 1.8;
	margin: 0px;
	}

#sectionLinks a:link{
	color: #000033;
	text-decoration: none;
	font-size: 14px;	
	}
	
#sectionLinks a:visited{
	color:#000033;
	text-decoration: none;
	font-size: 14px;	
	}

#sectionLinks a:hover{
	color: #ffffff;
	text-decoration: none;
	background-color:#663399;
	font-size: 14px;
	width: 100%;
	}

#sectionLinks a:active{
	color:#ffffff;
	text-decoration: none;
	font-size: 14px;	
	}
		
#address{
	width: 890px;/*This width accounts for the large amount of padding below - 960 - 70 = 890*/
	padding: 5px 0px 5px 70px;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: normal;
	margin: 0px;
	margin-bottom: 0px;
	clear: both;
	text-align: center;
	background-image: url(images/sitegraphix/botBarW.jpg);
	background-repeat:no-repeat;
	height: 51px;
	background-color:#CC9966;
	}
	
#address a:link{
	color: #ffffff;
	text-decoration: underline;
	}
	
#address a:visited{
	color: #ffffff;
	text-decoration: underline;
	}

#address a:hover, #address a:visited:hover{
	color: #ffffff;
	text-decoration: underline;
	}
	
#address a:active, #address a:active:hover {
	color: #ffffff;
	text-decoration: underline;
	}
	
#address img{
	border: none;
	}
	
	
/*****************************html styles **************************************************/

body{
	background-color:#003366; 
	color:#000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0 auto;
	}
	
a:link{
	color: #0033CC;
	text-decoration:underline;
	}	
	
a:visited {
	color:#660033;
	text-decoration: underline;
	}
	
a:visited:hover {
	color: #660033;
	text-decoration: none;
}
	
a:hover{
	text-decoration: none;	
	}
	
a:active{
	text-decoration: none;
	color: #0033CC;
	}
a:active:hover{
	text-decoration: none;
	color: #0033cc;
	}
	
h1{
	color:#000033;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	margin: 0px;
	padding-top: 1em;
	padding-bottom: .1em;
	}	
	
h2{
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight:normal;
	margin: 0px;
	padding: 7px 0px 0px 0px;	
	}
	
h3{
	color:#000033;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	padding: 5px 0 0 0;
	border-top: 1px solid #000033;
	}
	
h4{
	color:#000033;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight:bold;
	font-style: normal;
	margin: 0px 0px 0px 0px;
	padding: 0px 0 10px 0;
}


/***************************misc. classes*******************************************/

.left {
float: left;
}

.center {
	text-align: center;
	margin: 0 auto;
	}

.right {
	float:right;
	text-align: center;
	}
.right h4 {
	font-size: 15px;
	font-style:normal;
	color:#000033;
	font-weight:bold;
	}

.pushLeft {
	padding-left: 0px;
	padding-right: 50px;
	}


/*********** #navBar link styles ***********/

#navBar ul a:link, #navBar ul a:visited {display: block;}


/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
*#navBar li {border-bottom: 1px solid #999999;}

/* fix for browsers that don't need the hack */
html>body #navBar li {border-bottom: none;}

/***********************************gallery styles***************************************/
/* These are for the gallery.html page to format the pictures and center the titles under them*/
#gallery {
	list-style-type: none;
	margin-right: auto;
	margin-left: auto;
	}
	
#gallery li {
	float: left;
	margin-right: 6px;
	margin-left: 0px;
	padding: 0px;
	margin-bottom: 10px;
	font: bold 1em Arial, Helvetica, sans-serif;
	color: #333333;
	text-align: center;		
	}
	
#gallery img {
	display: block;
	border: 1px solid #006699;
	}
	
#gallery ul li a:link, #gallery ul li a:visited, #gallery ul li a:hover{
	border: none;
	text-decoration: none;
	color: #000000;
	}