/*GENERAL STYLES*/

body{
text-align:center;
}

/*ELIMINATE DEFAULT PADDING AND MARGINS*/
p{margin:0 0 1em 0}

ul, ol {
margin:0;
padding:0;}

/*REMOVE DEFAULT LIST STYLE*/
li{
list-style-type: none;
}


	

/*GLOBAL NAV LINK CURRENT*/

body#art div#container div#masthead ul#globalnavlist li#gnlist_a a.current {
	color: #000000;
	background:url(../images/gn_art_hover.png);
}

body#design div#container div#masthead ul#globalnavlist li#gnlist_b a.current {
	color: #000000;
	background:url(../images/gn_art_hover.png);
}

body#teach div#container div#masthead ul#globalnavlist li#gnlist_c a.current {
	color: #000000;
	background:url(../images/gn_art_hover.png);
}

body#resources div#container div#masthead ul#globalnavlist li#gnlist_d a.current {
	color: #000000;
	background:url(../images/gn_art_hover.png);
}

body#about div#container div#masthead ul#globalnavlist li#gnlist_e a.current {
	color: #000000;
	background:url(../images/gn_art_hover.png);
}


/*SUB NAV LINK CURRENT*/
div#container  ul#subnavlist a.current{
	color: #000000;
	background:url(../images/sn_art_hover.png);
}

/*SUB NAV LINK */
 div#container  ul#subnavlist a:hover
{
	color: #000000;
	background:url(../images/sn_art_hover.png);	
}

div#container  ul#subnavlist a{text-decoration:none;}

/*COMPLEX ID STYLES*/

#container
{
	margin:0px auto;
	width: 800px;
	height:100%;
	text-align:left;
	border-right: 1px solid #aeaeae;
	border-left: 1px solid #aeaeae;
	background-color:#fcfcfc;
}

/*MASTHEAD STYLES******************************/

#masthead {
	position:relative;
	background-image:url(../images/mastheadbkg.png);
	background-repeat: no-repeat;
	width: 800px;
	height:128px;
	margin-top:.44em;
	border-top: 1px solid #aeaeae;
	border-bottom: 1px solid #aeaeae;
}

div#masthead h2{
	padding:0;
	margin:0;
	position: absolute;
	top:40px;
	left:23px;
	width:255px;
	height:60px;
	font-weight:normal;
	background-color:none;
	background: url(../images/logo.png) no-repeat;
	
}

div#masthead h2 a{
display:block;
width:255px;
height:60px;
background-color:none;
background: url(../images/logo.png) no-repeat;
text-indent: -9999px;
}

#logo img{
padding:2.19em 0 0 1.88em;
}

/*ASSIGNS UNIQE MASTHEAD BACKGROUNDS*/
div#masthead{
background-image:url(../images/masthead_art.png);
}

/*MASTHEAD STYLES END**************************/

/*GLOBAL NAV STYLES****************************/

ul#globalnavlist{
list-style-type: none;
float:right;
text-align:right;
margin:.4em .94em 0 0;
}

ul#globalnavlist li{
line-height:1.5;
letter-spacing:.1em;
}

ul#globalnavlist a:link, ul#globalnavlist a:visited{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 112%;
	text-decoration: none;	
	width:90px;
	display:block;
	

}

ul#globalnavlist a:hover{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 112%;
	text-decoration: none;
		width:90px;
	display:block;
	background: url(../images/gn_art_hover.png); 	
	
}

ul#globalnavlist a:active{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 112%;
	text-decoration: none;
	width:90px;
	display:block;
	
	
}

ul#globalnavlist li#gnlist_a a:hover{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 112%;
	text-decoration: none;
	display:block;
	color:#3B3B3B;
	background:url(../images/gn_art_hover.png);
	
}

/*GLOBAL NAV STYLES****************************/

/*SUBNAV STYLES*/

ul#subnavlist {
	list-style-type: none;
	width: 800px;
	height: 1.9em;
	border-bottom:1px solid #aeaeae;
	padding: 8px 0 0 0;
}

ul#subnavlist li{
	display:inline;
	font-size:85%;
	letter-spacing:.1em;
	padding: 0 20px 0 20px;	
}

