body
{
	background-color: Black;
	color: #333333;
	font-family: Tahoma, Arial, Verdana;
	font-size: 12pt;
}
p
{
    color: #333333;
	padding: 0;
	margin: 10px 0;
}
a
{
    color: #2e748d;
}
a:hover
{
	color: #cccccc;
}
ul
{
    margin: 0 0 0 16px;
    padding: 0;
}
img
{
    border: none;
}
h1
{
    color: Black;
	font-size: 18pt;
	font-weight: bold;
}
h2
{
	color: #2e748d;
	font-size: 16pt;
	font-weight: bold;
	margin: 5px 0;
	padding: 0;
}
h3
{
    color: #999999;
	font-size: 12pt;
	font-weight: bold;
	padding: 0;
	margin: 10px 0 5px 0;
}

/****************************************************/
/* LAYOUT */
/****************************************************/
#container
{
    background-color: Black;
    width: 700px;
    margin: 10px auto;
}
#header
{
    clear: both;
    text-align: center;
}
#menu
{
    clear: both;
    padding: 10px 0;
    text-align: center;
}
#menu a.menu
{
    background-color: Transparent;
    color: #ffcc00;
    font-size: 10pt;
    font-weight: bold;
    text-decoration: none;
}
#menu a.selected
{
    background-color: #ffcc00;
    color: Black;
    font-size: 10pt;
    font-weight: bold;
    padding: 0 5px;
    text-decoration: none;
}
#menu a:hover
{
    color: #2e748d;
    text-decoration: underline;
}
#menu ul
{
    margin: 0;
}
#menu ul li
{
    display: inline;
    margin: 0 16px;
}
#menu ul li ul
{
    display: none;
}
#submenu
{
    background-color: #ffcc00;
    display: none;
    padding: 5px;
    position: absolute;
    z-index: 1;
}
#submenu ul li
{
    border-bottom: solid 1px White;
    display: block;
    list-style-type: none;
    margin: 0;
    text-align: left;
}
#submenu a
{
    background-color: Transparent;
    color: #2e748d;
    font-size: 10pt;
    font-weight: bold;
    text-decoration: none;
}
#body
{
    background-color: White;
    clear: both;
}
#left
{
    background: #2e748d url(../../images/bkg_left.gif) repeat-y left top;
    float: left;
    font-size: 10pt;
    min-height: 400px;
    width: 180px;
}
#left h3
{
    margin-top: 32px;
    color: White;
}
#left p
{
    color: #efefef;
}
#left a
{
    color: White;
}
#content
{
    float: right;
    min-height: 400px;
    padding: 0;
    width: 500px;
}
#footer
{
    background-color: #cccccc;
    clear: both;
    color: Black;
    font-size: 8pt;
    text-align: center;
    padding: 10px;
}
#admin
{
    clear: both;
}
#login
{
    color: #cccccc;
    float: left;
    font-size: 8pt;
    width: 200px;
    margin: 10px 0 0 10px;
}
#credits
{
    display: none;
    float: right;
    margin: 10px 10px 0 0;
    width: 400px;
    text-align: right;
}
#login a, #credits a
{
    font-size: 8pt;
    color: #cccccc;
    text-decoration: none;
}
#login a:hover, #credits a:hover
{
    text-decoration: underline;
}

/***************/
/* FORM STYLES */
/***************/
.form
{
    background-color: #efefef;
    clear: both;
    padding: 10px;
}
.form .row
{
    clear: both;
    margin: 10px 0;
}
.form .row label
{
    clear: both;
    display: block;
    font-size: 10pt;
    font-weight: bold;
}
.form .row label td label
{
    display: inline;
    font-weight: normal;
}
input.submit
{
	background-color: #2e748d;
	color: White;
	font-weight: bold;
}
input.button
{
    background-color: #cccccc;
	color: White;
	font-weight: bold;
}
.alert
{
    background: Red;
	color: White;
	font-size: 10pt;
	font-weight: bold;
	padding: 5px;
}
/****************/
/* MISC STYLES */
/***************/
.dim
{
    color: #999999;
    font-size: 8pt;
}
.hidden
{
    display: none;
    visibility: hidden;
}
.clear
{
    clear: both;
}
.small
{
    font-size: 8pt;
    color: #cccccc;
}
div.separator
{
    border-bottom: dashed 1px #3399ff;
    color: White;
    clear: both;
    padding: 0;
    margin: 5px 0;
}
/****************************************************/
/* CALENDAR STYLES */
/****************************************************/
.calendar
{
    clear: both;
    margin: 10px 0;
}
.cal_main
{
    height: 64px;
}
.cal_dayHeader
{
    background-color: Black;
    color: White;
}
.cal_day
{
    border: solid 1px #efefef;
    font-size: 8pt;
    height: 80px;
    text-align: left;
}
.cal_day a, .cal_otherMonthDay a, .cal_selectedDay a, .cal_todayDay a, .cal_weekendDay a
{
    text-decoration: none;
}
.cal_nextPrev
{
}
.cal_otherMonthDay
{
    background-color: #cccccc;
    border: solid 1px #efefef;
    font-size: 8pt;
    height: 60px;
    text-align: left;
}
.cal_selectedDay
{
    background-color: #ffcc00;
    border: solid 1px #efefef;
    font-size: 8pt;
    text-align: left;
}
.cal_selector
{
}
.cal_title
{
    background-color: #2e748d;
    color: #ffcc00;
	font-size: 14pt;
	font-weight: bold;
}
.cal_todayDay
{
    background-color: #ffcc00;
    border: solid 1px #efefef;
    font-size: 8pt;
    text-align: left;
}
.cal_weekendDay
{
    background-color: #efefef;
    border: solid 1px #efefef;
    font-size: 8pt;
    text-align: left;
}
.cal_admin
{
    display: none;
    height: 16px;
}


/****************************************************/
/* GALLERY STYLES */
/****************************************************/
.gallery
{
    clear: both;
    margin-top: 10px;
}
.image
{
    float: left;
    height: 80px;
    margin-right: 5px;
    width: 100px;
}
.image span
{
    color: #2e748d;
    font-size: 8pt;
}

/****************************************************/
/* EDITOR STYLES */
/****************************************************/
.instructions
{
    position: absolute;
    left: 0;
    top: 0;
    background-color: #cccccc;
    color: #999999;
    font-weight: bold;
    font-size: 8pt;
    padding: 5px;
    text-align: left;
    display: none;
}
    
/****************************************************/
/* CSS HACKS */
/****************************************************/
.clearfix:after, #header:after, #body:after, #content:after, #admin:after, .bio:after
{
	content: ".";
	display: block;
	height: 0;
	line-height: 0px;
	clear: both;
	visibility: hidden;
}
.clearfix, #header, #body, #content, #admin
{
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix, * html # header, * html # body, * html # content, * html # admin
{
	height: 1%;
}
.clearfix, #header, #body, #content, #admin
{
	display: block;
}
/* End hide from IE-mac */