* {
	padding: 0px;
    margin: 0px;
}

html, body{
	height: 100%;
	min-height: 100%;
}

body {
	background: #FFFFFF;
}

body, th, td, select, input, textarea{
	font: 12px 'times new roman', arial, tahoma, sans-serif; 
	color: #333333;
}

body, th, td{
	line-height: 150%;	
}

p{
	margin-bottom: 8px;
}

option{
	padding-left: 3px;
}

td {
    vertical-align: top;
}

li{
	margin-left: 20px;
	list-style-type: square;
}

img{
	border: none;
}

a {
    color: #990000;
}

hr, div.hr {
	margin: 5px 0px 5px 0px;
	padding: 0px;
	border: none;
    border-top: 1px dotted #CCCCCC;
	background: none;
}

h1 {
	color: #000000;
	font: 18px 'times new roman', georgia arial, sans-serif;
	margin: 0px 0px 5px 0px;
	text-transform: uppercase;
}

h2, h2 a{
    color: #000000;
	font: 18px georgia,  tahoma, arial, sans-serif; 
    margin: 0px 0px 3px 0px;
	text-decoration: none;
}

h2 a:hover{
	text-decoration: underline;
}

h3, h4{
    color: #000000;
	font:  16px 'trebuchet ms', tahoma, arial, sans-serif; 
    margin: 0px 0px 3px 0px;
}

fieldset{
	border: none;
}

input.mistake,
.mistake{
	border-bottom: 5px solid #AA0000;
}

checkbox.mistake{
	outline: 5px solid #AA0000;
}

input.no_mistake,
.no_mistake{
	border-bottom: 5px solid #00AA00;
}

checkbox.mistake{
	outline: 5px solid #00AA00;
}

.color_hight{
	color: #FF0000;
}

.color_medium{
	color: #FF9900;
}

.color_minimum{
	color: #009900;
}





input.file,
input.text {
    width: 100%;
	color: #333333;
}

input.text_short {
    width: 40%;
	color: #333333;
}

input.text_short2 {
	width: 20%;
	color: #333333;
}

input.button{
	background: url(button1.gif) no-repeat center;
	font: bold 12px arial, tahoma;
	color: #FFFFFF;
	width: 77px;
	height: 22px;
	text-decoration: none;
	padding: 1px 3px 1px 3px;
	border: none;
}

a.button{
	background: url(button1.gif) no-repeat center;
	font: bold 12px arial, tahoma;
	color: #FFFFFF;
	display: block;
	float: left;
	width: 77px;
	height: 20px;
	text-decoration: none;
	padding: 4px 0px 0px 0px;
	border: none;
	margin: 0px 3px 3px 3px;
	text-align: center;
}

a.button2{
	background: url(button2.gif) no-repeat center;
	font: normal 11px tahoma, arial;
	color: #FFFFFF;
	display: block;
	float: left;
	width: 77px;
	height: 20px;
	text-decoration: none;
	padding: 4px 0px 0px 0px;
	border: none;
	margin: 0px 3px 3px 3px;
	text-align: center;
}

textarea {
    width: 100%;
    height: 100px;
	color: #333333;
}

textarea.short {
    width: 40%;
	color: #333333;
}

select{
    width: 100%;
	color: #333333;
}

select.short{
    width: 50%;
	color: #333333;
}





div.scroll {
    overflow: auto;
}


div.list_description{
	margin: 0px 0px 20px 0px;
}





div.form{
	float: left;
	width: 100%;
	display: block;
}

div.form div.brick{
	float: left;
	width: 100%;
	display: block;
	margin-bottom: 4px;
	padding-bottom: 4px;
	border-bottom: 1px dotted #CCCCCC;
}

div.form div.brick label{
	float: left;
	width: 20%;
    margin-right: 5px;
	padding-top: 3px;
	text-align: right;
	font-weight: bold;
}

div.form div.brick span.field{
	float: left;
	width: 70%;
}

div.form div.brick div.field img{
	float: left;
	width: auto;
}

div.form div.brick div.expand{
	text-align: right;
	margin-right: 20px;
}

div.form div.brick div.expand a{
	font-weight: bold;
}

div.form div.brick div.second{
	margin-left: 105px;
}

div.form div.brick span.submit{
	margin-left: 20%;
}

div#form_details{
	display: none;
}






table.table{
    width: 100%;
    border-top: 1px dotted #CCCCCC;
    border-right: 1px dotted #CCCCCC;
    border-left: 1px dotted #CCCCCC;
}

table.table th,
table.table td{
    padding: 5px;
    text-align: center;
	vertical-align: middle;
    border-bottom: 1px dotted #CCCCCC;
}

table.table th{
    border-right: 1px dotted #CCCCCC;
	font-size: 13px;
	background: #E9E9E9;
	font-weight: bold;
}

table.design table.table td{
    text-align: center;
}


div.admin div.menu{
	border: 1px solid #CCCCCC;
	padding: 5px;
}

div.admin div.menu ul li{
	display: inline;
	margin: 0px 10px 0px 0px;
}

div.admin div.menu ul li a{
	font-size: 17px;
	padding: 0px 5px 0px 5px;
	text-decoration: none;
}