/*SUBNAV STYLES*/

/*CONTENT AREA STYLES*/

#contentarea{
	width: 798px;
	min-height:500px;
	margin:1.3em 0 0 0;
	
}

#contentarea p {
	padding:.5em 1.3em .5em 1.3em;
}

#contentarea ul, #contentarea ol {
	padding:0 1.2em 0 1.2em;
}


#contentarea a:link{
	text-decoration:underline;
	}

#contentarea h4 {
padding:.5em 1.2em 0 1.2em;
}
#contentarea h3{
padding:.5em 1em 0 1em;}

#contentarea img {
/*margin: .4em 1em 2em 1em;*/
border: 7px solid #e5e5e5;
}

/*CONTENT AREA STYLES END*/

/*FORMS AND UTILITIES */



#searchbox{
width:798px;
	float:right;
	padding:5px 0px;
	margin:0;
	background-color:#f3f3f5;
	border:1px solid #d8d8dd;
}

#utilities{
text-align:right;
	border-bottom:1px solid #d8d8dd;
	width:800px;
}
/*FOOTER STYLES*/

#footer{
	margin: 0 0 .5em 0;
	padding:0;
	height:1.9em;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
}

ul#gnavfooter{
padding:5px 0 0 0;
list-style-type: none;
text-align: center;
}

ul#gnavfooter li a:hover{
background-image: url(../images/sn_art_hover.png);/*APPLIES FOOTER IMAGE*/
}

ul#gnavfooter li 
{ 
display:inline;
margin: 0 15px 0 0;
line-height:1;
}

ul#gnavfooter li a { 
text-decoration: none; 
font-size:90%;
} 

/*FOOTER STYLES*/

/* SPECIAL CLASSES*/

img.floatright {
float:right;
}

img.floatleft {
float:left;
}

.llc{
font-size: 80%;
}

.infobox {
	background-color:#f3f3f5;
	border:1px solid #d8d8dd;
	padding: 10px;
	margin:30px 14px 30px 14px;
	/*height:10em;*/
}

.infobox h3 {
margin: 0 0 5px -12px;
}

.infobox h5 {
margin: 0 0 5px 0;
}

.infobox p{margin: 0 0  0 5px;}

.infobox img{
margin:3px 20px 3px 3px;
}


.infoboxgallery {
background-color:#f3f3f5;
border:1px solid #d8d8dd;
padding: 10px;
margin:40px 18px 40px 18px;
height:7.5em;
}

.infoboxgallery h3 {
margin: 0 0 5px -12px;
}

.infoboxgallery h5 {
margin: 0 0 5px 0;
}

.infoboxgallery p{margin: 0 0  0 5px;}

.infoboxgallery img{
margin:3px 20px 3px 3px;
}


/*STYLES FOR GALLERY PAGES WITH IMAGE LINKS*/

.imagegallerylinks{
width:750px; 
margin: 0 0 0 78px;
}

.galleryimage{
float:left;
margin:20px 0 10px 8px; 
padding:0; 
width:150px; 
text-align:center;
}

.gallerycaption { 
margin:0; 
padding:0;
font-size: 65%;
font-family: Verdana, Arial, sans-serif;
}


.colleft{
float:left;
width:300px;
padding:20px;
}
.colright{
padding:20px;
margin: 0 0 0 350px;}




/*STYLES FOR FEATURE WITH IMAGE LINKS*/
.featureimage{
	text-align:center;
	width:300px;
	float:right;
	padding:0px 0px 0px 0px;
	margin: 12px 15px 10px 0;
}

.featureimagecaption{
margin:0; padding:0;
font-size: 65%;
font-family: Verdana, Arial, sans-serif;
 }
.featurecontent{
	margin: 0 312px 0 0;
	
}


.featureimage2{
clear:both;
text-align:center;
width:260px;
float:right;
padding:15px 10px;
margin: 10px 0 10px 0;}

.featureimagecaption2{
margin:0; padding:0;
font-size: 65%;
font-family: Verdana, Arial, sans-serif;
 }



.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;
}