body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	padding-top: 10px;
	margin-top: 0px;
	line-height: 1.7;
}


div#wrapper {
	width: 1016px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(images/content_bg.jpg);
	background-repeat: repeat-y;
	background-position: 24px 140px;
}

div#header {
	width: 946px;
	padding-bottom: 0px;
	margin-right: auto;
	margin-left: auto;
	height: 50px;
	padding-left: 70px;

}

#logo {
	float: left;
	width: 250px;
	margin-right: 50px;
}

div#nav {
	margin-top: 0px;
	float: left;

}

.nav_space {
	margin-right: 20px;
}


div#nav a {
	border: 0;
	padding-right: 0px;
	width: 0px;
}

div#nav a:hover {
	
}

div#content {
	width: 700px;
	margin-left: auto;
	margin-top: 30px;
	height: 467px;
	margin-right: auto;
	border: solid #cccccc 1px;
	text-align: center;
	vertical-align: middle;
}

div#content_noborder {
	width: 700px;
	margin-left: auto;
	margin-top: 30px;
	height: 470px;
	margin-right: auto;
	
	text-align: center;
}

div#content_admin {
	width: 800px;
	margin-left: auto;
	margin-top: 30px;
	height: 470px;
	margin-right: auto;
	
	text-align: center;
}


#thumbs_container {
	width: 720px;
	margin-left: auto;
	margin-top: 20px;
	height: 55px;
	margin-right: auto;
	clear: both;
	border-left: solid #666666 0px;
}
#col {
	float: left;
	width: 500px;
	padding: 10px 10px 10px 25px;
	border-left: solid #666666 1px;
}
#coll {
	float: left;
	width: 230px;
	padding: 10px 10px 0px 35px;
	border-left: solid #666666 1px;
}

#colr {
	float: left;
	width: 230px;
	margin-left: 25px;
	padding: 10px 10px 10px 25px;
	border-left: solid #666666 1px;
}

div#footer {
	clear: both;
	text-align: center;
	margin-top: 20px;
	float: left;
	width: 535px;
	color: #767E67;
	font-size: 0.95em;
}



div#footer a {
	color: #767E67;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	text-decoration: none;

}
div#footer a:link {

}

div#footer a:hover {
	color: #5F6653;
	background-color: #C4D3AD;

}

table.image_detail {
	text-align: left;
}

td.header {
	background-color: #333333;
	color: #CCCCCC;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	letter-spacing: 0.5em;
	text-align: center;
}

.header_admin {
	background-color: #333333;
	color: #CCCCCC;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	letter-spacing: 0.5em;
	text-align: center;
}


a {

}

a:link {
	color: #24476D;
	text-decoration: none;

}

a:active {
	text-decoration: none;

}

a:visited {
	text-decoration: none;

}

a:hover {
	text-decoration: underline;
	color: #B10F16;

}





.imgfloatl {
	float: left;
	margin: 10px;
}

.imgfloatr {
	float: right;
	margin: 10px;

}

.clear {
	clear: both;
}


div#boxl {
	float: left;
	margin: 10px;
}

div#boxr {
	float: right;
	margin: 10px;
}



h1 {
	letter-spacing: .2em;
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
}

h2 {
	font-size: 1.4em;
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	letter-spacing: .2em;}

h3 {
	font-size: 1.2em;
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	letter-spacing: 0.2em;
	color: #000000;
	padding: 3px;
}

h4 {}

h5 {}


legend {
	font-size: 1.2em;
	font-style: italic;
}


.meeting_box {
	padding: 5px;
	width: 215px;
	border: 3px double #999999;
}


.box_r2 {
	width: 150px;
	float: right;
	margin: 10px;
	padding: 5px;
	border: double #bbbbbb 3px;
}

.box_r3 {
	width: 225px;
	float: right;
	margin: 10px;
	padding: 5px;
	border: double #bbbbbb 3px;
	margin-top: 0px;
}




.captcha_error {
	color: #3366FF;
	font-size: 1.2em;
}

