@charset "utf-8";
html { 
	margin:0px;
	padding:0px;
}
body  {
	font: 100% Georgia, "Times New Roman", Times, serif;
	background: #FFF;
	margin: 0; 
	padding: 0;
	text-align: center; 
	color: #333;
	line-height:1.5em;
}
#container {
	margin: 0px auto;
	padding:5px;
	width:950px;
	color:#333;
}

#content {
	color:#333;
	text-align:left;
	padding:0px;
	margin:0em 2em;	
	line-height:130%;
	height:100%;
	/*border: 1px solid grey;  */
}
#bigContent {
	color:#333;
	text-align:left;
	padding:0px;
	margin:0em 2em 0em 0em;	
	line-height:130%;
	height:100%;
}
h1 { 	
	display:block;
	color:#006699;
	font-size: 1.3em; 
	font-weight: normal;
	padding:0px;
	margin:0px 0px 5px 0px;
}
#header {
	display:block;
	margin:0px 5px;
}
#header h1 {
	text-indent:-9999px;
}
#header h1 a {
	display:block;
	/*width: 461px;*/
	height:102px;
	background-image:url('/images/logo2009Full.gif');
	background-repeat:no-repeat;
	background-position:top center;
	text-decoration:none;
	padding:0px;
	margin:0px;
}
#header h1 a:hover {
	background-image:url('/images/logo2009Full.gif');
	background-repeat:no-repeat;
	background-position:top center;
	text-decoration:none;
}

#headerArtist {
	display:block;
	margin:0px 5px;
	width: 100%;
}

#sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: 400px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #FFF; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 5px 10px 5px 5px; /* padding keeps the content of the div away from the edges */
	text-align:left;
}

#mainContent { 
	margin: 0 0 0 420px; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */
	padding: 0 10px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	text-align:left;
} 
#footer { 
	padding: 0 10px 0 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#FFF;
	text-align:center;
} 
#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/* standard */

a:link { color:#666699; background-color: #FFF; text-decoration: none; border: none; }
a:visited { color:#666699; background-color: #FFF; text-decoration: none; border: none; }
a:hover { color:#CC0000; background-color: #FFF; text-decoration: none;  border-bottom: 1px solid #CC0000; }
a:active { color:#CC0000; background-color: #FFF; text-decoration: none; }


caption {
	border: 1px black solid;
	background-color:#FFCC66;
	font-weight: bold;
}

#main {
	margin: 0px 0px 0px 200px;	/* t r b l */
	padding: 0px;  /* t r b l */
	/* overflow:auto;	 adds scrollbar */
	height: 100%;
	/* border: 1px solid black; */
}

#main H1, #main H2 { padding-top:0px; margin-top:0px;} 

#footer {
	text-align: center;
	clear:both;
}

#right {
	float:right;
}

#artistDetails {
	float:right;
	border:1px solid #FFCC00;
	width: 40%;
	margin:0px 5px;
	padding: 5px;
}

#details {
	clear:both;
	margin-bottom:3em;
}
#selectMenus {
	margin: 5px;
	padding: 5px;
}
#selectMenus ol {
	list-style:lower-roman;
}
#images {
	text-align:center;
	width:100%;
	margin:10px auto;
}
#images img {
	border:none;
}

#images A:link, #images A:hover, #images A:visited, #header A:link, #header A:hover, #header A:visited, #headerArtist A:link, #headerArtist A:hover, #headerArtist A:visited, #footer A:link, #footer A:hover {
	border-bottom:none;
	text-decoration:none;
}
#images .thumb {
	float:left;
	margin: 10px;
}
#randomImages {
	text-align:center;
	font-size: 0.7em;
	margin: 5px;
	padding-top: 5px;
	color:#666;
}
#randomImages .thumb {
	padding: 0px;
	margin: 0px;
	background-color:#FFF;
	border:none;
}
#randomImages A:link, #randomImages A:visited, #randomImages A:hover, #randomImages A:active {
	text-decoration:none;
	border:none;
	color:#999;
}
#randomImages img {
	border:1px solid black;
}


