/* Links and Fonts */

A {
	text-decoration: none;
	color: #DD2222
	}
	
A:link {
	text-decoration: none;
	color: #DD2222
	}

A:active {
	text-decoration: none;
	color: #DD2222
	}

A:visited {
	text-decoration: none;
	color: #DD2222
	}
	
A:hover {
	text-decoration: underline;
	color: #DD2222
	}
	
img {
	background-color: #111111;
}

H1, H2, H3, H4, H5, H6 {
	font-family: Gill Sans, Gill Sans MT, arial, verdana, sans-serif;
	margin: 1em 0 0.3em 0;
}

H3.first {
	margin-top: 0;
}

.title {
	margin: 0.4em 0 0.8em 0;
	padding: 0;
	border-bottom: 1px solid #333333;
	border-top: 1px solid #333333;
	text-align: left;
}

.smalltitle {
	margin: 0.4em 0 0.8em 0;
	padding: 0;
	border-bottom: 1px solid #333333;
	border-top: 1px solid #333333;
	text-align: left;
}

.sidetitle {
	text-align: center;
	margin-bottom: 0.6em;
}

H1 {
	font-size: 20px;
	margin: 5px 0 0.05em 0;
	padding: 0;
	line-height: 1em;
}

H2 {
	font-size: 15px;
	padding: 0;
	margin: 1em 0 0.8em 0;
}

H3 {
	font-size: 13px;
	padding: 0;
}

H4 {
	font-size: 12px;
	padding: 0;
}

.smalltitle H3, .smalltitle H2 {
	margin: 0.4em 0;
	line-height: 1em;
}

.sidetitle H3 {
	margin: 0 0 0.5em 0;
	line-height: 1em;
}

.sidetitle H2 {
	line-height: 1em;
	margin: 0 0 0.2em 0;
}

.interiorsubhead {
	font-size: 10px;
	font-weight: normal;
}

.caption {
	padding: 0px;
	margin: 3px 0 3px 0;
	line-height: 1em;
	text-align: center;
	color: #aaaaaa;
	font-size: 10px;
	display: block;
}

#spotlightimage .caption {
	padding: 0px;
	margin: 4px 0 6px 0;
	line-height: 1em;
	text-align: center;
	color: #aaaaaa;
	font-size: 12px;
	display: block;
}


.imageheader {
	font-family: Gill Sans, Gill Sans MT, arial, verdana, sans-serif;
	display: block;
	padding: 0px;
	margin: 2px 0 4px 0;
	line-height: 1em;
	text-align: center;
	color: #aaaaaa;
	font-size: 11px;
	font-weight: normal;
}

#spotlightimage .imageheader {
	font-family: Gill Sans, Gill Sans MT, arial, verdana, sans-serif;
	padding: 0px;
	margin: 2px 0 6px 0;
	line-height: 1em;
	text-align: center;
	color: #aaaaaa;
	font-size: 15px;
	font-weight: bold;
	display: block;
}


.imagegalleryheader {
	display: block;
	padding: 0px;
	margin: 2px 0 5px 0;
	line-height: 1em;
	text-align: center;
	color: #aaaaaa;
	font-size: 12px;
	font-weight: normal;
}





#navbar {
	border: 0;
	margin: 0 auto 3px auto;
	padding: 0;
	font-size: 10px;
	text-align: left;
	color: #aaaaaa;
}

.navbartext {
	font-size: 10px;
	color: #aaaaaa;
}

p {
	color: #aaaaaa;
	margin: 0 0 0.8em 0;
	font-size: 11px;
	text-align: justify;
}

p strong {
	color: #cccccc;
}


.dropboxcontent p {
	font-size: 11px;
	line-height: 1.4em;
}


p.centered {
	text-align: center;
}

.quicklinks {
	margin: 1.5em auto 1em auto;
	width: 90%;
	font-size: 10px;
	color: #aaaaaa;
	border: 1px solid #333333;
	padding: 10px;
	background-color: #111111;
	line-height: 1.6em;
}