#ss {
	height: 200px;
	width: 390px;
	margin-top: 0px;
	float: right;
	margin: 5px 5px 0 0;
	border: solid #666666 1px;
}





/*--------------------*/

/*To get started, all of the lists need to be jigged around a bit — namely, the padding and margin set to zero and the list-style set to none:*/

ul {
  padding: 0;
  margin: 0;
  list-style: none;
  }
/*Now we need to transform the first-level list into a horizontal menu bar. There are a number of methods to do this, discussed in detail elsewhere. We could display the list-items inline (display: inline), but for this example, we are going to float them to the left.*/

li {
	float: left;
	position: relative;  /*width: 10em;*/
  }
/*The position has been set to relative because we want the position of the second-level, nested lists to be relative to the first-level list items and the width has been set to space it out a bit. The dropdown menu is coming together.

The next step is to tackle the second-level lists that will be the dropdowns themselves:*/

li ul {
	display: none;
	position: absolute;
	top: 0em;
	left: 0;
	border: 0;
  }
/*This positions the second-level lists absolutely (pulling them out of the flow of HTML into a world all of their own) and sets their initial state to not be displayed. If you substitute display: none with display: block, you will see the need for the top and left properties in Internet Explorer, because without them, IE will align the second-level lists to the top right of their relative parent rather than the bottom left. Unfortunately, this IE fix will mess things up in browsers like Opera, so add the following CSS to reset the top and left properties on all but IE browsers:*/

li > ul {
	top: auto;
	left: auto;
	}
/*And now, making the sucker work. To make a second-level list appear when its parent list item is “rolled over,” we simply need to add the following:*/

li:hover ul, li.over ul{ display: block; }
/*Which says that any list that is nested in a list item that has the cursor hovering over it should be displayed.

Finally, because the lists are floated left, the content underneath it needs to be set free of the floating by applying clear: left to it.*/




/* keeps the tumbs repeating on one line*/
img.thumb {
	float:left;
	border: 0;
}

#thumbs {
	float:left;
	width: 36px;
}

#thumbsb {
	float:left;
	width: 36px;
}



a.ft {
	width: 100px;
	margin-right: 20px;
	background-image: url(images/film_tv.jpg);
	background-repeat: no-repeat;
}

a.ec {
	width: 200px;
	margin-right: 20px;
	background-image: url(images/editorial_commercial.jpg);
	background-repeat: no-repeat;
	}

a.r {
	width: 100px;
	margin-right: 20px;
	background-image: url(images/resume.jpg);
	background-repeat: no-repeat;
	}

a.c {
	width: 100px;
	margin-right: 20px;
	background-image: url(images/contact.jpg);
	background-repeat: no-repeat;
	}
	
a.ft:hover {
	background-image: url(images/film_tv_f2.jpg);
	background-repeat: no-repeat;
}

a.ec:hover {
	background-image: url(images/editorial_commercial_f2.jpg);
	background-repeat: no-repeat;
	}

a.r:hover {
	background-image: url(images/resume_f2.jpg);
	background-repeat: no-repeat;
	}

a.c:hover {
	background-image: url(images/contact_f2.jpg);
	background-repeat: no-repeat;
	}




/* nav list style */

#thumb_nav {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	padding: 4px 0;
	margin-top: 4px;
	float: left;
}

#thumb_nav a {
	border: solid #cccccc 1px;
	padding: 3px;
}

#thumb_nav a:hover {
	background-color: #989898;
	color: #FFFFFF;
}


.noBorder {
	border: 0;
}


/* sort image page */

#list_to_sort {
	list-style-type: none;
}

#list_to_sort li {
	padding: 15px;
	border: solid #666666 1px;
}
#list_to_sort img {
	border: solid #666666 1px;
}


#gal_nav {
}

#gal_nav a {
	border: double #666666 3px;
	padding: 3px;
}

#gal_nav a:hover {
	background-color: #34679A;
	color: #FFFFFF;
}

.centerImg {
	margin: auto auto;
}