/* standard elements */
* {
	margin: 0;
	padding: 0;
}
a {
	color: #038;
/*	color: #36C;*/
	text-decoration: none;
	border-bottom: none;
}
a:hover {
	color: #47C;
/*	color: #06F;*/
	text-decoration: none;
}
html, body {
    background-color: #CCC;
    height: 100%;

 /* */
	background: url(img/20original1.gif);
	color: #444;
	font: normal /*62.5%*/0.8em "Lucida Sans Unicode",sans-serif;
	margin: 0;
}

input {
	font: normal 1.0em "Lucida Sans Unicode",sans-serif;
	background: #ddddee;
	border: 1px solid #145C84;
	margin: 2px 1em 2px 0;
}

input[type="submit"] {
	margin: 3px 6px 3px 0;
	padding: 0px 6px 0px 6px;
	text-align: center;
	background: #ddddee;
	border: 2px solid #222244;
}

input[type="submit"]:hover {
	color: #145C84;
	border: 2px solid #145C84;
}

input[type="submit"]:active {
	color: #145C84;
	border: 2px solid #145C84;
	position: relative;
	top: 1px;
	left: 1px;
}

input[type="checkbox"] {
	padding-left: 4px;
	padding-right: 4px;
	border: 0;
	background-color: #FFF;
}

p,cite {
	/*font-size: 1.2em;*/
	padding-top: 0.3em;
	padding-bottom: 0.7em;
}
ul {
	font-size: 1.0em;
	padding-bottom: 1.1em;
}

h1,h2,h3 {
	color: #256D95;
	padding-top: 6px;
}

h1 {
	font-size: 1.6em;
	margin-bottom: 8px;
}

h2 {
	font-size: 1.2em;
	margin-bottom: 4px;
}

h3 {
	font-size: 1.05em;
	margin-bottom: 4px;
}

cite {
	background: url(img/quote.gif) no-repeat;
	color: #666;
	display: block;
	font: normal 1.06em "Lucida Sans Unicode",serif;
	padding-left: 28px;
}

hr {
	color: #256D95;
	background-color: #256D95;
	height: 3px;
	border: 0px;
	margin-bottom: 6px;
}

img {
   margin: 6px;
}

fieldset {
	padding: 10px 15px 10px 15px;
	margin: 15px auto;
	text-align: center;
	width: 10px;
	border: 1px solid #145C84;
}

legend {
	font-size: 1.05em;
	font-weight: bold;
	color: #256D95;
	padding: 0 4px 4px 4px;
}

.value textarea {
	font-family: "Lucida Sans Unicode",sans-serif;
	font-size: 1.0em;
	width: 96%;
	margin: 0 0.5em 0 0.5em;
	padding: 0.1em;
}


/* misc */
.clearer {
	clear: both;
}

/* structure */
.container {
	background: url(img/bgcontainer.png) repeat-y;
	margin: 0 auto;
 padding: 0;
/*	padding-bottom: 6px;*/
	width: 727px;
 min-height: 100%;
	/*height: 100%;*/
/*	background-color: #FFFF00;*/
}

.header {
    background: url(img/header_pic.jpg);
    height: 200px;
    padding-right: 3px;
}

.header .loginText {
	padding: 5px 0px 0px 12px;
}

.header .languageSelect {
    float: right;
    padding: 0px 3px 0px 0px;
    line-height: 0.1em;
}

.languageSelect a img.flag {
    margin: 2px 0px -5px 0;
    padding: 0;
    border: none;
}


/* main */
.main {
	clear: both;
	padding: 8px 18px;
/*	background-color: #FF0000;*/
	height: 100%;
}

/* main left */
.sidecontainer {
    margin: 0;
/*    padding: 0; */
}

.sidenav {
    background-color: #42628B;
/*    background: url('img/sidenav_bg.png');*/
/*    float: left;*/
    width: 180px;
    /*height: 440px;*/
    border-left: 2px solid #235;
    border-right: 2px solid #235;
/*    border-bottom: 2px solid #235;*/
}

.navtop {
/*    float: left;*/
    width: 184px;
    background: url('img/nav_top.gif');
    height: 16px;
    margin-top: 10px;
}

