html{
background-image: url(../images/dromoi/asfaltos.jpg);
}

body{
background-image: url(../images/dromoi/asfaltos-header2.jpg);
background-repeat: no-repeat;
background-position:top  center;
}

#custom-doc { width:60.31em;*width:58.00em;min-width:784px; margin:auto; text-align:left; } 
  
div.main_body_container{
background-color: white;
margin-left: 1px;
margin-top: -10px;
*margin-top: -2px;
border-top: 0px;
border-left: 5px solid black;
border-right: 5px solid black;
border-bottom: 5px solid black;
}

div.main_body_header{
height: 255px;
}

div.body_footer{
text-align: center;
background-color: white;
border: 5px solid black;
margin-top: 7px;
}
 
#menu{ width: 740px; padding-left: 30px; }
#menu ul{list-style-type: none;}
#menu ul li{display: inline;}

#intro_text{
border: 0px solid red;
font-family: "Trebuchet MS", verdana, Arial, Helvetica, Myriad, sans;
font-size: 9pt;
line-height: 1.4em;
color: #333333;
padding-left: 0px;
padding-right: 30px;
text-align: justify;
}

#events_list{
font-family: Arial, Helvetica, Myriad, sans;
font-size: 8pt;
line-height: 1.4em;
color: #333333;
padding-left: 30px;
padding-right: 15px;
text-align: justify;
}

#events_list p{
font-family: Arial, Helvetica, Myriad, sans;
font-size: 8pt;
line-height: 1.4em;
color: #333333;
padding-left: 7px;
padding-right: 15px;
text-align: justify;
} 

table.gallery img{
margin: 5px;
}

#intro_text p{font-family: "Trebuchet MS", verdana, Arial, Helvetica, Myriad, sans; font-size: 9pt; line-height: 1.4em; color: #333333;}
#intro_text strong{font-weight: bold;}
#intro_text em{font-style: italic;}

#events_list div.thumb{
margin-right: 10px;
}

#events_list h3.header-1{ font-size: 11pt; font-weight: bold; color: #ed1c24;}
#events_list h3.header-2{ font-size: 11pt; font-weight: bold; color: #993393;}
#events_list h3.header-3{ font-size: 11pt; font-weight: bold; color: #f3702b;}
#events_list h3.header-4{ font-size: 11pt; font-weight: bold; color: #a3cf62;}
#events_list h3.header-5{ font-size: 11pt; font-weight: bold; color: #00b4cf;}

#events_list h3.header-1 a:link, #events_list h3.header-1 a:visited{ text-decoration: none; font-size: 11pt; font-weight: bold; color: #ed1c24; }
#events_list h3.header-2 a:link, #events_list h3.header-2 a:visited{ text-decoration: none; font-size: 11pt; font-weight: bold; color: #993393; }
#events_list h3.header-3 a:link, #events_list h3.header-3 a:visited{ text-decoration: none; font-size: 11pt; font-weight: bold; color: #f3702b; }
#events_list h3.header-4 a:link, #events_list h3.header-4 a:visited{ text-decoration: none; font-size: 11pt; font-weight: bold; color: #a3cf62; }
#events_list h3.header-5 a:link, #events_list h3.header-5 a:visited{ text-decoration: none; font-size: 11pt; font-weight: bold; color: #00b4cf; }

#events_list h3.header-1 a:hover{ text-decoration: underline; font-size: 11pt; font-weight: bold; color: #ed1c24;}
#events_list h3.header-2 a:hover{ text-decoration: underline; font-size: 11pt; font-weight: bold; color: #993393;}
#events_list h3.header-3 a:hover{ text-decoration: underline; font-size: 11pt; font-weight: bold; color: #f3702b;}
#events_list h3.header-4 a:hover{ text-decoration: underline; font-size: 11pt; font-weight: bold; color: #a3cf62;}
#events_list h3.header-5 a:hover{ text-decoration: underline; font-size: 11pt; font-weight: bold; color: #00b4cf;}

#events_list h3.header-1 a:active{text-decoration: underline; font-size: 11pt; font-weight: bold; color: yellow;}
#events_list h3.header-2 a:active{text-decoration: underline; font-size: 11pt; font-weight: bold; color: yellow;}
#events_list h3.header-3 a:active{text-decoration: underline; font-size: 11pt; font-weight: bold; color: yellow;}
#events_list h3.header-4 a:active{text-decoration: underline; font-size: 11pt; font-weight: bold; color: yellow;}
#events_list h3.header-5 a:active{text-decoration: underline; font-size: 11pt; font-weight: bold; color: yellow;}

#events_list div.description{
margin-top: 3px;
font-size: 9pt;
color: #333;
line-height: 1.5em;
}

#events_list div.more_info{
margin-top: 3px;
font-size: 8pt;
font-weight: bold;
color: #333;
line-height: 1.5em;
color: #464646;
}

#events_list div.more_info a:link, #events_list div.more_info a:visited {
color: #448ccb;
text-decoration: none;
border-bottom: 1px dotted #448ccb;
}


#calendar table{width: 215px;}
#calendar table td{ padding: 4px; border: 2px solid white;}
#calendar table td{padding-top: 3px;}
#calendar table td.dayname{
font-family: verdana, helvetica, sans;
background-color: #464646; color: white; font-weight: bold; margin: 0px;
font-size: 8pt;
font-weight: bold;
}

#calendar table td.day{
font-family: verdana, helvetica, sans;
font-weight: bold; margin: 0px;
font-size: 8pt;
font-weight: bold;
}

#calendar table td.day_selected{
background-color: #f7d50b;
font-family: verdana, helvetica, sans;
font-weight: bold; margin: 0px;
font-size: 8pt;
font-weight: bold;
}

#calendar table td.day_current{
border: 4px solid white;
background-color: #ff0000;
font-family: verdana, helvetica, sans;
font-weight: bold; margin: 0px;
font-size: 10pt;
font-weight: bold;
color: white;
}

#calendar table td.day_past{
background-color: silver;
font-family: verdana, helvetica, sans;
font-weight: bold; margin: 0px;
font-size: 8pt;
font-weight: bold;
}

#mailing-list{
text-align: right;
}

#mailing-list input.text{
border: 1px solid #9e0039;
background-color: white;
font-family: "Trebuchet MS", verdana, arial, helvetica, sans;
font-size: 8pt;
font-weight: bold;
color: #464646;
padding: 3px;
margin-top: 4px;
width: 165px;
}

#mailing-list input.submit{border: 1px dotted white;background-color: #9e0039;font-family: "Trebuchet MS", verdana, arial, helvetica, sans;font-size: 8pt;font-weight: bold;color: white;padding: 1px;margin-top: 4px;width: 65px;}
div.status{
background-color: #9e0039;
color: white;
font-size: 8pt;
font-weight: bold;
padding-right: 10px;
border: 10px solid white;
padding: 10px;
}