/* main css - thisiswherethedeerstop.org
--------------------------------------- */

body {
    background-color: #fff;
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
    color: #fff; font-size: 11px; line-height: 14px;
  	}

#container {
	background: url(../imgs/background.jpg) no-repeat top center;
    margin: 0px auto;
    width: 1300px; height: 650px;
}

#content { float: left; }
#left { float: left; }
#right { float: left; }
#nav { padding-top: 52px; left: 580px; position: absolute; float: left; font-size: 12px; text-transform: uppercase; font-weight: normal; width: 600px;}
#nav2 { padding-top: 52px; left: 580px; position: absolute; float: left; font-size: 12px; text-transform: uppercase; font-weight: normal; width: 600px;}

/* about page */
#about #content { margin-top: 123px; }
#about #left { margin-left: 130px; width: 280px }
#about #right { margin-left: 10px; width: 725px; }
#about #righttag { margin-top: 500px; width: 1100px; }

/* schedule page */
#schedule #content { margin-top: 53px; }
#schedule #left { margin-left: 130px; width: 480px }
#schedule #right { margin-left: 0px; width: 525px; }
#schedule #righttag { margin-top: 500px; width: 1100px; }

/* workshops page */
#about #content { margin-top: 23px; }
#about #left { margin-left: 130px; width: 480px }
#about #right { width: 500px; }
#about #righttag { margin-top: 500px; width: 1100px; }

/* julia page */
#julia #content { margin-top: 23px; }
#julia #left { margin-left: 130px; width: 480px }
#julia #right { margin-left: 10px; width: 525px; }
#julia #righttag { margin-top: 500px; width: 1100px; }


/* headings */

#about h1.swap {
	background: url(../imgs/deer_stop-logo.png) no-repeat;
	position: relative; top: 20px; left: 0px; display: block;
	width: 350px; height: 155px;
	margin-bottom: -35px;
	text-indent: -9999px; overflow: hidden; z-index: 1;
}

#schedule h1.swap {
	background: url(../imgs/deer_stop-logo.png) no-repeat;
	position: relative; top: -20px; left: 0px; display: block;
	width: 236px; height: 135px;
	margin-bottom: -65px;
	text-indent: -9999px; overflow: hidden; z-index: 1;
}

#workshops h1.swap {
	background: url(../imgs/deer_stop-logo.png) no-repeat;
	position: relative; top: -20px; left: 0px; display: block;
	width: 236px; height: 135px;
	margin-bottom: -65px;
	text-indent: -9999px; overflow: hidden; z-index: 1;
}

#julia h1.swap {
	background: url(../imgs/deer_stop-logo.png) no-repeat;
	position: relative; top: 10; left: 0px; display: block;
	width: 236px; height: 145px;
	margin-bottom: -55px;	
	text-indent: -9999px; overflow: hidden; z-index: 1;	
}



h2 { font-size: 12px; text-transform: uppercase; font-weight: normal; }

tag { margin-left: -1000px; margin-top: 630px; position: absolute; color: #b4afae; font-size: 9px; font-weight: normal; }
.tag a:link, .tag a:visited { font-weight: bold; color: #b4afae; }
.tag a:hover, .tag a:active { font-weight: bold; color: #8b8786; }

tag2 { margin-left: -1040px; margin-top: 587px; position: absolute; color: #b4afae; font-size: 9px; font-weight: normal; }
.tag2 a:link, .tag2 a:visited { font-weight: bold; color: #b4afae; }
.tag2 a:hover, .tag2 a:active { font-weight: bold; color: #8b8786; }


.highslide a:link, .highslide a:visited { color: #cec8c7; }
.highslide a:hover, .highslide a:active { color: #8b8786; }

/* misc */
p { margin-bottom: 10px; }
p.nomargin { margin: 0 0 0 0; }

p.highslide {color:gray; font-family: 'Trebuchet MS', Helvetica, sans-serif; font-size: 11px; line-height: 14px;}

a:link, a:visited { color: #050101; }
a:hover, a:active { color: #fff; }

/* table styling */
#class-schedule 
table { width: 250px; height: 150px; border: 0px; }
td { padding: 4px 0 4px 0; text-align: left; border-bottom: 1px solid white; vertical-align:top;}
th { padding: 0 0 4px 0; text-align: left; border-bottom: 1px solid white; }
.toprow { border-top: 1px solid white; }
.day { width: 60px; }
.time { width: 70px; }
.type { width: 50px; }
.location { }
.tabletitle { margin: 0 0 4px 0;}
	

/* change color of selected text... */
/* Mozilla based browsers */
::-moz-selection {
       background-color: #000;
       color: #FFF;
}
/* Works in Safari */
::selection {
       background-color: #000;
       color: #FFF;
}

/* ie6 warning */
#ie6warning { color: #000; line-height: 22px; font-size: 18px; width: 600px; margin-top: 30px; margin: 0 auto; border: 7px solid red; padding: 10px; }



/*drop down menus*/
#sddm
{	margin: 0;
	padding: 0;
	z-index: 30}

#sddm li
{	line-height: 0.00;	margin: 0;
	padding: 0;
	list-style: none;
	float: left;}

#sddm li a
{	line-height: 0.00;	text-transform: none;	display: block;
	margin: 0 1px 0 0;
	padding: 4px 10px;
	color: black;
	text-align: center;
	text-decoration: none}

#sddm li a:hover
{color: white;}

#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	border: 0px;}

	#sddm div a
	{	padding-left: 10px;	padding-bottom: 5px;	padding-right: 10px;	padding-top: 5px;	position: relative;
		display: block;
		margin: 0;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		color: black;}

	#sddm div a:hover
	{
		color: white}

/* BEGIN PHOTO GALLERY STYLE */
	*{margin:0;padding:0}
	.caption{font-size: 11px; font-weight: normal; font-family: Verdana, Arial, sans-serif; font-style: normal;color:#887;}
	.demo{ width:1000px; margin-right: auto; margin-left:0px; position:relative;margin-top:2em;}
	.gallery_demo{float: left; width: 800px;margin-left: 0px; margin-right: auto;}
	.gallery_demo li{margin-left: 0.2em; margin-bottom: 0.2em; margin-right: 0.2em; margin-top: 0.2em; width:68px;height:50px;border:0px double #111;background:white;}
	.gallery_demo li div{left:auto; right: auto}
	.gallery_demo li div .caption{font:italic 0.7em/1.4 georgia,serif;}
	
	#main_image{margin-left: auto; margin-bottom: 0px; margin-right: auto; margin-top: 0;}
	#main_image img{margin-bottom:0px;}