.navbottom {
/*    float: left;*/
    width: 184px;
    background: url('img/nav_bottom.gif');
    height: 11px;
    padding: 0;
    margin: 0;
}

.sidenav h1 {
    background: url('img/navheader_bg.gif');
    color: #FFF;
    font-size: 1.4em;
    /*height: 30px;*/
/*    margin-top: 1.2em;*/
/*    margin-bottom: 0;*/
    margin: 0;
    vertical-align: baseline;
    padding: 0.7em;
}

.sidenav ul {
/*    border-top: 1px solid #FAFAFA;*/
/*    background: url(img/a_bg.png) repeat-x;*/
    background: url('img/navfade_bg.gif') repeat-x;
    padding: 0.7em 0 1.4em 0;
    border-top: 2px solid #457;
    border-bottom: 2px solid #457;
    font-size: 1.2em;
}

.sidenav ul.last {
    background: url('img/navfade_bg.gif') repeat-x;
    padding: 0.7em 0 1.4em 0;
    border-top: 2px solid #457;
    border-bottom: 0px solid #000;
}

* html .sidenav ul {
/*	border-top: 1px solid #FAFAFA;*/
/*	background: url(img/a_bg.png) repeat-x;*/
	background: url('img/navfade_bg.gif') repeat-x;
	margin: 0;
	padding-top: 7px;
	line-height: 2px;
 border-top: 2px solid #457;
 border-bottom: 2px solid #457;
}

.sidenav li {
	border-top: none;
	list-style: none;
	margin: 0;
	padding: 0;
}

.sidenav li a {
	color: #FFF;
	display: block;
	font-size: 1em;
	padding: 3px 6px 3px 14px;
	text-decoration: none;
}
.sidenav li a:hover {
	color: #111;
}

.sideCal {
    background: url('img/navfade_bg.gif') repeat-x;
    background-color: #42628B;
/*    float: left;*/
    width: 180px;
    border-left: 2px solid #235;
    border-right: 2px solid #235;
	font-size: 1.2em;
    margin: 0;
    padding: 0;
}

.sideCal h1 {
	color: #FFF;
	font-size: 1.4em;
	height: 20px;
/*	margin-top: 1.2em;*/
	padding-left: 12px;
}

.sideCal p {
	padding-left: 12px;
	padding-top: 0;
	padding-bottom: 0.6em;
	color: #FFF;
}

.sideCal a {
	color: #FAF;
	font-size: 1em;
	text-decoration: none;
}

.sideCal a:hover {
	color: #111;
}

/* content */
.content {
	margin-top: 8px;
	float: right;
	width: 500px;
	padding: 0px 0px;
	font-size: 1.21em;
/*	min-height: 500px;*/
}

.popup {
	background-image: none;
	background-color: #FFF;
	height: 100%;
	vertical-align: middle;
}

.popupContent {
	padding: 20px;
	font-size: 1.21em;
	text-align: center;
}

.itemBox {
	background-image: url('img/textboxmiddle.png');
	background-repeat: repeat-y;
	width: 500px;
}

.itemText {
    padding: 0px 16px 0 12px;
    /*margin-bottom: 16px;*/
    /*margin-bottom: 16px;*/
/*    font-size: 1em;*/
}



.boardItemText {
	margin: 6px 16px 4px 12px;
    /*margin-bottom: 6px;*/
}

.boardItemTextExtraMargin { /* hack.... */
	margin: 6px 16px 11px 12px;
}

.itemAvatarText {
	padding-left: 90px;
}

.itemTop {
	background-image: url('img/textboxtop.png');
	background-repeat: no-repeat;
	height: 18px;
	width: 500px;
	margin-left: 0px;
	padding-top: 0px;
	padding-left: 0px;
	margin-top: 0px;
	padding-bottom: 0px;
}

.itemBottom {
	background-image: url('img/textboxbottom.png'); 
	background-repeat: no-repeat; 
	height: 27px; 
	width: 500px; 
	margin-left: 0px; 
	padding-top: 0px; 
	padding-left: 0px; 
	background-position: left bottom; 
	margin-top: 0px;
}

.itemText .heading {
	position: relative;
	bottom: 3px;
}

.itemText .heading h3 {
	padding-top: 0;
}

