﻿
*{margin:0; padding:0;}

body{
font-family:Arial, Helvetica, sans-serif;
line-height:1.1em;
text-align:center;
color:#fbeec9;
background:#464653;
}


#container{
width:800px;
margin:5px auto 5px auto;
padding:0px;
text-align:left;
background:#dde9ec;
color:#303030;
border:2px solid #727ca3;
}

#header{
position:relative;
height:111px;
width:800px;
margin:0px;
background:#dde9ec;
color:#000000;
}
#header img{
display:inline;
}
#title{
width:600px;
float:right;
text-align:center;
}
#header h1{
color:#8e736a;
font-size:45px;
line-height:1.1em;
}
#header h2{
color:#b292ca;
font-size:30px;
line-height:1em;
text-align:right;
padding-right:10px;
}




/*** Navigation  ***/


#navigation{
height:2.2em;
line-height:2.2em;
width:800px;
margin:0px;
background:#727ca3;

}

#navigation li{
float:left;
list-style-type:none;
border-right:1px solid #ffffff;

white-space:nowrap;
}

#navigation li a{
display:block;
padding:0 10px;
font-family:"Poor Richard";
font-size:1em;
font-weight:bold;
text-transform:uppercase;
text-decoration:none;
color:#dde9ec;
background-color:#727ca3;
}

* html #navigation a {width:1%;}

#navigation a:hover{
background:#727ca3;
color:#b292ca;
}
#navigation .selected{
color:#b292ca;
background:#727ca3;
}




/*** Content  ***/

#content{
width:800px;
}

#content ol{margin:0 5px 16px 35px;}
#content ul{margin:0 5px 16px 35px;}
#content ul ul{margin:0 5px 0px 35px;}
#content dl{margin:0 5px 10px 25px;}
#content dt{font-weight:bold; margin-bottom:5px;}
#content dd{margin:0 0 10px 15px;}


/*   SET - Full  - */
#full{
	float:left;
	font-size:0.9em;
	padding:15px 15px;
	font-family:inherit;
	background:inherit;
	width:770px;

}


/*   SET - main and side  - */
#main{
	float:left;
	font-size:0.9em;
	padding:0px 15px;
	font-family:inherit;
	background:#dde9ec;
	width:480px;
}
#side{
	width:240px;
	float:right;
	padding:5px;
	height:	300px;
	padding-top:25px;
}

/*   SET - left and right  - */
#left{
	float:left;
	font-size:0.9em;
	padding:2px 0px 0px 7px;
	font-family:inherit;
	background:#dde9ec;
	width:375px;
	text-align:left;
}



#right{
	float:right;
	font-size:0.9em;
	padding:0px 15px 0px 5px;
	font-family:inherit;
	background:#dde9ec;
	width:375px;
	text-align:left;
}


.title{
	text-align:center;
}
.title h1{
display:block;
margin:15px 0px 0px 0px;
font-size:1.7em;
line-height:1.1em;
font-weight:normal;
letter-spacing:-1px;
color:#000000;
background-color:inherit;

}









/***  table  ***/

table{
margin:8px;
}

td{
padding:2px 10px;
}










/***  Footer  ***/

#footer{
	height:2.2em;
	line-height:2.2em;
	width:800px;
	margin:0px;
	background:#727ca3;
	text-align:center;
	clear:both;
}

#underfooter p{
	margin-top:-5px;
	padding-top:0px;
	font-size:.6em;
	color:#dde9ec;
}








/***  Other  ***/


.book{
margin:5px;
padding:10px;
background-color:#a5644e;
font-weight:500;
color:#4e3b30;
line-height:1.4em;
font-family:"Times New Roman", Times, serif;
background-repeat:no-repeat;
background-image:url('images/img_book.jpg')
}

.box{
position:fixed;
width:200px;
margin:5px;
padding:10px;
background-color:#c3986d;
font-weight:500;
color:#4e3b30;
line-height:1.4em;
float:right;
}


.subLeft{
width:45%;
float:left;
padding:10px 12px;
}
.subRight{
width:45%;
float:right;
padding:10px 12px;
}





.underline{font-weight:normal;padding:0 0 4px 0; border-bottom:medium #727ca3 solid}


.twothirds{

}
.fullwidth{
	width:800px;
}
.bold{
	font-weight:600;
}
.right{
float:right;
}
.textcenter{text-align:center;}
.textright{text-align:right;}
.textjustify{text-align:justify;}
.menu ul, .menu li{
list-style:none;
	margin-left:-26px;

}

.inset{
	padding-left:5%;
}

.nohat{
padding-top:2px;
margin:0px;
}

p{
clear:both;
}


.border{
border:5px #727ca3 solid;
}





/***  Tags  ***/

img.center{display:block; margin:15px auto 15px auto;}
p{
	padding:5px 5px 5px 5px;
	
}  

ol{
	list-style:upper-roman;
}


h2{
display:block;
margin:25px 0px 0px 0px;
font-size:1.7em;
line-height:1.1em;
font-weight:normal;
letter-spacing:-1px;
color:#8e736a;
background-color:inherit;
clear:both;
}

h3{
	font-size:1.3em;
	font-weight:normal;
	padding:10px 0px 5px 0px;
	color:#4e3b30;
}
h5{
	text-align:center;
	font-style:italic;
	font-size:1.1em;
	color:#4e3b30;
}


/***  Links  ***/
a{
	color:#b292ca;
}
a:after{
	color:#ffc42f;
}
a:hover{text-decoration:underline;}
a img{border:none;}