h2 { 
	color:#006699;
	font-size: 1.3em; 
	font-weight: normal;
	padding-top:10px;
	margin-top:0px;
}
h3 { 
	color:#006699; 
	font-size: 1.1em; 
	border-bottom:1px solid #FFFF99;
}

#main P {
 	margin-top:0px;
}


b, strong { font-weight: 900; color:#CC9900; }

li, ul, ol {  
	font-style: normal; 
	font-weight: normal; 
}

.small { font-size: 10px; }

#credits {
	clear:both;
	margin: 0px auto 5px auto;
	font-size:0.8em;
	text-align: center;
	padding-top: 5px;
}


A.noborder {
	text-decoration:none;
	border: none;
}

.red {
	color:#FF0000;
}


/* form stuff 
- see http://www.websiteoptimization.com/speed/tweak/forms/
*/
form { 
	/*font-size : 1em; 
	width: 650px;*/
}

select {
	/*width: 200px;*/
	text-align: left;	
}

fieldset { 
	padding : 10px;
	margin: 0px;
} 

legend {
	color:#000;
}
form br {
	clear: left;
}

label { 	
	/*display : block; 
	float: left;
	width: 10em;*/
	padding: 0px;
	/*text-align:right;*/
	margin : 5px 0px 0px; 
}

input {
	border:#FF9900 1px solid;
	background:#FFFFCC;
	margin:2px;
}

input:focus {
	background: #FFF;
}

input #submit {
	/* width: 5em; */
	width:100px;
	margin-left: 10em;
}

textarea { 
	overflow: auto; 
	border:#FF9900 1px solid;
	background:#FFFFCC;
}
/* end form stuff */

/* form for short login on home page */
#shortLogin {
	width:200px;
}
#shortLogin label {
	float: left;
	width: 5em;
	padding: 0px;
	text-align:right;
	margin : 5px 0px 0px; 
}
#shortLogin input {
	width: 10em;
}
#shortLogin input#submit {
	width: 5em;
	margin-left: 5em;
}
/* end short login form */

/* search form */
#search {
	width:10em;	
	line-height:1em;
}
fieldset {
	border:none;
	/*
	border:1px #3366CC solid;
	background:#FFCC66;
	*/
}
legend {
	padding-top:1em;
	color:#3366CC;
	font-weight:bold;
}
#search label {
	width: 5em;
	font-size:0.8em;
	padding: 0px;
	text-align:right; 
}
#search input {
	width: 10em;
}
#search input#guideno {
	width: 2em;
	float:right;
}
#search input.searchSubmit {
	width: 5em;
	clear:both;
}

/* end search form */

/* nav ul */
ul#nav {
	margin:2px auto;
	padding:3px 0;
	font-weight: bold;
	font-size: 1.1em;
}
ul#nav li {
	list-style: none;
	margin:0;
	display:inline;
}
ul#nav li a {
	padding: 3px 0.5em;
	margin-left: 3px;
	border-bottom: none;
	background: #FFF;
	text-decoration:none;
}
ul#nav li a:link {
	color:#448;
}
ul#nav li a:visited {
	color: #667;
}
ul#nav li a:link:hover, ul#nav li a:visited:hover {
	color:#AAE;
}
ul#nav li a#current {
	background:#FFC;
}

ul#loggedIn {
	margin:2px auto;
	border:1px solid #FFCC00;
	padding: 2px 0px;
	font-size:0.9em;
}
ul#loggedIn li {
	list-style: none;
	margin:0;
	display:inline;
}
ul#loggedIn li a {
	padding: 3px 0.5em;
	margin-left: 3px;
	border-bottom: none;
	background: #FFF;
	text-decoration:none;
}
ul#loggedIn li a:link {
	color:#448;
}
ul#loggedIn li a:visited {
	color: #667;
}
ul#loggedIn li a:link:hover, ul#loggedIn li a:visited:hover {
	color:#000;
	background:#AAE;
}
ul#loggedIn li a#current {
	background:#FFC;
}

.question {
	font-size:1.1em;
	font-weight:bold;
	color:#3366CC;
}
.debug {
	font-size:0.8em;
	color:#999;
}

.centeredChart {
	text-align:center;
	margin:5px auto;
}