
/* CSS Document

UPROARMultimedia.com
Designer Gregory Gunther
Copyright 2008.

*/
/* --- RESET ---*/


html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
	vertical-align: baseline;
}
a img, :link img, :visited img {
	border: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol, ul {
	list-style: none;
}
q:before, q:after,
blockquote:before, blockquote:after {
	content: "";
}


/* --- GENERAL ---*/


body {
	font-family: Arial, sans-serif;
	font-size: 62.5%;
	color: #333;
	background-color:#e8e3cd;
	background-image:url(../img/new-back.jpg);
	background-repeat:no-repeat;
}


/* --- FONTS SYTLES --- */
p {
line-height: 1.65;
font-size:1.2em;
}

h1{

font-size:3em;
font-weight:bold;
color:#2d452f;
}

h2{
font-family:"Times New Roman", Times, serif;
font-size:4em;
font-weight:bold;
color:#2d452f;
}

h3{
margin-left:20px;
font-size:1.5em;
font-weight:bold;
color:#2d452f;
}

a:link{color:#960;font-weight:bold;line-height: 1.2;}
a:visited{color:#963;font-weight:bold;line-height: 1.2;}
a:hover{color:#2d452f;font-weight:bold;line-height: 1.2;}



/* --- STRUCTURAL ---*/

div#wrapper{
margin:auto;
width:950px;
}

div#pageBreadcrumbs{
float:left;
width:600px;
height:25px;
margin-left:22px;
padding-top:8px;
color:#2d452f;
}

div#extraPageLinks{
float:right;
width:200px;
height:25px;
padding-top:5px;
text-align:right;
margin-right:40px;
color:#2d452f;
font-size:.8em;
}


div#mainBanner{
width:950px;
height:201px;
margin-bottom:12px;
}


div#navBar{height:32px;z-index:500;}
div#navBar2{height:32px;z-index:0;}

* html div#navBar{position:relative;margin-top:-32px;z-index:500;height:32px;}
* html div#navBar2{position:relative; height:32px;z-index:100;}

/* -- PAGE CONTENTS --*/

div#mainPageContent{
margin-top:30px;
}

.LeftColumn{
float:left;
width: 950px; 
height:100%;
padding-right:5px;
padding-bottom:25px;
}

.ContentSection{
float:left;
width:860px;
height:100%;
margin:0 0 0 60px;
font-family:Verdana;
}

* html .ContentSection{margin-left:30px;}

.line-divider{width:860px;border-top:solid 1px #c6b984;margin-top:0;padding-bottom:20px;}

.ContentSection p{margin:0 65px 12px 20px;}
.First{text-indent: 30px;}
.Indent{padding-left: 55px;}
.last{padding-bottom:20px;}
.event-list{padding-bottom:20px;}
.pushedBullet{margin-left: 35px;}
.italics{font-style:italic;}
.miniList{padding-left:25px;padding-bottom:10px;}

.ContentSection ul{margin:0 100px; padding-bottom:10px;}
.ContentSection ul li{list-style-image:url(../img/li_dot.gif);line-height:1.3; font-size:1.2em; margin-bottom:10px; }
.ContentSection ul.lessIndent{margin:0 25px;}
.ContentSection ul.lessIndent2{margin:0 45px;}

.ContentSection ol{margin:0 50px; padding-bottom:10px;}
.ContentSection ol li{list-style-type: decimal ;line-height:1.3; font-size:1.2em; margin-bottom:10px; }

.sublist{list-style-type:circle;}

div.pullquote{
padding:25px 50px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:2em;
line-height:1.2;
color:#999;
}

div#ih-quote{
padding:0 65px 50px 0;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:2em;
line-height:1.2;
color:#999;
}

.Right{text-align:right;}

div#board-gallery{
float:left;
width:950px;
}


div#board-gallery ul{
margin:0 0 0 10px;
}
div#board-gallery li{
float:left;
list-style:none;
margin-right:65px;
width: 350px;
}
.boardPic {
	display:block;
	float:left;
	background-color:#d8cfaa;
	margin-left:10px;
	margin-bottom:20px;
	margin-top:0;
	margin-right:10px;
	padding:5px;
	border:1px solid #b7af8b;
}

 /*** PHOTO STYLE ***/
.photo {
display:block;
float:left;
background-color:#d8cfaa;
margin-top: 5px;
margin-right:25px;
margin-bottom:35px;
padding:5px;
border:1px solid #b7af8b;
}


.storephoto {
width:150px;
float:left;
}

.photoL {
display:block;
float:left;
background-color:#d8cfaa;
margin-top: 5px;
margin-left:25px;
margin-right:25px;
margin-bottom:3px;
padding:5px;
border:1px solid #b7af8b;
}

.photoR {
display:block;
float:right;
background-color:#d8cfaa;
margin-top: 5px;
margin-left:25px;
margin-right:0;
margin-bottom:30px;
padding:5px;
border:1px solid #b7af8b;
}


#castleFlash {
display:block;
float:right;
background-color:#d8cfaa;
margin-top: 5px;
margin-left:25px;
margin-right:0;
margin-bottom:30px;
padding:5px;
border:1px solid #b7af8b;
}

#FlashTimeline {
display:block;
width:800px;
background-color:#d8cfaa;
margin-top: 5px;
margin:auto;
margin-bottom:30px;
padding:5px;
border:1px solid #b7af8b;
}




.flourish{padding-top:50px;text-align: center;}

div#biopic{float:right;width:250px;margin-left:50px;}
div#biopic h3{margin-left:5px}
div#biopic p{margin-left:15px; color:#666;}

.photoBioPicR {
display:block;
float:right;
background-color:#d8cfaa;
margin-left:25px;
margin-right:0;
margin-bottom:5px;
padding:5px;
border:1px solid #b7af8b;
}


/* --- EXTRA CLASSES --- */
.feature{margin:20px 0; padding-bottom:40px;}
.feature p{line-height:1.4;}
.feature-title{font-size:1.6em; font-weight:bold; margin-bottom:2px;}
.feature-subtitle{font-size:1.4em; font-weight:bold; font-style:italic; color:#2d452f;} 
.feature-copy{font-size:1.2em;} 
.feature-link{margin-top:20px;}

.exhibit-title{font-weight:bold;}
.staff-list{font-weight:bold;}
.castle-staff-list{line-height:2.2;}

div#footer{width:850px;}

.copyright{padding-top:250px;color:#999;}

div#footer a:link{color:#999;text-decoration:none;}
div#footer a:visited{color:#999;text-decoration:none;}
div#footer a:hover{color:#2d452f;}

/* --- SITEMAP CLASSES --- */
.levelOne{line-height:1.4;padding-top:15px;}
.levelTwo{padding-left:30px;line-height:1;}
.levelThree{padding-left:60px;line-height:1;}