/* Colors: logo green #366 dark green #033 dark blue #036 gray #999 dark gray #333 light gray #DFDFDF */

/*>>>>>>>>>> General <<<<<<<<<<*/

a { color: #036; text-decoration: none; }
a:hover, a:active { text-decoration: underline; }
body { text-align: center; font-family: arial, helvetica, sans-serif; font-size: 13px; color: #000000; background-color: #fff; background-image: none; }
h1 { color: #003366; font-size: 24px; font-weight: bold; margin-bottom: 0; }
h2 { color: #000000; font-size: 20px; font-weight: bold; }
ul { list-style-type: square; }

/*>>>>>>>>>> Structure <<<<<<<<<<*/

#container { width: 585px; float: right; }	
#wrap { margin: 0 auto; width: 714px; text-align: left; }
#header { height: 93px; width: 714px; padding: 0; margin: 0; background: transparent url(../images/header.png) no-repeat top left; }
#topnav a, #topnav a:visited { text-decoration: underline; color: #333; font-size: 11px; line-height: 11px; margin: 0; padding: 0; }
#topnav a:hover { color: #036; }
#topnav form { padding-top: 69px; margin: 0; float: right; }
#leftcol { width: 120px; float: left; }
#centercol { width: 287px; float: left; }
#rightcol { width: 287px; float: right; }
#footer { clear: both; margin: 0; border-top: 1px solid #999; }
#footer p { margin: 0; padding: 0; font-size: 10px; color: #333; }
#footer a, #footer a:visited { color: #333; text-decoration: underline; }
#footer a:hover { color: #036; }

.sectionhead { width: 100%; height: 18px; padding: 0; background: #FFF url(../images/CCC_gradient.png) top repeat-x; }
.sectionhead h2 { margin: 0 0 0 4px; float: left; font-size: 11px; font-weight: normal; color: #333; }
.sectionhead h4 { margin: 2px 4px 0 0; float: right; font-size: 12px; font-weight: normal; }
.sectionhead a, .sectionhead a:visited { color: #333; text-decoration: underline; font-weight: bold; }
.sectionhead a:hover { color: #036; }

/*>>>>>>>>>> Menu <<<<<<<<<<*/

#menu { font-size: 12px; margin: 0; }
#menu ul { list-style-type: none; margin: 4px 0 0 0; padding-left: 0; }
#menu li { border-bottom: 1px solid #033; }
#menu a, #menu a:visited { display: block; color: #fff; padding: 2px 0 2px 4px; background-color: #366; border-left: 6px solid #033; }
#menu a:hover { text-decoration: underline; background-color: #418181; }
#menu a.selected, #menu a.selected:hover { background-color: #033; cursor: default; font-weight: bold; text-decoration: none; }
#supportmenu { display: none; }

/*>>>>>>>>>> Museum Monthly <<<<<<<<<<*/

#mmonthly { border: 1px solid #999; margin: 4px 0; padding: 2px; }
#mmonthly a, #mmonthly a:visited { text-decoration: none; color: #333; }
#mmonthly a:hover { text-decoration: underline; }
#mmonthly img { border: none; }
#mmonthly p { font-size: 11px; margin: 0; text-align: center; }

/*>>>>>>>>>> Left Column Ad <<<<<<<<<<*/
#ad { margin: 4px 0; }

/*>>>>>>>>>> Events <<<<<<<<<<*/

#events { border: 1px solid #366; margin: 4px 0; }
#events h2 { display: block; margin: 0 0 5px 0; padding: 2px 0 2px 6px; color: #fff; font-size: 14px; background-color: #366; }
#events p { margin: 0 6px 5px 6px; font-size: 11px; }

/*>>>>>>>>>> Promo <<<<<<<<<<*/

#promo { margin: 3px 0 5px 0; width: 584px; }
#promo img { margin: 0; border: 0 none #fff; }

/*>>>>>>>>>> Classic <<<<<<<<<<*/

#classic { min-height: 140px; border: 1px solid #DFDFDF; }
#classic a img { margin: 5px 0 5px 5px; float: right; border: 0 none #fff; }
#classic a:visited { color: #036; }
#classic h3 { clear: both; font-size: 16px; margin: 5px 0 0 5px; }
#classic p { margin: 0 5px 5px 5px; color: #333; }

/*>>>>>>>>>> News <<<<<<<<<<*/

#news { margin: 5px 0 0 0; border: 1px solid #DFDFDF; }
#news p { margin: 10px 5px 0 5px; padding: 0; clear: both; color: #333; }
#news p a { font-weight: bold; }
#news a img { margin: 0 5px 0 0; border: 1px solid #036; float: left; }
#news h3 { margin: 15px 5px 0 5px; font-size: 14px; color: #333; }
#news ul { margin: 3px 0 5px 0; padding-left: 25px; }
#news li { margin-top: 5px; line-height: 110%; color: #666; }
#news li a { font-weight: normal; }

/*>>>>>>>>>> HOF <<<<<<<<<<*/

#hof { min-height: 195px; background-color: #FFF; border: 1px solid #DFDFDF; }
#hof h3 { clear: both; font-size: 16px; margin: 5px 0 0 4px; }
#hof a img { margin: 0 5px 5px 5px; float: right; border: 0 none #fff; }
#hof a:visited { color: #036; }
#hof p { margin: 0 0 5px 5px; color: #333; }

/*>>>>>>>>>> AMA <<<<<<<<<<*/

#ama { margin: 5px 0; clear: both; border: 1px solid #999; padding: 10px; }
#ama img { float: right; margin-top: 5px; border-style: none;}
#ama h3 { margin: 0; padding: 0; font-size: 16px; color: #333; }
#ama p { margin: 5px 0 0 0; font-size: 12px; }
#ama p a { font-weight: bold; text-decoration: underline; }
#ama a:visited, #ama a { color: #039; }

/*>>>>>>>>>> Artehouse <<<<<<<<<<*/

#artehouse { margin-bottom: 5px; margin-top: 10px; width: 285px; height: 155px;}
#artehouse a img { }