.itemBody {
	float: right;
}

.boardReply {
	margin: 0 0 0 50px;
	padding: 0;
}

.boardReply .itemBox {
	background-image: url('img/textboxmiddlesmall.png');
	width: 450px;
}

.boardReply .itemTop {
	background-image: url('img/textboxtopsmall.png');
	width: 450px;
}

.boardReply .itemBottom {
	background-image: url('img/textboxbottomsmall.png'); 
	width: 450px; 
}

.albumText {
    padding: 3px 16px 0 4px;
    margin-bottom: 4px;
/*    font-size: 1em;*/
}

.avatarContainer {
	float: left;
	line-height: 0px;
	margin-right: 6px;
}

.imageContainer {
	width: 164px;
	margin: 0px;
	padding: 0px;
	vertical-align: middle;
	text-align: center;
	line-height: 0px;
	/*font-size: 0em;*/
	border: 0px;
}

.itemFooter {
	position: relative;
	bottom: 8px;
	text-align: right;
	font-size: 0.9em;
	padding: 0 16px 0 12px;
	/*position: relative;
	bottom: 15px;
	right: 5px;
	font-size: 0.9em;*/
	/*background-color: blue;*/
	
}

.reply {
}

.itemFooter .signature {
	float: left;
}

.itemText .signature {
	margin-top: 8px;
	margin-bottom: 2px;
}

div.actions {
	vertical-align: bottom;
	font-size: 0.7em;
	text-align: right;
	padding-top: 5px;
	margin-right: 15px;
}

a.actions {
        margin-left: 3px;
	margin-right: 3px;
}

.actions img {
	vertical-align: baseline;
	border-style: none;
	margin: 0px;
	padding: 0px;
}

.centerContents {
	margin: 0px;
	padding: 0px;
	width: 500px;
	text-align: center;
}

.loginTable {
/*	width: 0px;*/
	margin: 0px auto;
	text-align: left;
}

.itemText .descr {
	float: right;
    color: #333;
    font-size: 0.95em;
	margin-top: 6px;
}

.boardItemText .descr {
    color: #333;
    position: relative;
	bottom: 8px;
    font-size: 0.95em;
}

.boardItemTextExtraMargin .descr {
    color: #333;
    position: relative;
	bottom: 8px;
    font-size: 0.95em;
}


.content ol li {
	margin-left: 18px;
}

.content ol {
	margin-top: 1.3em;
	margin-bottom: 1.3em;
}

.content ul li {
	list-style: url(img/li.gif);
	margin-left: 18px;
	margin-top: 0.3em;
	margin-bottom: 0.5em;
}

/* footer */
.footer {
	background: #FFF;
	color: #666;
	font-size: 1.1em;
	margin: 0 auto;
	text-align: center;
	padding: 0;
	width: 680px;
}
.footer .BVLogo {
	float: left;
	width: 180px;
	text-align: center;
}

.footer .W3CValidator {
	margin-top: 17px;
	float: right;
	width: 180px;
	text-align: center;
}

.footer p {
	padding-top: 20px;
	height: 44px;
}

.footer img {
	border: none;
	padding: 0;
	margin: 0;
}

.footer a {
	color: #36C;
	text-decoration: none;
}
.footer a:hover {
	color: #06F;
	text-decoration: underline;
}

.inputfield {
	margin: 2px;
}

.inputfield textarea {
	font-family: "Lucida Sans Unicode",sans-serif;
	font-size: 1.0em;
	width: 97%;
}

.inputfield .attribute {
	padding: 0.3em;
}

.inputfield .value {
	padding: 0.3em 1.0em 0.3em 0.3em;
}

.fileinput {
	color: #555;
	font: normal 1.0em "Lucida Sans Unicode",sans-serif;
}




/* postnav */
.postsnav {
	font-size: 1.07em;
	text-align: center;
	font-weight: bold;
}

.faded {
	color: #666;
}

.content a {
	/*color: #333;*/
	/*display: block;*/
	font-size: 1em;
	/*padding: 3px 6px 3px 14px;*/
	text-decoration: none;	
}

.content a:hover {
	/*color: #33A;*/
}

.thumbnail {
	border: none;
	margin: 2px 0px 0px 0px;
	padding: 0px;
}