.quicklinks h4 {
	margin-top: 0;
	margin-bottom: 1em;
	line-height: 1em;
}

.quicklinks a {
	font-size: 11px;
}


.notice {
	border: 1px solid #333333;
	margin: 1em auto 1em auto;
	padding: 10px;
	background-color: #111111;
	width: 90%;
	font-size: 11px;
}

.notice p {
	font-size: 11px;
}

.sidenotice {
	border: 1px solid #333333;
	margin: 0px auto 1em auto;
	padding: 6px;
	background-color: #111111;
	width: 92%;
	font-size: 10px;
	line-height: 1.5em;
}


.sidenotice p {
	font-size: 10px;
	line-height: 1.5em;
	margin: 0px 0 5px 0;
	text-align: left;
}

.sidenotice ul {
	margin-left: 0;
	padding-left: 20px;
	padding-right: 10px;
}


.info em {
	display: block;
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
	margin: 0 0 0.4em 0;
	padding: 0;
	line-height: 1em;
}




/* Overall Structure */
	
body {
	background: #4c4c4c;
	margin: 0 0 100px 0;
	font: 12px Lucida Grande, Geneva, Arial, Verdana, sans-serif;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.3em;
	color: #ffffff;
	text-align: center;
}

#page {
	width: 880px;
	background: #1B1B1B url(/images/content_left_background.png) left top repeat-y;
	margin: 0 auto;
}

#gallerypage {
	width: 980px;
	background: #1B1B1B url(/images/content_left_background.png) left top repeat-y;
	margin: 0 auto;
}




#pagecontent {
	background: url(/images/content_right_background.png) right top repeat-y;
	width: 100%;
}






/* Header */

#header {
	background: url(/images/content_top_background.png) top left repeat-x;
	margin: 0px auto 0px auto;
}

#headerwrapper {
	background: url(/images/content_topleft_background.png) top left no-repeat;
}


#headercontent {
	background: url(/images/content_topright_background.png) top right no-repeat;
	height: 205px;
	text-align: center;
	padding-top: 25px;
}


#logo {
	border: 0px;
	display: block;
	margin: 0px 10px 0px 30px;
	height: 205px;
	width: 448px;
	background: url(/images/logo.png) top left no-repeat;
	float: left;
}

#mainnav {
	margin: 0px 30px 0px 0px;
	width: 350px;
	float: right;
	border: 0;
	padding-top: 0.5em;
}

.navlist ul {
	margin: 0;
	padding: 0;
	text-align: left;
	list-style: none;
}

#mainnav ul {
	padding-left: 0px;
}

.sidenav ul {
	padding-left: 2.1em;
}


.navlist ul li {
	list-style: none;
	margin: 0;
	padding: 0;
	line-height: 0.95em;
	margin-left: 10px;
	padding-left: 20px;
	padding-bottom: 0.9em;
	background: url(/images/navarrow.png) top left no-repeat;
}

.navhead a {
	font-family: Arial Black, Arial, Verdana, sans-serif;
	font-weight: bold;
	font-size: 15px;
}

#mainnav .navhead a {
	font-size: 18px;
}


.navsubhead {
	font-size: 11px;
	font-weight: normal;
}





/* Main Content */
	
#main {
	margin: 0 auto;
}

#maincontent {
	padding: 0px 30px 30px 30px;
	text-align: left;
	width: auto;
}

#ie6wrapper {
	width: 99.9%;
}




#columncontainer {
	padding-right: 360px; /* Right side padding = width of sidebar */
}

#mainleft {
	width: 100%;
	float: left;
	margin: 0;
}

#mainright {
	width: 360px;
	float: left;
	margin-right: -100%;
}



.leftcontent {
	padding: 0px 10px 10px 0px;
}

.rightcontent {
	padding: 0px 0px 10px 10px;
}

.halfcolumn {
	width: 49.95%;
	float: left;
	margin: 0;
	padding: 0;
}

