.clear {clear: both;}

a {color: #2E9FF7; }

a img {border: 0; }

input:focus {background-color:#F4F5D0} 

body {
    background-color: #666;
    margin: 0;
    font-family: Helvetica, 'Helvetica Neue', Arial, sans-serif; 
    font-size: 12px; 
    color:#000;
    line-height:17px; 
    text-align: left;
    }    

#nav {
    width: 100%;
    height: 24px;
    margin: 0;
    background: url(../images/nav-bg-dark.png) repeat-x;
    text-align: center;
    }

#nav table {
    margin: 0px auto; 
    background: url(images/nav-bg.png) repeat-x top; 
    text-align:center
    }
    
#nav table img { border: 0; }

#splash {
    width: 600px;
    margin: 0px auto 0px auto;
    }

#details {
    top: 0px;
    right: 0px;
    position: absolute;

    }

#content {
    width: 574px;
    border-left: 1px #DDD solid;
    border-right: 1px #DDD solid;
    padding: 6px 12px 0px 12px;
    margin: 0px auto 0px auto;
    position: relative;
    background-color: #FFF;
    font-family: Helvetica, 'Helvetica Neue', Arial, sans-serif; 
    font-size: 12px; 
    color:#000;
    line-height:18px; 
    }   

#send-button {
	width: 88px;
	height: 38px;
	background: url(../images/button-send.png) top no-repeat;
	}

#send-button:active {
	width: 88px;
	height: 38px;
	background: url(../images/button-send.png) bottom no-repeat;
	}

.cell-event a {
    width: 188px;
    border: 1px #CCC solid;
    margin: 0px 18px 18px 0px;
    padding: 6px;
    float:left; 
    }   

.cell-event a:hover { background-color: #EEE; cursor: pointer; }    
    
#footer {
    width: 100%;
    }

#footer .inner {
    width: 600px; 
    margin: 0px auto;
    background-color: #303030;
    border-top: 1px #D7E04A solid; 
    font-family: Georgia, serif;
    font-size: 15px;
    font-weight: bold;
    color: #D7E04A;  
    line-height: 20px;
    vertical-align: middle;    
    }

td.rsvp
{
	color: #000;
	font-family: Helvtica, Arial;
	font-size: 12px;
}

/* tooltip */
a.info {
	font-family: Tahoma, Arial, Sans-Serif;
	text-decoration:none; 
	position: relative;
}

a.info span {
	position: relative;
	display:none;
}

a.info:hover {
	position: relative;
	cursor:default;
}

a.info:hover .infobox {
	font-weight: normal; 
	display:block; 
	position:absolute; 
	top:20px;;
	left:25px;
	width:205px; 
	height:110px; 
	border: 1px solid #ccc; 
	background:#FC0 url(question.gif) no-repeat bottom right; 
	color:#000; 
	text-align:left; 
	font-size:0.9em; 
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
}