/* CSS Document */

body, html{
margin:0;
padding:0;
}

body{
font-family:"Trebuchet MS", "Verdana", sans-serif;
}

/* -------------------------------------
-> Layout structures 
-------------------------------------- */
#container{
}

#main_content{
float:left;
margin-top:20px;
}

#top_content{
height:55px;
margin-bottom:25px;
}

#headers{
width:250px;
float:left;
}

#top_nav{
margin-top:10px;
float:right;
display:none;
}

#right_content{
float:left;
width:164px;
margin-top:210px;
padding-left:47px;
display:none;
}


#bot_nav{
margin-bottom:10px;
float:right;
display: none;
}

#footer{
margin-bottom:15px;
display:none;
}




/* -------------------------------------
-> Text content 
-------------------------------------- */
h1{
font-size:110%;
font-weight:bold;
margin:0;
line-height:1em;
color:#000;
}

h2{
font-size:100%;
font-weight:normal;
margin:0;
color:#AAA;
}

p{
font-size:90%;
line-height:1.5em;
text-align:justify;
color:#767e71;

}

.page{
font-size:71%;
color:#767e71;
}

.pagenbr{
font-size:71%;
color:#767e71;
font-weight:bold;
}


/* -------------------------------------
-> Lists 
-------------------------------------- */
#nav ul{
margin:0 0 20px 13px;
padding:0 0 0 1.2em;
font-size:71%;	  	
color: #767e71;
}

#nav li{
list-style-image:url(../img/plus.gif);
margin-left:-1em;
padding-bottom:6px;
line-height:1em;
}

#nav a{
text-decoration:none;
padding:0 0 0 -1px;
margin:0 0 0 -0.5em;
}

#nav ul li a:link, a:active, a:visited {
color:#767e71;
}

#nav ul li a:link:hover, #nav ul li a:visited:hover{
color:#000;
}

#nav ul li a#current{
color:#d7d7d7;
}


/* -------------------------------------
-> Hyperlinks 
-------------------------------------- */
a.pagenbr:link, a.pagenbr:active, a.pagenbr:hover, a.pagenbr:visited{
font-size:71%;
color:#767e71;
font-weight:normal;
text-decoration:none;
}


/* -------------------------------------
-> Thumbnails
-------------------------------------- */
.thumb_1{
width:141px;
background-color:#9c9e7e;
padding:8px;
float:left;
margin:3px 25px 10px 0;
}

.thumb_2{
width:141px;
background-color:#9c9e7e;
padding:8px;
float:right;
margin:3px 0 10px 25px;
}

.img_frame{
background-color:#fff;
padding:1px;
}

.description{
font-size:69%;
color:#fff;
border-bottom: 1px solid #a6a88d;
padding:2px 0 2px 0;
}

.copyright{
font-size:65%;
color:#cbcdb5;
padding:2px 0 0 0;
}

/* -------------------------------------
-> Elements
-------------------------------------- */
.separation{
font-size:71%;
color:#d7d7d7;
}

hr{
clear:both;
border: thin #CCC dashed;
}

#extra{
margin-bottom:15px;
font-size:75%;
color:#000;
height:35px;
background-image:url(../img/extra_back.gif);
background-position:bottom;
background-repeat:repeat-x;
display:none;
}