/* CSS Document */
/* Please note that this style sheet is used across all pages on the CSC Website.
This document is arranged as follows:
main declarations, body, key divs
main HTML element declarations
left hand menu divs, and classes for menu

 */

body {
background-color: #666666;
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
margin: 10px 0px 0px 0px;
padding: 0px;
color: #333;
}

/* column layout*/
#container {
width: 766px;
margin: 0 auto;
padding: 4px;
background: #fff;
}

div#left {
width: 164px;
float:left;
padding: 0px;
margin: 0px 4px 0px 0px;
}

/*content div*/
#content {
width: 598px;
float:left;
padding: 0px;
margin: 0px;
}

#content .content {
background: #e9ddc1;
font-size: 0.9em;
padding: 3px 6px 0px 6px;
margin: 0px 0px 2px 0px;
line-height: 1.2em;
}

#masthead {
width: 598px;
height: 99px;
background-color: #fff;
margin: 0 auto;
position:relative;
}

#Link_to_top_bar {
background: #666666;
font-weight: bold;
text-align: left;
padding: 0px 0px 0px 4px;
margin: 0px 0px 10px 0px;
}

#Link_to_top_bar a:link, #Link_to_top_bar a:visited {
color: #fff;
font-weight: bold;
text-decoration: none;
}

#Link_to_top_bar a:hover, #Link_to_top_bar a:active {
color: #fff;
font-weight: bold;
text-decoration: none;
}

#logo {
width: 160px;
height: 99px;
margin: 0px auto 5px auto;
}

#UCAlogo {
width: 160px;
height: 99px;
margin: 30px auto 15px auto;
}

/*clear all columns, a class and and ID! */
#clear {	clear: both;	font-size: 0.01em; }
.clear {	clear: both;	font-size: 0.01em; }

h1, h2, h3, p, img { margin: 0px; }

h1 {
background: #e9ddc1;
font-size: 1.2em;
padding: 3px;
margin: 0px 0px 4px 0px;
}
h2 {	font-size: 1.1em;	padding: 0px;	margin: 0px; }
h3 {	font-size: 1.2em;	padding: 0px;	margin: 4px 0px 4px 0px; }
h4 {	font-size: 1.3em;	padding: 0px;	margin: 0px; display: inline; }

img {	border: 0;	}

p {	 margin: 4px 0px 6px 0px; font-size: 1em; padding: 0px 0px 0px 0px; line-height: 1.3em;}

#content .content ul li {
	list-style-image: url(/images/CRAFTSsubsite/bullet-grey.gif);
	list-style-type: disc;
	margin: 0px 0px 5px 0px;
}

#content a:link, #content a:visited, .bodyLink a:link, .bodyLink a:visited {
text-decoration: underline;
color: #d38430 ;
}

#content a:hover, #content a:active, .bodyLink a:hover, .bodyLink a:active {
text-decoration: none;
color: #d38430 ;
}


a:link, a:visited {
text-decoration: none;
color: #333;
line-height: 1.2em;
}

a:hover, a:active {
color: #333;
text-decoration: underline;
}


.imgInline{ display: inline; border: 1px solid #a9a9a8; }
.imgFloatL{ float: left; margin: 0 5px 5px 0; border: 1px solid #a9a9a8; }
.imgFloatR{ float: right; margin: 0 0 0px 5px; border: 1px solid #a9a9a8; }
.imgBlock{ display: block; border: 1px solid #a9a9a8; }


/* left menu styles */

div#menuleft {
margin: 0px;
padding: 0px;
font-size: 0.8em;
}

div#menuleft a:link, div#menuleft a:visited {
padding: 0;
text-decoration: none;
}

div#menuleft div.nav2{
margin-top:2px;
background: #e9ddc1;
margin: 2px;
padding: 1px 3px;
}

div#menuleft div.nav2s{
	margin: 2px 2px 0 2px;
	background: #666;
	padding: 1px 3px;	
}
div#menuleft div.nav2s a{
	color: #e9ddc1;
}


div#menuleft div.nav3 {
	font-size: 1em;
	background: #e9ddc1;
	color: #333;
	margin: 0px 2px;
}

div#menuleft div.nav3s {
	font-size: 1em;
	background: #e9ddc1;	
	color: #333;
	margin: 0px 2px;
}

div#menuleft div.nav3s a{
	color: #333;
	text-decoration: underline;
}


/* 3rd level nav WIP */ 
#thirdLevelNav {
padding: 0 0 4px 0;
}

#thirdLevelNav {
	margin-left: 0;
	font-size: 0.8em;
	padding: 0 6px;
	margin-bottom: 6px;
	list-style: none;
}


#thirdLevelNav a:link, #thirdLevelNav a:visited {
padding: 0;
text-decoration: none;
color: #333;
}

#thirdLevelNav a:hover {
text-decoration: underline;
}

#thirdLevelNav  a.s:link, #thirdLevelNav  a.s:visited {
color: #ce6702;
}
/*end menu styles */

.featureArticles{
margin: -3px 0 0 0;
border: 0;
padding: 0;
}

/* feature link styles */
.featureLink { float: left;  }

/* home page specific feature link styles */
.featureLink_hp { float: left; margin: 0 1px; width: 147px; }
.featureLinkTitle { width: 143px; background: #666; font-weight: bold; color: #fff; font-size: 1.0em; padding: 2px; }
.featurelink_01:first-line { color: #e7c961; font-size: 0.9em; }
.featurelink_02:first-line { color: #73c7ee; font-size: 0.9em; }
.featurelink_03:first-line { color: #d78888; font-size: 0.9em; }
.featurelink_04:first-line { color: #12f0f3; font-size: 0.9em; }
/* end home page specific styles */


/* shop product list display styles */
.shopProductList { width: 430px; float: left; }
.shopProductListItem { width: 98px; height: 98px; float: left; border: 1px solid #333; }

.infocontainer { width: 160px; height: 240px; float: right; background: #666; font-size: 0.8em; color: #fff; }
.shopProductInfoLabel { background: #fff; color: #666; text-align: right; vertical-align: baseline; font-weight: bold; 
padding: 0; margin: 0; border: 0; line-height: 0.8em; }

.infopadding{ padding: 6px 3px 3px 3px; }
.rhslink{ padding: 8px 4px 0px 4px; }
#exhibitTitle { font-weight: bold; padding: 4px 4px 8px 4px; border-bottom: 1px solid #ccc; }
#exhibitArtist { font-weight: bold; padding: 4px 4px 8px 4px; border-bottom: 1px solid #ccc; }
#exhibitDesc { font-weight: bold; padding: 4px 4px 8px 4px;}

/* sitemap styles */
#sm-map {
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
font-size:1em;
}
#sm-map ul p{
margin:0px 0px 4px -14px;
padding:0px 0px 0px 0px;
font-weight:bold;
font-size:1.2em;
}
#sm-map ul li {
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
list-style: none;
font-size:1.em;
}
#sm-map ul ul li {
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
list-style: none;
font-size:1.em;
}
#sm-map a:hover {
text-decoration:none;
font-size:1.em;
}



/*footer*/
div#footer {
width: 598px;
margin: 0px auto 5px 168px;
text-align:center;
padding: 0;
font-size: .75em;
line-height: 1.3em;
}