.reflection {
	border: none;
	margin: 0px 0px 4px 0px;
	padding: 0px;
}

.discrete:hover .thumbnail {
	/*opacity: 0.7;*/
	/*filter: alpha(opacity=70);*/
	border-style: solid;
	border-color: #33A;
	border-width: 2px 2px 0px 2px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
}

.discrete:hover .reflection {
	/*opacity: 0.7;*/
	/*filter: alpha(opacity=70);*/
	/*border-style: solid;*/
	/*border-color: #006;*/
	/*border: none;*/
	border-style: solid;
	border-color: #33A;
	border-width: 0px 2px 2px 2px;
	margin-top: 0px;
	margin-bottom: 2px;
	padding: 0px;
	/*background-color: #99F;*/
}

.smiley {
	border: none;
	margin: 0 2px 0 2px;
	padding: 0;
	vertical-align: middle;
	position: relative;
	bottom: 1px;
}

table.ie {
	border-collapse: collapse;
}

table.calendar {
	border-spacing: 0px;
/*	border-left: 2px solid #235;*/
/*	border-right: 2px solid #235;*/
	border-top: 1px solid #235;
	border-bottom: 1px solid #235;
	width: 180px;
	background: url('img/navfade_bg.gif') repeat-x;
	background-color: #42628B;
}


.calendar td {
	text-align: center;
	width: 22px;
	height: 20px;
	padding: 2px 0 3px 0; /* this should make the td w22*h25px... how come it doesn't look that way in FF?  */
	background-color: #DDD;
	font-size: 0.9em;
}

.ie td { /* I actually think IE got this right, problem is I want it square */
	height: 18px;
	padding: 1px 0 1px 0;	/* this makes the td h20*w22px, almost square */
}

.calendar td.title {
	text-align: center;
	width: 160px;
	padding-left: 10px;
	padding-right: 10px;
	font-weight: bold;
	border-bottom: 1px solid #235;
	color: #FFF;
	font-size: 1em;
	background: url('img/navheader_bg.gif');
	background-position: 0% 45%;
}

.calendar td.title a {
	height: 0.6em;
	line-height: 0.6em;
	font-size: 1.3em;
	color: #fff;
}

.calendar td.title a:hover {
	color: #111;
}

.calendar td.faded {
	color: #999;
	background-color: #EEE;
}

.calendar td.regular {

}

.calendar td.weekend {
	background-color: #D3D3D3;
}

.calendar td.red {
	color: #F00;
}

.calendar td.today {
	font-weight: bold;
	width: 18px;
	padding: 0 0 1px 0;
	border: 2px solid #235;
}

.ie td.today {
	height: 16px;
	padding: 0;
}

.calendar td.dow {
	background-color: #CCF;
}

.calendar td.week {
/*	text-align: center;*/
	width: 26px;
/*	padding: 2px 0 2px 0;*/
	background-color: #CCF;
}

.calendar td.event {
	background-color: #C9F;
	font-weight: bold;
}

.calendar a {
	color: #444;
}

.calendar .red a {
	color: #F00;
}

.calendarNav {
	text-align: center;
	font-size: 0.85em;
	height: 0.85em;
	padding: 4px;
	color: #FAF;
}

.reservationCalendar {
	width: 480px;
	border-spacing: 0;
	padding: 0;
	margin: 10px;
	border: 2px solid #333;
}

.ieReservationCalendar {
	border-collapse: collapse;
}

.reservationCalendar td {
	border-style: solid;
/*	border-width: 1px 0 0 1px;*/
	border-width: 1px;
	border-color: #FFF;
	width: 13%;
	background-color: #EEE;
}

.reservationCalendar td.today {
	font-weight: bold;
}

.reservationCalendar td.title {
	background-color: #FFF;
}

.reservationCalendar td.reserved {
	background-color: #C9F;
	border-width: 0 1px 0 1px;
}

.reservationCalendar td.unavailable {
	background-color: #999;
	border-width: 0 1px 0 1px;
}

.reservationCalendar td.first {
	border-width: 1px 1px 0 1px;
}

.reservationCalendar td.last {
	border-width: 0 1px 1px 1px;
}

