html, body{
width:100%;
padding:0;
margin:0;
background-color:#dddddd;
}

/***************************************************************************************************
Header styles
**************************************************************************************************/

#header{
height:105px;
margin:0px 20px 50px 20px;
padding:0;
border-width:0px 0px 5px 0px;
border-style:solid;
border-color:#3366cc;
}

div.small_header{
height:30px;
margin:0px 20px 10px 20px;
padding:0;
border-width:0px 0px 5px 0px;
border-style:solid;
border-color:#3366cc;
}

/* contains the ubmc image*/
#logo_link {
/*font-family:Times, serif;
font-size:2em;
text-align:right;*/
position:absolute;
top:30px;
left:30px;
padding:0;
margin:0;
border:0;
}

#title_text{
    display:none;
}

#title {
    display:none;
}

#small_title {
position:absolute;
top:20px;
left:40px;
padding:0;
margin:0;
border:0;
}

#logo_link img, #small_title a img { border:0; }

/* the image in the header */
#header_image {
position:absolute;
top:40px;
right:40px;
}

/* the links */
#links {
list-style-type:none;
font-size:1.2em;
position:absolute;
top:135px;
left:40px;
padding:0;
margin:0;
border:0;
}
/* small header links */
#small_links {
list-style-type:none;
font-size:1.2em;
position:absolute;
top:30px;
left:200px;
padding:0;
margin:0;
border:0;
}

#links li {
padding-right:10px;
display:inline;
color:#3366cc;
}

#small_links li {
padding-right:10px;
display:inline;
color:#3366cc;
}



#links a:link, #small_links a:link {color:inherit; text-decoration: none; background-color:inherit;}
#links a:active, #small_links a:active {color:inherit; text-decoration: none; background-color:inherit;}
#links a:visited, #small_links a:visited {color:inherit; text-decoration: none; background-color:inherit;}
#links a:hover, #small_links a:hover {color:white; text-decoration: none; background-color:#00d240;}

#small_header_nof{
float:right;
font-size:0.7em;
text-decoration:none;
}

/***************************************************************************************************
Body styles
**************************************************************************************************/

/* the left hand side of the page */
#next_event_info {
position:absolute;
top:185px;
left:40px;
width:200px;
margin:0;
padding:0;
line-height:20px;
/*border-width:1px;
border-color:red;
border-style:solid;*/
}

/* see ubmcstyle-box.css for the code for the rounded edge box */

/* all the messages on the index page */
#messages{}

/* container for each message */
.message{
margin:10px 0px 10px 0px;
}

/* the message text */
.msg{}

/* components of each message */
.msg_title{
font-weight:bold;
}
.msg_sub{}
.msg_date{
font-size:0.9em;
font-style:italic;

}

/* the whole right hand side of the page - the main text area */
#body{
padding:0;
margin:0px 200px 50px 250px;
height:100%;
border:0;
font-size:0.9em;
}

/* page content table */
table.content_table {
}

/* table of all events cells - events.php page */
td.event_date{
font-weight:bold;
}
td.event_place{
font-weight:bold;
color:#3366cc;
}
td.event_desc{}

/* the left box top paragraph - todays date */
#next_event_info p {
color:#3366cc;
font-size:1.1em;
margin:2px;
padding:0px 5px 20px 5px;
}

/* the next trip or social detail */
.event_detail {
/*border:1px;
border-color:red;
border-style:solid;*/
margin:2px;
padding:5px;
}
/* the general messages area */

/* next event detail sections - in trip_social.inc */
span.next_event_date {
display:inline;
font-size:1.1em;
padding-left:10px;
}
span.next_event_place {
display:block;
font-size:1.1em;
}
span.next_event_desc {
display:block;
margin-top:10px;
}
span.next_event_title a {
display:inline;
font-weight:bold;
color:#3366cc;
font-size:1.2em;
text-decoration:none;
}

div.later_events {
display:block;
margin-top:20px;
font-size:0.9em;
}


span.later_event_date{
display:inline;
font-size:1.0em;
}
span.later_event_place{
display:block;
font-size:1.0em;
padding-left:10px;
}

/***************************************************************************************************
Footer styles
**************************************************************************************************/

#footer ul li {
display:inline;
}

#footer {
margin:0;
border-width:2px 0 0 0;
border-style:solid;
border-color:#dddddd;
font-size:0.8em;
text-align:center;
}

/***************************************************************************************************
Committee page styles
**************************************************************************************************/

div.committee_name {
clear:right;
font-size:1.1em;
font-weight:bold;
color:#3366cc;
}

div.committee_desc {}
div.committee_email {
clear:right;
}
img.committee_img{}