*{margin:0; padding:0;}
body{margin:0 auto; font:medium Verdana, Arial, Helvetica, sans-serif;}

/* standard tag styles */
h1{font-size:1.75em; margin:25px 0 0 0;}
h2{font-size:1.5em; margin:20px 0 0 5px;}
h3{font-size:1.25em; margin:15px 0 0 7px;}
h4{font-size:1.1em; margin:10px 0 0 10px;}
h5{font-size:1em; margin:8px 0 0 10px;}
p{margin:10px 0 0 15px;}
blockquote{margin:5px 20px 5px 30px; font-size:.9em;}

a, a:link{color:#2C758F; text-decoration:underline;}
a:visited{color:#4F727F;}
a:hover, a:active{color:#91CDE4;}

a.credits{color:black; text-decoration:underline;}
a.credits span{color:red;}

table{border:1px solid #0F3E4F; margin:10px auto; font-size:.9em;}
thead{font-weight:700; background:#91CDE4;}
td{padding:3px 6px; border-bottom:1px dotted #0F3E4F;}

ul{margin:10px 0 0 15px;}
ol{margin:10px 0 0 15px;}
li{margin:0 0 7px 20px;}

dl{margin:10px 0 0 15px;}
dt{font-weight:600;}
dd{margin:0 0 0 15px;}

dl.inline dt{float:left; margin-right:20px;}
dl.inline dd{}

noscript{font-size:1.5em; color:red; margin:20px 0 0 5px;}

/* Custom classes */
.hidden{position:absolute; margin-left:-1000px;}
.emphasis{font-weight:800; font-size:1.1em;}
.shout{text-transform:uppercase;}
.moreEase{margin-top:10px;}
.needContent{background:yellow; color:red;}
.pdf{background:url(../img/page_white_acrobat.png) no-repeat center right; padding-right:22px;}
.zip{background:url(../img/page_white_zip.png) no-repeat center right; padding-right:22px;}
.clear{clear:both;}


/* div styling */
#HomeGraphic {border:3px solid #576E76; margin:0 auto 1em; width:550px; }
#HomeGraphic p{text-align:center; margin:0}
#HomeGraphic img{padding:0; margin:0 auto 0; text-align:center;}

#fiberfeastCaption {font-size:.72em; padding:1.5em;}
#artCaption{float:left; width:45%;}
#upcomingEvents{float:right; width:47%}
#artFair{float:left; width:42%;}
#artCaption p, #holidaySale p, #holidaySale h4, #artFair p, #artFair h4{text-align:left; margin:0;}
#holidaySale h4, #artFair h4{color:#C55842;}
#holidaySale{float:right; width:57%}


#definition{float:left; width:190px; border:1px solid #777; font-size:.88em; margin-right:1em; margin-top:1em; padding:0 .75em .75em .75em; line-height:1.5em}
#definition hr{margin:1.5em 0 0 0; height:20px; background:#999; border-width:0;}

#history{float:right; width:340px;}

#container{width:820px; padding:0 10px; margin:0 auto; background:url(../img/nav_bg.gif) repeat-y}

#topshadow{height:8px; width:820px; margin:25px auto 0; padding:0 10px; background:url(../img/top.gif) no-repeat bottom left;}


#masthead{position:relative; background:url(../img/mast.jpg) no-repeat top left; width:800px; height:136px;}
#branding{}
#branding h1{margin:0;}
#branding h1 a{display:block; width:158px; height:119px;}
#utilityNav{font-size:.8em; position:absolute; top:10px; right:10px;}

#content{font-size:.8em;}

#column1{float:right; width:574px; margin:0 20px 30px 0; padding:20px 30px 0 12px;}
#marketing{/*float:right; margin:10px 0 20px 20px; background:#555; border:3px solid #777;*/}
#marketing a img{text-decoration:none; border:none;}

#column2{float:left; background:url(../img/nav.jpg) no-repeat top left; height:464px; width:174px;}

#footer{font-size:.7em; clear:right; margin:0 30px 0 174px; padding:10px 0 5px; text-align:right; background:url(../img/foot.gif) no-repeat top right;}
#bottom{clear:both; height:8px; width:820px; margin:0 auto; padding:0 10px; background:url(../img/bottom.gif) no-repeat top left;}


/* Navigation styles */
#nav *{margin:0;}
#nav ul{list-style-type:none; margin-top:27px;}
#nav ul ul{margin-top:0;}
#nav a{display:block; width:174px;}
#nav span.hidden{position:absolute; margin-left:-1000px;}

#home{height:26px; width:174px;}
#home a{display:block; width:174px; height:26px; background:url(../img/nav_Standard_01.gif) no-repeat left;}
#home a:hover{background:url(../img/nav_Standard_01.gif) no-repeat right;}
.home #home a{background:url(../img/nav_Current_01.gif) no-repeat left;}
.home #home a:hover{background:url(../img/nav_Current_01.gif) no-repeat right;}

#events{height:114px; width:174px;}
#events a{display:block; width:174px; height:26px; background:url(../img/nav_Standard_02.gif) no-repeat left;}
#events a:hover{background:url(../img/nav_Standard_02.gif) no-repeat right;}
.events #events a{background:url(../img/nav_Current_02.gif) no-repeat left;}
.events #events a:hover{background:url(../img/nav_Current_02.gif) no-repeat right;}

#events #calendar{height:22px; width:174px;}
#events #calendar a{display:block; width:174px; height:22px; background:url(../img/nav_Standard_03.gif) no-repeat left;}
#events #calendar a:hover{background:url(../img/nav_Standard_03.gif) no-repeat right;}
.calendar #events #calendar a{background:url(../img/nav_Current_03.gif) no-repeat left;}
.calendar #events #calendar a:hover{background:url(../img/nav_Current_03.gif) no-repeat right;}

#events #programs{height:22px; width:174px;}
#events #programs a{display:block; width:174px; height:22px; background:url(../img/nav_Standard_04.png) no-repeat left;}
#events #programs a:hover{background:url(../img/nav_Standard_04.png) no-repeat right;}
.programs #events #programs a{background:url(../img/nav_Current_04.png) no-repeat left;}
.programs #events #programs a:hover{background:url(../img/nav_Current_04.png) no-repeat right;}

#events #workshops{height:22px; width:174px;}
#events #workshops a{display:block; width:174px; height:22px; background:url(../img/nav_Standard_05.gif) no-repeat left;}
#events #workshops a:hover{background:url(../img/nav_Standard_05.gif) no-repeat right;}
.workshops #events #workshops a{background:url(../img/nav_Current_05.gif) no-repeat left;}
.workshops #events #workshops a:hover{background:url(../img/nav_Current_05.gif) no-repeat right;}

#events #sales{height:22px; width:174px;}
#events #sales a{display:block; width:174px; height:22px; background:url(../img/nav_Standard_06.png) no-repeat left;}
#events #sales a:hover{background:url(../img/nav_Standard_06.png) no-repeat right;}
.sales #events #sales a{background:url(../img/nav_Current_06.png) no-repeat left;}
.sales #events #sales a:hover{background:url(../img/nav_Current_06.png) no-repeat right;}

#showcase{height:70px; width:174px;}
#showcase a{display:block; width:174px; height:26px; background:url(../img/nav_Standard_07.gif) no-repeat left;}
#showcase a:hover{background:url(../img/nav_Standard_07.gif) no-repeat right;}
.showcase #showcase a{background:url(../img/nav_Current_07.gif) no-repeat left;}
.showcase #showcase a:hover{background:url(../img/nav_Current_07.gif) no-repeat right;}

#showcase #kudos{height:22px; width:174px;}
#showcase #kudos a{display:block; width:174px; height:22px; background:url(../img/nav_Standard_08.gif) no-repeat left;}
#showcase #kudos a:hover{background:url(../img/nav_Standard_08.gif) no-repeat right;}
.kudos #showcase #kudos a{background:url(../img/nav_Current_08.gif) no-repeat left;}
.kudos #showcase #kudos a:hover{background:url(../img/nav_Current_08.gif) no-repeat right;}

#showcase #gallery{height:22px; width:174px;}
#showcase #gallery a{display:block; width:174px; height:22px; background:url(../img/nav_Standard_09.gif) no-repeat left;}
#showcase #gallery a:hover{background:url(../img/nav_Standard_09.gif) no-repeat right;}
.gallery #showcase #gallery a{background:url(../img/nav_Current_09.gif) no-repeat left;}
.gallery #showcase #gallery a:hover{background:url(../img/nav_Current_09.gif) no-repeat right;}

#resources{height:70px; width:174px;}
#resources a{display:block; width:174px; height:26px; background:url(../img/nav_Standard_10.gif) no-repeat left;}
#resources a:hover{background:url(../img/nav_Standard_10.gif) no-repeat right;}
.resources #resources a{background:url(../img/nav_Current_10.gif) no-repeat left;}
.resources #resources a:hover{background:url(../img/nav_Current_10.gif) no-repeat right;}

#resources #forms{height:22px; width:174px;}
#resources #forms a{display:block; width:174px; height:22px; background:url(../img/nav_Standard_11.gif) no-repeat left;}
#resources #forms a:hover{background:url(../img/nav_Standard_11.gif) no-repeat right;}
.forms #resources #forms a{background:url(../img/nav_Current_11.gif) no-repeat left;}
.forms #resources #forms a:hover{background:url(../img/nav_Current_11.gif) no-repeat right;}

#resources #lib{height:22px; width:174px;}
#resources #lib a{display:block; width:174px; height:22px; background:url(../img/nav_Standard_12.gif) no-repeat left;}
#resources #lib a:hover{background:url(../img/nav_Standard_12.gif) no-repeat right;}
.lib #resources #lib a{background:url(../img/nav_Current_12.gif) no-repeat left;}
.lib #resources #lib a:hover{background:url(../img/nav_Current_12.gif) no-repeat right;}

#contacts {height:26px; width:174px;}
#contacts a{display:block; width:174px; height:26px; background:url(../img/nav_Standard_13.gif) no-repeat left;}
#contacts a:hover{background:url(../img/nav_Standard_13.gif) no-repeat right;}
.contacts #contacts a{background:url(../img/nav_Current_13.gif) no-repeat left;}
.contacts #contacts a:hover{background:url(../img/nav_Current_13.gif) no-repeat right;}

#links {height:26px; width:174px;}
#links a{display:block; width:174px; height:26px; background:url(../img/nav_Standard_14.gif) no-repeat left;}
#links a:hover{background:url(../img/nav_Standard_14.gif) no-repeat right;}
.links #links a{background:url(../img/nav_Current_14.gif) no-repeat left;}
.links #links a:hover{background:url(../img/nav_Current_14.gif) no-repeat right;}

#members {height:26px; width:174px;}
#members a{display:block; width:174px; height:26px; background:url(../img/nav_Standard_15.png) no-repeat left;}
#members a:hover{background:url(../img/nav_Standard_15.png) no-repeat right;}
.members #members a{background:url(../img/nav_Current_15.png) no-repeat left;}
.members #members a:hover{background:url(../img/nav_Current_15.png) no-repeat right;}

