html, body {
background-color: #A1A1A1;
}
#align
{
margin-left:auto;
margin-right:auto;
margin-top:0px;
}
#style1 {
color: #666666
}
#main_box {
background-color:#FFFFFF;
width:800px;
height:100%;
}
#top_bar{
background-image:url(top_bar.jpg);
background-repeat:repeat-x;
height:45px;
text-align:right;
}
#logo{
float:left;
background-image:url(logo.jpg);
background-repeat:no-repeat;
height:53px;
width:332px;
}
#quote{
width:350px;
height:53px;
margin-left:400px;
}
#menu_position{
width:160px;
height:auto;
float:left;
}
.menucont{
width:160px;
height:auto;
}
.menu_item{
margin:5px 0px 0px 5px;
background-color:#c4c4c4;
width:155px;
height:21px;
}
.menu_left{
float:left;
background-image:url(left_btn.jpg);
background-position:left;
width:3px;
height:21px;
}
.menu_right{
float:right;
background-image:url(right_btn.jpg);
background-position:right;
width:3px;
height:21px;
}
.menu1{
font-family:Arial, Helvetica, sans-serif;
float:left;
font-weight:700;
text-decoration:none;
background-color: #c4c4c4;
margin:2px 2px 2px 2px;
font-size:12px;
color:#FFFFFF;
}
a.menu1:link{
color:#ffffff;
text-decoration:none;
}
a.menu1:hover{
color:#CC0000;
text-decoration:none;
}
/*ul.menu IE*/
ul.menu{
margin-left:25px;
margin-top:5px;
margin-bottom:5px;
padding:0px;
}
/*ul.menu FFox (always under IE)*/
div#menu > ul.menu{
}
li.menu{
list-style-image:url(bullet.jpg);
font-family:Arial, Helvetica, sans-serif;
color:#999999;
font-weight:700;
font-size:12px;
padding:0px;
margin:0px;
}
a.sub_l:link{
text-decoration:none;
color:#999999;
}
a.sub_l:visited{
color:#999999;
text-decoration:none;
}
a.sub_l:hover{
color:#999999;
text-decoration:underline;
}
#content_box{
margin-top:2px;
background-repeat:no-repeat;
background-image:url(background.jpg);
float:right;
width:635px;
height:auto;
}
.bottom_bar{
background-color:#9e0b0f;
height:45px;
clear:both;;
}
/*ul.menu IE*/
div.b_bar{
padding:15px 0px 0px 0px;
color:#FFFFFF;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
font-weight:700;
}
/*ul.menu FFox*/
div.bottom_bar > div.b_bar{
padding:15px 0px 0px 0px;
color:#FFFFFF;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
font-weight:700;
}
/*art.title IE*/
#art_title{
float:left;
font-size:30px;
color:#d10000;
margin:10px 10px 10px 15px;
border-bottom: 3px dotted #e06161;
width:350px;
padding-bottom:5px;
}
/*art_text IE*/
#art_text{
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:80%;
color:#666666;
margin:0px 15px 15px 15px;
width:350px;
padding-bottom:15px;
}
/*ul.menu FFox*/
div#content_box > #art_title{
float:left;
font-size:30px;
color:#d10000;
margin:10px 10px 10px 25px;
border-bottom: 3px dotted #e06161;
width:350px;
padding-bottom:5px;
}
/*ul.menu FFox*/
div#content_box > #art_text{
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:80%;
color:#666666;
margin:0px 15px 15px 30px;
width:350px;
padding-bottom:0px;
}
#side_image{
float:right;
margin-top:5px;
/*
background-image:url(side_images.jpg);
background-repeat:no-repeat;
*/
width:214px;
height:583px;
}
/*
To remove the issue of visited links not following hovering rule explicitly use this order... link,visited,hover
*/
a:link.mail {
color:#0099FF;
text-decoration:none;
}
a:visited.mail {
color:#0099FF;
text-decoration:none;
}
a:hover.mail {
color:#0099FF;
text-decoration:underline;
}
.sub_head{
color:#CC0033;
font-family:Arial, Helvetica, sans-serif;
font-size:100%;
font-weight:600;
text-decoration:underline;
}
.sub_head2{
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:90%;
font-weight:600;
}
a:link.link2{
color:#CC0033;
text-decoration:underline;
}
a:visited.link2 {
color:#CC0033;
text-decoration:underline;
}
a:hover.link2 {
color:#ffffff;
text-decoration:underline;
background-color:#cc0033;
}
a:link.link{
color:#0099FF;
text-decoration:underline;
}
a:visited.link {
color:#0099FF;
text-decoration:underline;
}
a:hover.link {
color:#ffffff;
text-decoration:underline;
background-color:#0099FF;
}
a:link.map_link{
color:#0099FF;
text-decoration:underline;
}
a:visited.map_link {
color:#0099FF;
text-decoration:underline;
}
a:hover.map_link {
color:#0099FF;
text-decoration:underline;
}
ol li.lead{
border-top: 2em solid #ffffff;
}
.event_date{
padding:8px 5px 5px 20px;
font-family:"Times New Roman", Times, serif;
font-size:14px;
color:#CC0000;
font-style:italic;
font-weight:700;
float:left;
background-image:url(post_it.jpg);
background-repeat:no-repeat;
width:70px;
height:70px;
}
.event_details{
float:none;
padding-top:10px;
}
.img_border{
float:left;
border:1px solid #000000;
padding:4px 4px 4px 4px;
margin: 10px 15px 5px 10px;
}
/*
.black_overlay{
position: absolute;
top: 0%;
left: 0%;
width: 100%;
height: 100%;
background-color: black;
z-index:1001;
-moz-opacity: 0.8;
opacity:.80;
filter: alpha(opacity=80);
}
*/
.lightb{
border: 1px solid #cccccc;
z-index:1003;
}
#lightbox{
display:none;
background:#ffffff;
border: 2px solid #cccccc;
position: absolute;
top: 25%;
left: 25%;
padding:10px 10px 40px 10px;
z-index:1002;
}
.lb_btn{
position:absolute;
margin-top:4px;
margin-left:-235px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
border:1px solid #cccccc;
padding:4px 4px 4px 4px;
}
.lb_btn1{
position:absolute;
margin-top:4px;
margin-left:-190px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
border:1px solid #cccccc;
padding:4px 4px 4px 4px;
}
.lb_btn2{
position:absolute;
margin-top:4px;
margin-left:-109px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
border:1px solid #cccccc;
padding:4px 4px 4px 4px;
}
.text_box{
border:1px solid #666666;
width:200px;
}
.text_btn{
border:1px solid #666666;
}
.text_area{
border:1px solid #666666;
}
.username
{
display:none;
}
h3{
font-family:"Times New Roman", Times, serif;
text-align:left;
color:#CC0033;
border-bottom:2px solid #CC0033;
font-weight:normal;
margin-bottom:5px;
}