﻿body
{
	font-family: tahoma, sans-serif;
	font-size: 13px;
	color: #474745;
	background-color: #e3e6d8;
}


/* layout */

.page
{
    width: 764px;
    margin: 0 auto 20px auto;
	background: #fff url(../images/bgPage.gif) repeat-y;
}

.page .header
{
    width: 724px;
    margin: 0 auto;
}

.page .bannerImage
{
    width: 724px;
    margin: 0 auto;
}

.page .topNav
{
    width: 724px;
    height: 30px;
    background: url(../images/bgNav.gif) no-repeat; 
    margin: 0 auto;   
}

.page .contentContainer
{
    width: 724px;
    margin: 28px auto 20px auto;
}

.page .contentContainer .sidebar
{
    height: 250px;
    height /**/:auto;
    min-height: 250px;
    width: 161px;
    margin-right: 52px;
}

.page .contentContainer .content
{
    width: 490px;
}


.page .footer
{
    width: 764px;
    height: 72px;
    background: #fff url(../images/bgFooter.gif) no-repeat top;
    color: #fff;
    font-size: 11px;
    text-align: center;
    padding-top: 16px;    
}

.page .footer a
{
    color: #fff;
}



/* navigation */

.nav0, .nav1, .nav2, .nav3, .nav4, .nav5, .nav6
{height: 30px; float:left; background-repeat: no-repeat}
.nav0:hover, .nav1:hover, .nav2:hover, .nav3:hover, .nav4:hover, .nav5:hover, .nav6:hover
{background: none}

.nav0{width:76px;background:url(../images/nav0.gif)}
.nav1{width:113px;background: url(../images/nav1.gif)}
.nav2{width:103px;background: url(../images/nav2.gif)}
.nav3{width:119px;background: url(../images/nav3.gif)}
.nav4{width:127px;background: url(../images/nav4.gif)}
.nav5{width:112px;background: url(../images/nav5.gif)}
.nav6{width:74px;background: url(../images/nav6.gif)}

.nav0a, .nav1a, .nav2a, .nav3a, .nav4a, .nav5a, .nav6a
{height:30px;float:left;background:none;}

.nav0a{width:76px;}
.nav1a{width:113px;}
.nav2a{width:103px;}
.nav3a{width:119px;}
.nav4a{width:127px;}
.nav5a{width:112px;}
.nav6a{width:74px;}


.sidebar .text
{
    color: #312c29;
    font-weight: bold;
    padding: 0 0 10px 16px;
}

.sidebar .button
{
    padding: 0 0 28px 26px;
}

.sidebar .item
{
    width: 161px;
    font-size: 11px;
    color: #000;
    line-height: 20px;
    display: block;
    margin: 0 0 8px 10px;
    padding-left: 10px;
    background: url(../images/bgSidebarItem.gif) no-repeat;
    
}

.sidebar .item:hover
{
    color: #a9853e;
    background: url(../images/bgSidebarItem1.gif) no-repeat;
    text-decoration: none;
}

.sidebar .active
{
    width: 161px;
    font-size: 11px;
    line-height: 20px;
    display: block;
    margin: 0 0 8px 10px;
    padding-left: 10px;
    color: #a9853e;
    background: url(../images/bgSidebarItem1.gif) no-repeat;
    text-decoration: none;
}


.bottomNav a
{
    color: #cbc6bc;
    padding: 0 9px;
    text-decoration: none;
}

.bottomNav a:hover
{
    color: #fff;
    text-decoration: none;
}

.bottomNav .active
{
    color: #fff;
}


/* modules */

.multiPage
{
    height: 105px;
    color: #000;
    border-left: solid 1px #787878;
    border-right: solid 1px #787878;
    border-bottom: solid 1px #787878;
    padding: 10px
}


/* typography */

p
{
    line-height: 20px;
    margin-bottom: 15px
}

pre
{
    font-family: monospace;
}

strong, b
{
    font-weight: bold
}

em, i
{
	font-style: italic;
}

a
{
	color: #a9853e;
	text-decoration: none;
	line-height: 14px;
}

a:hover
{
	text-decoration: underline;
	cursor: pointer !important;
}

h1
{
    color: #a9853e; 
    font-family: Times New Roman, Serif;
    font-size: 22px;
    font-weight: normal;
    margin-bottom: 7px;
}

h2
{
    color: #474646; 
    font-family: Times New Roman, Serif;
    font-size: 19px;
    font-weight: normal;
    margin-bottom: 2px;
}

h3
{
    color: #474646;
    font-family: Times New Roman, Serif;
    font-size: 17px;
    font-weight: bold;
    margin-bottom: 2px;
}

ul
{    
    margin: 5px 0 15px 30px;
    padding-left: 0;
}

ul li
{
    line-height: 15px;
    margin-bottom: 3px;
}

ol
{
    margin: 5px 0 15px 34px;
    padding-left: 0;
    list-style-type: decimal;
    list-style-position: outside;
}

ol li
{
    line-height: 15px;
    margin-bottom: 3px;
}

input
{
	font-size: 1em;
}

input.button
{
    width: auto;
    padding: 1px 12px;
    overflow: visible
}

input.textbox
{
	width: 200px
}

img.center
{
	vertical-align: middle;
}

.block
{
    display: block;
    margin: 0;
}

hr.brown
{
	margin: 15px 10px 20px 10px;
	color: #352d2f;
	background-color: #352d2f;
	height: 1px;
	border: none;
}

.result
{
	color: #ff0000;
	font-weight: bold;
	text-align: center;
}

.error
{
	color: #ff0000;
}