.thirdcolumn {
	width: 33%;
	float: left;
	margin: 0;
	padding: 0;
}

.columncontent {
	padding: 0 20px 0 20px;
}

.info {
	background-color: #151515;
	padding: 10px;
	margin: 5px 0 5px 0;
}


/* Footer */
	
#footer {
	background: url(/images/content_bottom_background.png) left bottom repeat-x;
	margin: 0 auto;
}

#footerwrapper {
	background: url(/images/content_bottomleft_background.png) left bottom no-repeat;
}

#footercontent {
	background: url(/images/content_bottomright_background.png) right bottom no-repeat;
	padding: 0px 30px 20px 30px;
}

.footertext {
	border-top: 1px solid #333333;
	padding: 4px 0px 10px 0px;
	font-size: 10px;
	text-align: center;
}





/* Images */

.imageframe {
	text-decoration: none;
	display: block;
	background: url(/images/image_br_background.gif) right bottom no-repeat;
	margin: 0;
}

.imageframecontents1 {
	display: block;
	background: url(/images/image_bl_background.gif) left bottom no-repeat;
}

.imageframecontents2 {
	display: block;
	background: url(/images/image_tl_background.gif) left top no-repeat;
}

.imageframecontents3 {
	display: block;
	background: url(/images/image_tr_background.gif) right top no-repeat;
	padding: 15px;
	text-align: center;
	text-decoration: none;
}

.imageframelink {
	display: block;
	text-decoration: none;
}

.imageframe:hover {
	text-decoration: none;
	background: url(/images/image_br_hbackground.gif) right bottom no-repeat;
}

.imageframecontents1:hover {
	background: url(/images/image_bl_hbackground.gif) left bottom no-repeat;
}

.imageframecontents2:hover {
	background: url(/images/image_tl_hbackground.gif) left top no-repeat;
}

.imageframecontents3:hover {
	text-decoration: none;
	background: url(/images/image_tr_hbackground.gif) right top no-repeat;
	text-align: center;
}

.imageframelink:hover {
	text-decoration: none;
}

.imageframeimage {
	display: block;
	margin: 0 auto;
	border: 0;
}

.sidebarimage {
	display: block;
	width: 145px;
	height: 100px;
	margin: 0 auto;
	border: 0;
}

#spotlightimage .sidebarimage {
	display: block;
	width: 320px;
	height: 230px;
	margin: 0 auto;
	border: 0;
}


.gallerythumb {
	display: block;
	margin: 0 auto;
	border: 0;
}


.floatingimage {
	float: left;
	width: 175px;
}

#spotlightimage {
	width: 350px;
	margin: 0px auto;
}

.galleryimage {
	width: 225px; /* Gallery thumbnail size + 30 + extra for long title */
	margin: 0px auto;
}

.gallerythumbimage {
	width: 180px; /* Gallery thumbnail size + 30 */
	margin: 0px auto;
}

.footerbadge {
	display: block;
	float: right;
	background: none;
	border: 0;
}

img.infoicon {
	display: block;
	border: 1px solid #333333;
	margin-right: 10px;
	float: left;
}





/* Portfolio Stuff (Thumbnail Grid and Image) */

.gridthumbnailframe {
	border: 0;
	background-color: #111111;
	margin: 20px 8px 20px 8px;
}

.gridgalleryframe {
	border: 0;
	background-color: #111111;
	margin: 10px 13px 30px 13px;
}

.gridheader {

}

.gridheadercontents {
	font-size: 11px;
	line-height: 1em;
	text-align: center;
	border-bottom: 1px solid #333333;
	padding: 3px 2px 4px 2px;
}

td.gridcell {
	text-align: center;
}

table.gridcontainer {
	margin: 0 auto 8px auto;
}


img.gridthumb {
	border: 1px solid #333333;
	margin: 0;
}

img.displayimage {
	display: block;
	border: 1px solid #333333;
	margin: 8px auto 10px auto;
}



