body {
color:#000000;
font-family:Tahoma,Arial,Helvetica,sans-serif;
font-size:10pt;
font-size-adjust:none;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
background-color: FFFFFF;
}

.sh{
color: #FFFFFF;
}
/*
this for the entire body container - <div id="wrapper"></div>
*/
/*
.wrapper {
margin:0pt auto;
width:778px;
background-color:FFFFFF;
border: medium solid #000000;
}
*/
tr {
color:#FFFFFF;
font-family:Tahoma,Arial,Helvetica,sans-serif;
font-size:10pt;
}


tr.row1{
background-color: CCCCCC;
}

tr.row2{
background-color: FFFFFF;
}

.shlogPage{
   position: absolute;
   top: 200;
   left: 100;
   visibility: hidden;
}

.disclaimer{
	text-align: center;
	font-size: 8pt;
}

#sliderconsole{
font-size: 24px;
font-weight: 100;
}

td.buttons{
vertical-align:bottom;
text-align:center;
}

.shlogsection{
	background-color: #DDD;
	float:left;
	padding:3px;
	margin:5px;
	clear:none;
}

.shlog-submit{
background-color: #DDD;
width: 100%;
float:left;
padding:3px;
margin:5px;
}

#master-block {
text-align: center;
background:#FFFFFF;
}

#master-block #container {
margin: 0pt auto;
text-align: left;
width: 920px;
}

#nav-bar {
margin: 0pt auto;
padding: 0px;
text-align: center;
white-space: nowrap;
width: 100%;
}



#header-nav-bar {
background: #BBBBBB none repeat scroll 0%;
height: 25px;
line-height: 14px;
margin: 0pt;
padding: 7px 0px 0px;

}

#header-nav-bar ul, #header-nav-bar li {
display: inline;
list-style-type: none;
margin: 0pt;
padding-right: 30pt;
}

#master-content-block {
background: #CCCCFF;
width: 770px;
clear: right;
float: right;
overflow: hidden;
position: relative;
text-align:center;
min-height: 400px;
background: #3333CC none repeat scroll 0%;
}

#banner-top{
background: #3333CC none repeat scroll 0%;
color: #FFFFFF;
text-align: center;
margin: 0px;
height: 50px;
clear:right;
padding-top: 15px;
padding-bottom: 0px;
font-size: x-large;
font-weight: bolder;
}

#logo {
background: #FFFFFF none repeat scroll 0%;
border: 1px solid #000000;
vertical-align: middle;
text-align:center;
padding-bottom: 10px;
clear:left;

}

#condom-counter {
background: #000000 url(/img/banner-top.GIF) repeat-x scroll center top;
font-size: 14pt;
font-style: italic;
font-weight: bold;
float: left;
clear:none;
height: 50px;
width: 250px;

}

#left-bar {
width: 150px;
float:left;
margin-right:0px;
}

#user-login-info {
background: #000000 url(/img/user-bg.GIF) repeat-x scroll center top;
font-size:8pt;
padding: 5px 5px 5px 5px;
}

#user-login-info td{
text-align:center;
}

#left-banner {
margin-top: 0px;
text-align:center;
vertical-align: top;
width: 100%;
}

#left-nav{
background: #6699ff none repeat scroll 0%;
text-align:left;
vertical-align: top;
width: 100%;
}

#left-nav ul{
margin: 0px;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 25px;
list-style:none;
background: #BBBBBB none repeat scroll 0%;
}

#page-content{
width:97%;
min-height:400px;
padding: 10px 10px 10px 10px;
clear:both;
text-align:center;

}

.content-box {
width: 300px;
border: thin solid #000000;
padding: 15px;
margin: 15px;
float:left;
clear:none;
color: #FFFFFF;
background: #990000 none repeat scroll 0%;
font-size: medium;
}

.content-caption {
padding: 15px;
margin: 15px;
clear:both;
text-align:center;
color: #000000;
background: #FFFFFF none repeat scroll 0%;
}

.content-box-large {
width: 708px;
border: thin solid #000000;
padding: 10px;
margin: 10px;
color: #FFFFFF;
float:left;
clear:none;
background: #990000 none repeat scroll 0%;
font-size: medium;
}


#footer{
vertical-align:bottom;
width: 100%;
background: #BBBBBB none repeat scroll 0%;
float:right;
clear:both;
padding: 7pt 0pt;
}

#footer ul, #footer li {
display: inline;
list-style-type: none;
margin: 0pt;
padding-right: 30pt;
}

#legal-foot {
vertical-align:bottom;
width: 100%;
color: #FFFFFF;
clear:both;
height: 30px;
padding: 10px 0px;
line-height: 14px;
background: #3333CC none repeat scroll 0%;
}

a.white:link {color: #FFFFFF}     /* unvisited link */
a.white:visited {color: #FFFFFF}  /* visited link */
a.white:hover {color: #FFFFFF}   /* mouse over link */
a.white:active {color: #FFFFFF}   /* selected link */


.button {
border: none;
}
.hidden{
visibility: hidden;
}

.view{
visibility: visible;
}

#tree{
width: 415px;
}

.event{
width: 400px;
border: thin solid #000000;
padding: 5px;
margin: 2px;
}

.cell{
padding: 2px;
margin: 2px;
}