div.admin div.menu ul li a:hover{
	text-decoration: underline;
}

div.admin div.menu ul li a.button{
	display: inline;
	float: none;
	background: #AA0000;
	font: bold 17px 'times new roman', georgia, arial;
}

div.admin div.center{
	padding: 30px;
}



table.table td.left{
	text-align: left;
}




.color_1{
	color: #00AA00;
}

.color_2{
	color: #AA0000;
}


div.design{
	text-align: center;
	background: url(div_design_bg.jpg) left top #453523;
	height: 100%;
}

table.vertical_align{
	width: 100%;
	height: 100%;
}

table.vertical_align td{
	vertical-align: middle;
	text-align: center;
}

table.design{
	background: url(design_bg.jpg) no-repeat left top;
	margin: auto;
	width: 1000px;
	height: 680px;
}

table.design td{
	text-align: left;
	vertical-align: top;
}

table.design td.menu{
	width: 295px;
}

table.design td.menu a.home{
	clear: both;
	display: block;
	height: 30px;
	width: 225px;
	background: url(button_home.gif) no-repeat left bottom;
	margin: 0px 0px 0px 30px;
}

table.design td.menu div.menu{
	width: 285px;
	height: 625px;
	margin: 7px 0px 0px 10px;
	color: #FFFFFF;
}

table.design td.menu div.menu div.item{
	width: 285px;
	clear: both;
	margin-bottom: 20px;
}

table.design td.menu div.menu a{
	color: #FFFFFF;
	text-decoration: none;
}

table.design td.menu div.menu a.current{
	font-weight: bold;
}

table.design td.menu div.menu a:hover{
	text-decoration: underline;
}

table.design td.menu div.menu div.item img{
	float: left;
	width: auto;
	margin-right: 10px;
}

table.design td.menu div.menu div.item div.main{
	display: block;
	height: 100px;
}

table.design td.menu div.menu div.item div.main span{
	cursor: pointer;
}

table.design td.menu div.menu span.timeline{
	margin: 12px 0px 5px 0px;
	font: normal 27px georgia, 'times new roman', arial;
	display: block;
}

table.design td.menu div.menu span.current{
	color: #FEDFC7;
}

table.design td.menu div.menu span.timeline span.small{
	font: normal 18px georgia, 'times new roman', arial;
}

table.design td.menu div.menu span.title{
	font: normal 19px 'times new roman', arial;
	display: block;
	font-style: italic;
	float: left;
	width: 190px;
}

table.design td.menu div.menu div.item div.sub{
	margin-left: 60px;
}

table.design td.menu div.menu div.item div.sub ul li{
	margin-left: 20px;
	list-style : disc;
	margin-bottom: 12px;
	font: normal 16px 'times new roman', georgia, arial;
	font-style: italic;
	line-height: 17px;
}

table.design td.photos{
	width: 143px;
	text-align: center;
}

table.design td.photos div.photos{
	height: 500px;
	margin: 20px 0px 20px 0px;
	overflow: hidden;
}

table.design td.photos a.arrow_up{
	background: url(button_arrow_up.gif) no-repeat center top;
	display: block;
	width: 100%;
	height: 55px;
	margin-top: 10px;
}

table.design td.photos a.arrow_up_hidden{
	background: none;
	display: block;
	width: 100%;
	height: 55px;
	margin-top: 10px;
}

table.design td.photos a.arrow_down{
	background: url(button_arrow_down.gif) no-repeat center top;
	display: block;
	width: 100%;
	height: 55px;
}

table.design td.photos a.arrow_down_hidden{
	background: none;
	display: block;
	width: 100%;
	height: 55px;
}

table.design td.photos div.photos div.item{
	margin: 0px 0px 10px 0px;
}

table.design td.center{
	width: 562px;
}

table.design td.center div.center{
	margin: 90px 28px 10px 38px;
}

table.design td.center div.center div.image{
	height: 285px;
}

table.design td.center div.center a.zoom{
	float: right;
	display: block;
	height: 34px;
	width: 40px;
	background: url(button_zoom.gif) no-repeat left top;
	margin: 78px 0px 0px 0px;
}

table.design td.center div.center a.next{
	float: right;
	display: block;
	width: 180px;
	height: 25px;
	background: url(button_arrow_right.gif) no-repeat right top;
	margin: 10px 0px 0px 0px;
}

table.design td.center div.center a.prev{
	float: left;
	display: block;
	width: 180px;
	height: 25px;
	background: url(button_arrow_left.gif) no-repeat left top;
	margin: 10px 0px 0px 0px;
}

table.design td.center div.center h1{
	margin: 85px 0px 10px 30px;
	text-align: center;
}

table.design td.center div.center div.description{
	height: 132px;
	overflow: auto;
	font-style: italic;
	font-size: 13px;
	text-align: center;
}

div.center div.title{

}

div.admin h1{
	font-size: 25px;
	margin-top: -10px;
}

div.admin, 
div.admin td,
div.admin label{
	font-size: 14px;
}

div.admin div.center a.button{
	display: block;
	float: none;
}

div#slideshow{
	text-align: center;
}






