body { font-family: 'Times New Roman', 'Georgia', serif; font-size:12pt; text-shadow:0px 0px black;}

h1 { font-size: 22pt; padding-top:0; text-align:center; font-weight:normal; padding:5px; }
h2 { padding-top:0; text-align:center; font-weight:normal; margin-top: 0em; clear:both;}
h3 { padding-top:0; text-align:center; font-size: 1.4em; font-weight:normal; margin-bottom:10px; }
h4 { padding:0; margin:0; text-align:center; font-size:1.3em; font-style:italic;}
h5 { font-size:1.3em;}
a { color: blue; text-decoration:none;}
a:hover { color:red; }
a:visited { color:darkblue;}
.right { text-align: right;}
.center { text-align:center; }
p.center { clear:both; }
p.center a {text-align:center;}
dl.tile { width:200px; height:150px; padding:7px; float:left; margin:1em; border:1px solid #333;}
#art dt { border:1px solid black; background:black;}

.container { margin:0 auto; }

#header {  text-align:right;  margin:2em auto; font-size: 10pt;}
#header h1 { width:154px; margin:0; padding: 65px 0 0 0; float:left;color:white; overflow: hidden; background: url('http://castinearts.org/media/img/header.jpg') no-repeat; height:0px !important; height /**/:65px;}
#header ul.menu {  height:39px; width:581px; top:0; right:0; padding:0 15px 0 0;  margin:0; float:right;    background:black; border-top:1px solid white; font-weight:bold; font-size:12pt;}
#header ul.menu li { float:right;text-align:right; height:29px; margin:10px 5px 0 5px; list-style: none; display:inline; padding:  3px 15px 0px 15px; font-style:italic;}
#header ul.menu li.active { background: white; color: black; }
#header ul.menu a { color:white; }
#header ul.menu a:hover { color:red;}
#header ul.menu a:active { color:blue;}

li.committee { list-style:none; font-size:16pt; }
.events li#events { background: white; color: black; }
.events li#events a { color:black; }
.membership li#membership {background: white; color: black;}
.membership li#membership a {color:black;}
.board li#board {background: white; color: black;}
.board li#board a {color:black;}

#events { margin: 0px auto;}

#event-detail {margin:0 auto; }
#event-detail a:hover { color:red;}
#event-detail dt {padding-top: 10px; text-align:center; font-size:1.8em; font-weight:bold; width:300px; margin:0 auto;}
#event-detail dd { text-align:center; display:block; padding:5px; margin:0 auto; }
#event-detail dd.date { font-size:1.4em; font-weight:bold;}
#event-detail dd.type { font-size:1.4em; padding:10px;}
#event-detail dd.subtitle { font-size: 1.4em;}
#event-detail dd.time-place {font-size:1.2em; }
#extra-details { text-align:left; width:400px; margin:1em auto 2em auto; padding:1em; }
#extra-details p { padding:0.4em;}

#footer { clear:both;  width:800px; border-top:1px solid black; margin-top:2em;}
#footer h1 { font-size:10pt; text-align:left; }