/* global tag redefinitions */
body {
	font-family: Verdana, Geneva, sans-serif;
	font-weight: lighter;
	font-size: 10px;
	color: #323232;
}

a {
	font-style: normal;
	text-decoration: none;
	color: #323232;
}

a:hover {
	color: #F96610;
	text-decoration: none;
}

img {
	margin: 0;
	padding: 0;
}

/* Text styles */

.biggerText {
	font-size: 18px;
}

.worktitle {
	font-weight: bold;
	color: #f96610;
}

.address {
	font-weight: bold;
	color: #f96610;
}


/* common Layout elements */
#main {
	position: absolute;
	left: 10px;
	top: 10px;
	width: 800px;
	margin: 0px;
	background: #f96610;
	color: #fff;
	border: 1px solid #323232;
	overflow: hidden;
}


#menu1 {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 17px;
	height: 300px;
	margin: 0px;
	background: #f96610;
	color: #fff;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	margin-right: 0px;
	background-image: url(../images/profile_item.png);
	background-attachment: scroll;
}

#menu2 {
	position: absolute;
	left: 18px;
	top: 0px;
	width: 17px;
	height: 300px;
	margin: 0px;
	color: #fff;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	margin-right: 0px;
	background: #323232;
	background-image: url(../images/portfolio_over.png);
	background-attachment: scroll;
}
/* 
a:hover div#menu2 {
	background: #f96610;
	background-image: url(../images/portfolio_item.png);
	background-attachment: scroll;
}
*/

#menu3 {
	position: absolute;
	left: 36px;
	top: 0px;
	width: 17px;
	height: 300px;
	margin: 0px;
	background: #f96610;
	color: #fff;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	margin-right: 0px;
	background-image: url(../images/contact_item.png);
	background-attachment: scroll;
}

#menu4 {
	position: absolute;
	left: 0px;
	top: 301px;
	width: 17px;
	height: 100%;
	margin: 0px;
	background: #f96610;
	color: #fff;
	border-right: 1px solid #fff;
	/* border-bottom: 1px solid #fff; */
	margin-right: 0px;
	background-image: url(../images/publications_item.png);
	background-repeat: no-repeat;
}

#menu5 {
	position: absolute;
	left: 18px;
	top: 301px;
	width: 17px;
	height: 100%;
	margin: 0px;
	background: #f96610;
	color: #fff;
	border-right: 1px solid #fff;
	/* border-bottom: 1px solid #fff; */
	margin-right: 0px;
	background-image: url(../images/history_item.png);
	background-repeat: no-repeat;
}

#menu6 {
	position: absolute;
	left: 36px;
	top: 301px;
	width: 17px;
	height: 100%;
	margin: 0px;
	background: #f96610;
	color: #fff;
	border-right: 1px solid #fff;
	/* border-bottom: 1px solid #fff; */
	margin-right: 0px;
	background-image: url(../images/links_item.png);
	background-repeat: no-repeat;
}

a:hover div#menu1 {
	background: #323232;
	background-image: url(../images/profile_over.png);
	background-attachment: scroll;
}

a:hover div#menu3 {
	background: #323232;
	background-image: url(../images/contact_over.png);
	background-attachment: scroll;
}

a:hover div#menu4 {
	background: #323232;
	background-image: url(../images/publications_over.png);
	background-attachment: scroll;
	background-repeat: no-repeat;
}

a:hover div#menu5 {
	background: #323232;
	background-image: url(../images/history_over.png);
	background-attachment: scroll;
	background-repeat: no-repeat;
}

a:hover div#menu6 {
	background: #323232;
	background-image: url(../images/links_over.png);
	background-repeat: no-repeat;
}


#headerimage {
	float: right;
	width: 747px;
	height: 313px;
	background-image: url(../images/main.png);
	background-attachment: scroll;
}

#gallerybanner {
	float: right;
	width: 747px;
	height: 70px;
	background: #fff;
	background-position: 20px 0 0 0;
	background-image: url(../images/CCLD_2line.png);
	background-repeat: no-repeat;
	background-position: center center;
}

#bannerimage {
	float: right;
	width: 747px;
	height: 70px;
	background-position: 20px 0 0 0;
	background-image: url(../images/CCLD_albumBanner.png);
}

#ruleimage {
	float: right;
	width: 747px;
	height: 30px;
	background-image: url(../images/two_line.png);
	background-attachment: scroll;
}

#outer1 {
	float: right;
	width: 764px;
	background: #f96610;
	color: #323232;
	border-left: 1px solid #fff;
}

#outer2 {
	float: right;
	width: 782px;
	background: #f96610;
	color: #323232;
	border-left: 1px solid #fff;
}

#lower {
	float: right;
	width: 747px;
	background: #fff;
	color: #323232;
}

#padspace {
	float: right;
	width: 747px;
	height: 50px;
	background: #fff;
	color: #000;
}

#album_footer {
	float: right;
	width: 747px;
	background: #fff;
	color: #000;
	text-align: center;
}

/* styles for my navigation implementation */

.arrow_left {
	float: left;
	width: 90px;
	height: 90px;
	background-image: url(../images/Arrow_left.png);
	background-repeat: no-repeat;
	background-position: right bottom;
}

a:hover .arrow_left {
	background-image: url(../images/Arrow_left_rollover.png);
	background-repeat: no-repeat;
}

.arrow_right {
	float: right;
	width: 90px;
	height: 90px;
	background-image: url(../images/Arrow_right.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}

a:hover .arrow_right {
	background-image: url(../images/Arrow_right_rollover.png);
	background-repeat: no-repeat;
}

.arrow_blank {
	width: 90px;
	height: 90px;
	background: #fff;
}



.arrow_up {
	width: 550px;
	height: 90px;
	background-image: url(../images/Arrow_up.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}

a:hover .arrow_up {
	background-image: url(../images/Arrow_up_rollover.png);
	background-repeat: no-repeat;
}

.nav_spacer {
	width: 550px;
	height: 90px;
}

/* need to change the size of the nav spacer on the main gallery page */
.gal_spacer {
	width: 440px;
	height: 90px;
}

.album_info {
	width: 100%;
	text-align: center;
	/* font-family: Tahoma, Geneva, sans-serif;  /* Arial, Helvetica, sans-serif; */
	font-size: 10pt;
	padding-top: 20px;
}

.album_title {
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: bold;
}

.album_summary {
}

.album_menu {
	margin: 20px 80px 35px
}

.album_menu a {
	text-decoration: none;
	padding-left: 10px;
	padding-right: 10px;
}

.album_menu .current {
	font-weight: bold;
	padding-left: 10px;
	padding-right: 10px;
}

.g-photo {
	height: 200;
}

/* some gallery class overides */
.vatable /* full background bracket for images and text - veiw albums  */
	{
	border: none;	
	}

.fineprint { /* cheap way to get some details off the mainpage without moding the code */
	color: White;
}

/* album titles on main page */
.title {
    font-size: 12px;
    font-weight: bold;
    white-space: nowrap;
	text-align: right;
}

.title a {
	color: #f96610;
}

.title a:hover {
	color: #000;
}

.mod_title_left {
	width: 100%;
}

.albumdesc {
	padding-right: 80px;
}

#gallerycontent {
	padding-top:  20px;
	padding-left: 60px;
}


/* album descriptions on main page */
.desc {
	font-size: 10px;
	text-align: right;
}