/* section pages */
.section {
	width: 99%;
	border: 1px solid #333333;
	background-color: #111111;
}

.sectioncontent {
	width: 99%;
	padding-left: 15px;
}

.section H3 {
	clear: both;
	padding-top: 0px;
	margin-top: 5px;
	margin-right: 15px;
	border-bottom: 1px solid #333333;
}

.section p {
	font-size: 11px;
	padding-right: 15px;
}

.sectioncolumncontainer {
	width: 99%;
	float: left;
	padding: 0;
	margin: 0;
}

.sectioncolumncontainer .highslide-gallery {
	width: 99%;
	text-align: center;
}

.sectioncolumncontainer .highslide-gallery img {
	margin: 2px 6px 4px 0;
}



/* Gallery Stuff */

#maingalleryimage {
	border: 1px solid #333333;
	margin: 0px auto;
}

img.navthumbnext {
	border: 1px solid #333333;
 	margin: 0px 0px 0px 4px;
}

img.navthumbprev {
	border: 1px solid #333333;
 	margin: 0px 4px 0px 10px;
}

.nextlink {
	display: block;
	float: right;
	margin: 0;
}

.prevlink {
	display: block;
	float: left;
	margin-left: 10px;
}



.nophotowarning {
	width: 150px; /* Gallery thumbnail size */
	padding: 20px;
	color: #ffffff;
	text-align: center;
	margin: 0 auto;
}

.comment {
	width: 580px;
	font-size: 12px;
	text-align: left;
	
	margin: 1.5em auto 1em auto;
	color: #aaaaaa;
	
	border: 1px solid #333333;
	padding: 10px;
	background-color: #111111;
}

.comment h2, .comment h3 {
	margin-top: 0;
	margin-bottom: 0.4em;
	line-height: 1em;
}

.pageselect {
	color: #aaaaaa;
	font-size: 12px;
	text-align: right;
}

.pageselect a {
	font-size: 12px;
	padding: 1px 3px 1px 3px;
	border: 1px solid #1b1b1b;
	text-decoration: none;
}

.pageselect a:hover {
	border: 1px solid #DD2222;
	text-decoration: none;
}

.photoselection {
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	margin: 0.4em auto;
}


#ctable1 {
	width: 950px;
	margin: 0 auto 0 auto;
}

#ctable1 .header {
	font-family: Gill Sans, Gill Sans MT, arial, verdana, sans-serif;
	letter-spacing: 0;
}





/* Yearbook pricing guide stuff */



.yearbookcalc {
	width: 100%;
	margin: 0;
}

.yearbookcalc input {
	background-color: transparent;
	border: 1px solid #333333;
	color: #ffffff;
}

.yearbookcalc .label {
	text-align: right;
	font-size: 11px;
	width: 100px;
}

.yearbookcalc .inputerror {
	color: #ff0000;
}

.yearbookcalc .message {
	text-align: center;
	font-size: 10px;
}

.yearbookcalc .total {
	background-color: #222222;
	font-weight: bold;
	color: #ffffff;
}


.yearbookcalc .value {
	text-align: left;
	font-size: 11px;
	padding-left: 3px;
	width: 140px;
}

.yearbookcalc .subtotal {
	text-align: left;
	font-size: 11px;
	padding-left: 6px;
	color: #cccccc;
	width: 90px;
}

.yearbookcalc .subtotalbook {
	text-align: left;
	font-size: 11px;
	padding-left: 6px;
	color: #cccccc;
}

#calcerrortext {
	visibility: hidden;
	text-align: left;
	font-size: 11px;
	color: #ff0000;
}



.yearbookcalc th {
	text-align: left;
	font-size: 11px;
	padding-left: 6px;
	font-weight: bold;
}

.yearbookcalc #calcerrorheader {
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	visibility: hidden;
}

.yearbookcalc td {
	text-align: left;
	font-size: 11px;
	padding-left: 6px;
}


/* Drop box stuff */


#formfield-description {
	width: 400px;
	height: 90px;
}