.reservationCalendar tr.weekdayRow td {
	text-align: center;
	background-color: #CCF;
	border-style: solid;
	border-width: 1px 0 0 1px;
	border-color: #CCF;
}

.reservationCalendar td.hourColumn {
	width: 9%;
	background-color: #CCF;
	border-style: solid;
	border-width: 1px 0 0 1px;
	border-color: #CCF;
}

.button {
	margin: 3px 6px 3px 0;
	padding: 0 6px 0 6px;
	text-align: center;
	background: #ddddee;
	border: 2px solid #222244;
}

.button:hover {
	color: #145C84;
	border: 2px solid #145C84;
}

.button:active {
	color: #145C84;
	border: 2px solid #145C84;
	position: relative;
	top: 1px;
	left: 1px;
}

.submitButton {
	display: block;
	font: normal 1.0em "Lucida Sans Unicode",sans-serif;
	color: #000;
	margin: 3px 6px 3px 0;
	padding: 1px 7px 1px 7px;
	text-align: center;
	background: #ddddee;
	border: 2px solid #222244;
}

.ie7SubmitButton {
	padding-bottom: 3px;
}

.submitButton:hover {
	color: #145C84;
	border: 2px solid #145C84;
}

.submitButton:active {
	color: #145C84;
	border: 2px solid #145C84;
	position: relative;
	top: 1px;
	left: 1px;
}

.ie7SubmitButton:active {
	top: 0;
	left: 0;
	padding: 2px 6px 2px 8px;
}

.reservationBrowseLeft {
	float: left;
	margin-left: 80px;
	font-weight: bold;
	font-size: 1.2em;
	padding-bottom: 2px;
}

.reservationBrowseRight {
	float: right;
	margin-right: 80px;
	font-weight: bold;
	font-size: 1.2em;
	padding-bottom: 2px;
}

.datepick {
	vertical-align: text-bottom;
	margin: 0 0 0 -12px;
	padding: 0;
}

/******************************************************************************
 * for DatePicker                                                             *
 ******************************************************************************/

/* the div that holds the date picker calendar */
.dpDiv {
}


/* the table (within the div) that holds the date picker calendar */
.dpTable {
	border-spacing: 0px;
	/*border-collapse: collapse;*/
    /*font-family: Tahoma, Arial, Helvetica, sans-serif;*/
    font-size: 12px;
    text-align: center;
    /*color: #505050;*/
    background: url('img/navfade_bg.gif') repeat-x;
	border: 1px solid #235;
}


/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
}


/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
	background-color: #CCF;
}


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
	background-color: #CCF;
}


/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
}


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	text-align: center;
	width: 21px;
	height: 21px;
	padding: 2px 0 3px 0; /* this should make the td w22*h25px... how come it doesn't look that way in FF?  */
	background-color: #DDD;
	font-size: 0.9em;
    /*border: 1px solid #ece9d8;*/
}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
    background-color: #CCCCCC;
    border: 1px solid #AAAAAA;
	font-size: 0.9em;
}


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
    background-color: #aca998;
    border: 1px solid #888888;
    cursor: pointer;
    color: #fff;
	font-size: 0.9em;
}


/* the table cell that holds the name of the month and the year */
.dpTitleTD {
	font-weight: bold;
	border-bottom: 1px solid #235;
	color: #FFF;
	font-size: 1em;
	background: url('img/navheader_bg.gif');
	background-position: 0% 45%;
}


/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
	font-weight: bold;
	border-bottom: 1px solid #235;
	color: #FFF;
	font-size: 0.9em;
	background: url('img/navheader_bg.gif');
	background-position: 0% 45%;
}


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
	background: url('img/bottomfade.png') repeat-x;
	background-position: 0% 100%;
}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #CCF;
}


/* additional style information for the text that indicates the month and year */
.dpTitleText {
}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
    color: #4060ff;
    font-weight: bold;
}


/* the forward/backward buttons at the top */
.dpButton {
    padding: 0px;
}


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	font-size: 0.8em;
    font-weight: bold;
	margin: 0px 10px 0px 10px;
	padding: 1px 2px 1px 2px;
	color: #FAF;
	border: none;
	background: none;
}

.dpTodayButton:hover {
	color: #111;
}