* {
	margin:0;
	padding:0;
}
body {
	background:#3D4A57 url('../images/body.jpg') repeat-x scroll top left;
	margin:0 auto;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
}


/* wrapper */
div#wrap {
	width: 1088px;
	margin:30px auto 0 auto;
	padding:0 10px;
}


/* header & nav */
div.header {
	padding:0px 0 5px 0px;
	margin:0 auto; 
}
div#navbg {
	background-color:#ffffff;
	padding:5px;
}
div#nav {
	background-color:#3D4A57;
	height:46px;
	display:block;
}
div#nav ul {
	list-style:none;
	padding:0;
	margin:0;
	position:relative;
}
div#nav ul li {
	display:block;
	float:left;
	padding:0 10px;
	background-color:#3D4A57;
}
div#nav ul li a, div.nav ul li a:visited {
	float:left;
	padding:15px;
	text-decoration:none;
	color:#ffffff;
	font-weight:normal;
	font-size:0.9em;
	font-family:Arial, Helvetica, sans-serif;
}
div#nav ul li a:hover {
	text-decoration:underline;
}
div#nav ul li.selected a, div#nav ul li.selected a:visited, div#nav ul li.selected a:hover {
	background:#283039 url('../images/nav-selected.jpg') no-repeat scroll bottom center;
	text-decoration:none;
}

/* headers */
h1 {
	font-size:2.6em;
	letter-spacing:-3px;
	padding-left:10px;
	text-align:center;
}
h1 a, h1 a:hover, h1 a:visited {
	text-decoration:none;
	color:#303030;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
}
h2 {
	text-align:center;
	padding:0 0 10px 10px;
	font-size:0.9em;
	color:#999999;
	font-family:Georgia, "Times New Roman", Times, serif;
}
h3 {
	font-size:1.5em;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	color:#333333;
	letter-spacing:-1px;
}
h4 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.1em;
	letter-spacing:-1px;
	font-weight:normal;
	padding-bottom: 5px;
}



/* element defaults */
p {
	margin-bottom:20px;
	line-height:1.5em;
	font-size:0.85em;
	color:#333333;
}
ul {
	padding:0 0 20px 35px;
	list-style:none;
}
code {
	border:1px solid #dddddd;
	color:#666666;
	display:block;
	padding:10px;
	margin:10px 0;
}

