body {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        margin: 0;
        font-size: 80%;
        font-weight: bold;
        background: black;
        color: white;
        }



#boxen {
	margin-top: 5%;
	margin-left: 25%;
	margin-right: 25%;
	padding: 150px;
	background-color: #b39090dc;
	color: #000;
	border: 1px solid gray;
}

b{font-size: 110%;}
em{color: red;}

#maincontainer{
width: 100%; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
height: 100%;
}

#topsection{
background: #EAEAEA;
height: 80px; /*Height of top section*/
color: black;
}

#topsection h1{
margin: 0;
padding-top: 10px;
color: black;
}


#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin-left: 140px; /*Set left margin to LeftColumnWidth*/
color: #FFF;
width 100%;
}

#leftcolumn{
float: left;
width: 130px; /*Width of left column*/
height: 80%;
margin-left: -100%; /*Set left margin to -(MainContainerWidth)*/
background: black;
}

#footer{
clear: left;
width: 100%;
background: black;
color: #FFF;
text-align: center;
padding: 4px 0;
}

#footer a{
color: #FFFF80;
}

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

h2 {
        font: bold 14px Verdana, Arial, Helvetica, sans-serif;
        color: #000;
        margin: 0px;
        padding: 0px 0px 0px 15px;
}

ul {
        list-style: none;
        margin: 0;
        padding: 0;
        }

img {
    border: none;
}

#menu4 {
        width: inherit;
        margin: 1px;
        border-style: solid solid none solid;
        border-color: #000;
        border-size: 1px;
        border-width: 1px;
        }

#menu4 li a {
        height: 32px;
          voice-family: "\"}\"";
          voice-family: inherit;
          height: 24px;
        text-decoration: none;
        }

#menu4 li a:link, #menu4 li a:visited {
        color: #CCC;
        display: block;
        background:  url(../img/menu4.gif);
        padding: 0 0 0 10px;
        }

#menu4 li a:hover, #menu4 li #current { {
        color: #bb0808ff;
        background:  url(../img/menu4.gif) 0 -32px;
        padding: 0 0 0 10px;
        }



div.calendarbutton{
	position: absolute;
	width: 15px;
	height: 16px;
	background: transparent url("img/calendar_icon.png") no-repeat center;
}

#CalendarPickerControl{
	background-color: transparent;
	width: 250px;
	height: 200px;
}

#CalendarPickerControl table.calframe{
	width: 100%;
	border: 1px solid black;
	background-color: #6A7389;
	text-align: center;
}

#CalendarPickerControl td.monthname{
	width: 100%;
	font: normal 13px Verdana;
	color: #6A7389;
	font-weight: bold;
	background-color: #F0F0F0;
}

#CalendarPickerControl table.navigation{
	width: 100%;
	text-align: center;
}

#CalendarPickerControl td.navbutton{
	font: normal 11px Verdana;
	color: white;
	font-weight: bold;
	background-color: #6A7389;
	border-width: 1px;
	border-style: solid;
	border-color: #9097A2 #283043 #283043 #9097A2;
	cursor: pointer;
}

#CalendarPickerControl td.navbutton:hover{
	text-decoration: underline;
	border-color: #283043 #A6AFBB #A6AFBB #283043;
	background-color: #9097A2;
}

#CalendarPickerControl span.yearbutton{
	cursor: pointer;
}

#CalendarPickerControl span.yearbutton:hover{
	text-decoration: underline;
}

#CalendarPickerControl td.dayname{
	font: normal 11px Verdana;
	color: #6A7389;
	font-weight: bold;
	background-color: #F0F0F0;
}

#CalendarPickerControl td.today{
	font: normal 11px Verdana;
	background-color: #6A7389;
	color: red;
	text-decoration: none;
	cursor: pointer;
	border-width: 1px;
	border-style: solid;
	border-color: #9097A2 #283043 #283043 #9097A2;
}

#CalendarPickerControl td.today:hover{
	text-decoration: underline;
	border-color: #283043 #A6AFBB #A6AFBB #283043;
	background-color: #9097A2;
}

#CalendarPickerControl td.current{
	font: normal 11px Verdana;
	font-weight: bold;
	background-color: #9097A2;
	color: white;
	text-decoration: none;
	cursor: pointer;
	border-width: 1px;
	border-style: solid;
	border-color: #283043 #A6AFBB #A6AFBB #283043;
}

#CalendarPickerControl td.current:hover{
	text-decoration: underline;
}

#CalendarPickerControl td.day{
	font: normal 11px Verdana;
	background-color: #6A7389;
	color: white;
	text-decoration: none;
	cursor: pointer;
	border-width: 1px;
	border-style: solid;
	border-color: #9097A2 #283043 #283043 #9097A2;
}

#CalendarPickerControl td.day:hover{
	text-decoration: underline;
	border-color: #283043 #A6AFBB #A6AFBB #283043;
	background-color: #9097A2;
}

#CalendarPickerControl td.weekend{
	font: normal 11px Verdana;
	color: white;
	text-decoration: none;
	background-color: #61697D;
	font-style: italic;
	cursor: pointer;
	border-width: 1px;
	border-style: solid;
	border-color: #9097A2 #283043 #283043 #9097A2;
}

#CalendarPickerControl td.weekend:hover{
	text-decoration: underline;
	border-color: #283043 #A6AFBB #A6AFBB #283043;
	background-color: #9097A2;
}

#CalendarPickerControl td.dayothermonth{
	font:normal 11px Verdana;
	background-color: #9097A2;
	color: #B8B8B8;
	border: 1px solid #9097A2;
}

#CalendarPickerControl td.weeknumber{
	font:normal 9px Verdana;
	background-color: #6A7389;
	color: #B8B8B8;
	border-width: 0px;
}

/* Table styles for alternating row colors */
table {
    border-collapse: collapse;
    width: 100%;
}

.even {
    bgcolor: #f9f9f9;
}

.odd {
    bgcolor: #ffffff;
}


table.contacts {
    width: 70%;
}

table.contacts th {
    background-color: #ddd;
    padding: 8px;
    text-align: center;
    font-weight: bold;
}

table.contacts td {
    padding: 8px;
    border-bottom: 1px solid #ddd;
    text-align: center; /* Center all text in table cells */
}
table.even{
    bgcolor: #f9f9f9;
}

table.odd {
    bgcolor: #ffffff;
}
tr:nth-child(even){background-color: #f2f2f2}