/* default forms */
fieldset { 
	border:none;
	border-top:1px solid #dddddd;
	margin-top:10px;
}
fieldset legend {
	font-size:0.9em;
	color:#666666;
	font-weight:bold;
	padding:0 10px 0 0;
	background-color:#ffffff;
}
form { }
form input, form textarea {
	border:1px solid #999999;
	border-bottom-color:#cccccc;
	border-right-color:#cccccc;
	padding:5px;
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
	text-align: center;
}
form input.formbutton {
	background:#283039 none repeat-x scroll bottom left;
	color:#ffffff;
	border:1px solid #3D4A57;
	color:#ffffff;
	font-size:0.7em;
	padding:6px 14px;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

/* default tables */ 
table {
    width: 130px;
    margin: 0px auto;
    /*border-collapse: collapse;*/
    border: 1px solid #464646;
}
table .row {
    height: 15px;
}
table .cell {
	/*background: #d9e0d6;*/
	background-color: #d9e0d6;
	border:1px solid #464646;
	height:25px;
	padding:2px;
	text-align:center;
	width:34px;
	font-weight:normal;
    font-size:0.75em;
    font-family:Arial, Helvetica, sans-serif;
    /*font-weight:bold;*/
}
/*table tr th, table tr td {
	padding:5px 10px; 
}
table tr th {
	background:#3D4A57 none repeat-x scroll bottom left;
	color:#ffffff;
	border-top:2px solid #526475;
}
table tr td {
	border-bottom:1px solid #dddddd;
}*/


/* default links */
a, a:visited { 
	color:#3D4A57;
} 
a:hover { 
	color:#283039; 
}
	

/* centeral page */
div.page {
	clear:both;
	margin:0;
	padding:0;
	background-color:#ffffff;
}
div.page ul {
	font-size:0.95em;
	color:#333333;
}
div.page ul li {
	padding:2px 0;
	text-align: justify;
}
div.page p {
	text-align:justify;
	font-family:Helvetica, Arial, sans-serif;
	color:#444444;
}

/* content */
div.page-wrap {
	background-color:#ffffff;
	padding:20px;
	clear:both;
}
div.content {
	background-color:#ffffff;
	float:left;
	padding-right:20px;
	padding-bottom:20px;
	width: 70%; 
	/*height: 1500px*/
}

/* sidebar */
div.sidebar {
	/*padding-left:10px;
	float:left;
	font-family:Georgia, "Times New Roman", Times, serif;
	width: 15%;
	height: auto;
	margin:30px auto auto auto;
	border-left:1px dashed #e0e0e0;*/
}
div.sidebar p { 
	font-family:Georgia, "Times New Roman", Times, serif;
	margin-bottom:40px;
}
div.sidebar ul {
	margin:0 0 40px 0;
	padding:0;
}
div.sidebar ul li {
	padding:5px 0;
}
div.banner {
	align:center;
	text-align:center;
}

div.left_sidebar {
	float:left;
	width: 15%;
	height: auto;
}


/* footer */
div.footer-navigation {
	background:#333333 none repeat-x scroll left 50%;
	min-height:90px;
	border-bottom:1px solid #666666;
	padding:10px 10px 20px;
	clear:both;
}
div.footer-navigation ul {
	list-style:none;
	padding:0;
	width:30%;
	float:left;
	margin-right:35px;
}
div.footer-navigation ul li {
	padding:5px;
	color:#cccccc;
	border-bottom:1px solid #4D4D4D;
	font-size:0.8em;
	font-family:Helvetica, Arial, sans-serif;
}
div.footer-navigation ul li a, div.footer-navigation ul li a:visited {
	color:#cccccc;
	text-decoration:none;
}
div.footer-navigation ul li a:hover {
	color:#ffffff;
	text-decoration:underline;
}
div.footer-navigation div.searchbox {
	float:right;
	width:30%;
}
div.footer-navigation div.searchbox p {
	text-align:right;
	font-size:0.7em;
}
div.footer {
	clear:both;
	border-top:1px solid #526475;
	background:#3D4A57;
	min-height:80px;
	clear:both;
}
div.footer_copyright p {
	text-align:center;
	color:#eeeeee;
	padding-top:10px;
	font-size:0.9em;
	margin-bottom: 0px;
}

div.footer_list p {
    text-align:center;
    color:#eeeeee;
    padding-top:10px;
    font-size:0.9em;
    margin-bottom: 5px;
}
div.footer p a, div.footer p a:visited {
	color:#808080;
}


/* misc classes */
*:focus {
	outline:none;
}
.clear {
	clear:both;
}
.inv {
    display:none;
}

div.calculator-wrap {
	/*width: auto;*/
	/*height: 475px;*/
}
div.calculator-left {
	background-color:#ffffff;
	float:left;
    width: 55%;
	text-align: center;
	/*border:1px solid #e0e0e0;
	margin:10px;*/
	height: 100%;
	/*margin-right: 2px;*/
	border:1px solid #e0e0e0;
	margin: 2px;
	padding: 2px;
}

div.calculator-right {
	height: 100%;
	float:left;
	/*border:1px solid #e0e0e0;*/
	width:42%;
	margin: 2px;
}

div.calculator-grid {
    width: 100%;
    float: top;
    /*border:1px solid #e0e0e0;
    maring:10px;*/
}
div.calculator-link {
    width: 100%;
    text-align: center;
    padding-top: 2px;
    /*border:1px solid #e0e0e0;
    margin:10px;*/
    height:auto;
}

div.element-header {
	height: 15px;
	clear:both;
	padding: 5px;
}

div.element-header h6 {
    text-align: left;
    font-size:0.6em;
}

div.element-contents {
    height: auto;
    float:top;
}

div.calculator-range {
    background-color:#ffffff;
    /*border:1px solid #e0e0e0;
    margin:10px;*/
    word-spacing: normal;
    padding-top: 5px;
    padding-bottom: 5px;
    height: 100px;
    margin-left: 2px;
    text-align:center;
    border:1px solid #e0e0e0;
}

div.slider-value-wrap {
    float: top;
    width: 100%;
    text-align: center;
    margin: 5px;
    align:center;
}

div.slider-value-wrap p {
    text-align: center;
}

div.slider-wrap {
	float: top;
    width: auto;
    align: center;
    margin: 10px;
}

div.slider-ticks {
	clear:both;
	widht:100%;
}

div.slider-ticks-0 p {
	width:50%;
	clear:both;
    float: left;
    text-align: left;
    font-size:0.6em;
}

div.slider-ticks-100 p {
    width:auto;
    text-align: right;
    font-size:0.6em;
}

div.calculator-hands {
    /*border:1px solid #e0e0e0;
    margin:10px;*/
    border-top:0; 
    height: auto;
    clear:both;
    float: top;
    border:1px solid #e0e0e0;
}

div.hands-textarea-wrap {
	border:1px solid #999999;
    border-bottom-color:#cccccc;
    border-right-color:#cccccc;
    padding:5px;
    color:#666666;
    font-family:Arial, Helvetica, sans-serif;
    font-size:0.7em;
    text-align: left;
    margin: 5px;
}


div.calculator-options {
    /*border:1px solid #e0e0e0;
    margin:10px;*/
    border-top:0;
    height: 70px;
    border:1px solid #e0e0e0;
    margin-top: 5px;
    align: center;
}

div.opponents-wrap {
    float: left;
    margin: 10px;
    height: 35px;
    text-align: center;
    align: center;
}

div.calculator-donations {
    /*border:1px solid #e0e0e0;
    margin:10px;*/
    border-top:0;
    height: 100px;
    border:1px solid #e0e0e0;
    margin-top: 5px;
    align: center;
}
div.donations-wrap {
    margin: 10px;
    height: 35px;
    text-align: center;
    align: center;
}
input.link-range {
    width: 90%;
}

#advertisement {
	margin: 10px auto 10px auto;
	padding: 0 2px 0 2px;
	text-align: center; width: 80%; font-size: 13px; border: 1px solid #e0e0e0;
}

#advertisement-row {
	text-align: center; padding-top: 5px;
}

#advertisement-caption {
    text-align: center; padding-top: 5px; font-size: 9px;
}