/* CSS Document */


/* -- undo browser HTML defaults -- */
:link,:visited {text-decoration: none;}
ul,ol {list-style: none;}
/*h1,h2,h3,h4,h5,h6,pre,code,p {font-size: 1em;}*/
ul,ol,dl,li,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {margin: 0; padding: 0;}
a img,:link img,:visited img {border: none;}
address {font-style: normal;}

* {

	padding: 0; 

	margin: 0;

	}

body {

	background-color: #FFFFFF;

	background-image: url(../images/bg.gif);
	
	background-repeat:repeat-x;

	font:70%/1.5em 'Trebuchet MS',Georgia,Serif;

	color: #564B47;

	padding: 0;

	margin: 0;

	text-align: center;

	}

.hidden {

	display: none;

	}

img.download {

	vertical-align:middle;

	}


/* ----------container to center the layout-------------- */

#container {

	text-align: left;
 	vertical-align: middle;	
  	margin: 0px auto;
  	padding: 0px;
  	width:780px;
	border-left: solid 1px #333333;
	border-right: solid 1px #333333;
  	background-color: #FFFFFF;
	}

/* ----------banner-------------- */

#header-banner {

	float:left;
	width:100%;
	height:120px;
	background-color: #FFF;
	background-image:url(../images/header-banner-blank.png);
	background-repeat:no-repeat;
	/*text-align:right;*/
		
	}
	

#header-banner-fade {
height:2em;
	/*background-color: #00FF66;*/
	padding:15px 15px 10px 10px;
	/*text-align:right;*/}

#header-banner-fade ul, #header-banner-fade li {
	
	margin: 0;
	padding: 0;
	text-align:right;
	color: #339;
	font-weight: bold;
	position:absolute;
	right:0px;
	height:2em;
	top:20px;
	}
	
	
	
	

/* -----------------content--------------------- */

#content, 

#content_nopadding {

	background-color: #FFF;

	background-image: url(../images/footer.jpg);

	background-position: bottom;

	background-repeat: no-repeat;

	padding: 15px 15px 100px 15px;

	overflow: auto;

	min-height: 350px;

	height: expression(this.scrollHeight > 350 ? "auto":"350px"); 

	}

#content_nopadding {

	padding: 0 0 100px 0;

	}

#content_container { 

	min-height: 550px;

	height: expression(this.scrollHeight > 550 ? "auto":"550px"); 

	}



pre{

	/*padding: 5px 10px;*/

	}
	

/* --------------left navi------------- */

#left {

	float: left;

	width: 300px;
	

	
	/*background-color: #FF00FF;*/

	}
	
	
#left_content_container { 

	
	float: left;

	width: 299px;
	
	min-height: 300px;
	


	background-color: #333333;
	
	min-height:400px;
	height: expression(this.scrollHeight > 400 ? "auto":"400px"); 
	

}
	

/* -----------------middle content--------------------- */

#mid_content {
	float: left;
	width: 299px;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #3f3f3f;
	background-color:#FFFFFF;
	min-height:450px;
	height: expression(this.scrollHeight > 450 ? "auto":"450px");
	overflow: auto;	
	/*padding: 10px 10px 10px 10px;*/
	
	/*background-color: #00FF99;*/

	}

#mid_content_container { 

	float: left;
	
	width: 300px;
	
		
	/*min-height:600px;
	height: expression(this.scrollHeight > 600 ? "auto":"600px");*/ 

}

/* ----------------- Gallery --------------------- */

#gallery {

	float: left;
	width: 479px;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #3f3f3f;
	
	background-color:#FFFFFF;
	
	min-height:450px;
	height: expression(this.scrollHeight > 450 ? "auto":"450px");
	
	/*padding: 10px 10px 10px 10px;*/
	
	/*background-color: #00FF99;*/

	}

#gallery_container { 

	float: left;
	
	width: 479px;
	
		
	/*min-height:600px;
	height: expression(this.scrollHeight > 600 ? "auto":"600px");*/ 

}

/* -----------------Right content--------------------- */

#right_content {
	
	padding:5px 5px 5px 5px;

	

	}

#right_content_container { 

	float: left;
	width: 180px;
	background-color: #FFFFFF;
	min-height:400px;
	height: expression(this.scrollHeight > 400 ? "auto":"400px"); 
	
	/*min-height: 180px;*/
	
	/*padding: 5px 5px 5px 5px;*/

	/*min-height:600px;
	height: expression(this.scrollHeight > 600 ? "auto":"600px"); 
*/
}

#menu{
float:left;
		width:479px;
		min-height:450px;
		overflow:auto;}

/* -----------pre-footer--------------------------- */

#pre-footer {

	background-color: #333333;
	
	color:#FFFFFF;
	
	clear: both;

	height: 100px;
	
	text-align: center;
	
	

	}


/* -----------footer--------------------------- */

#footer {

	background-color: #333333;
	
	color:#FFFFFF;
	
	clear: both;

	height: 20px;
	
	/*border-top: dotted 1px  #cccccc;*/

	padding-top:5px;

	text-align: center;

	}

/* -----------navigation--------------------------- */

#navigation {
	
	float:left;
	
	width:100%;

	background-color: #333333;
	
	height:23px;
	
	border-top: solid 1px #333333;
	
	border-bottom: solid 1px #333333;
	
/*	background-image:url(../images/dots.gif);
	
	background-repeat:repeat;*/
	
	padding-top:4px;
	
	text-align: center;
		
	}

#navcontainer { text-align:center; }

ul#navlist
{
margin: 0;
padding: 0;
list-style-type: none;
white-space: nowrap;
}

ul#navlist li
{
/*float: left;*/
display:inline;

font-family: verdana, arial, sans-serif;

font-size: 9px;

font-weight: bold;

margin: 0;
/*padding: 4px 15px 4px 15px;
background-color: #eef4f1;*/
/*border-top: 1px solid #e0ede9;
border-bottom: 1px solid #e0ede9*/
}

#navlist a, #navlist a:link
{
margin: 0;
padding: 2px 15px 6px 15px;
/*background-color: #eef4f1;*/
color: #FFFFFF;
border-right: 1px solid  #999999;
text-decoration: none;
}

ul#navlist li#active
{
color: #00FF00;
}

#navlist a:hover
{
	color: #333333;
	background-color: #FFFFFF;
}


/* -----------typography--------------------------- */

h1 {
	font-size: 170%;	
	font-family: Georgia,Serif;
	font-weight: lighter;
	color: #851216;
/*	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #3f3f3f;*/
	padding-bottom:7px;
	padding: 10px 5px 5px 10px;
}

h2 {
	font-family: Georgia,Serif;
	font-weight: normal;
	font-size: 140%;
	color: #831116;
	padding: 0px 0px 0px 10px;
}


p {
	font-size: 100%;
	padding: 5px 10px;

	font-family: 'Trebuchet MS',Georgia,Serif;

	color: #333333;
	line-height:120%;
}


p a:link 

{

color: #57A128;

text-decoration: none;

}

p a:hover 

{

color: #333333;

text-decoration: underline;

}

p a:visited 

{

color: #55A224;

text-decoration: none;

}

h3 {
	font-size: 100%;	
	font-family: 'Trebuchet MS',Georgia,Serif;
	color: #8A0000;
		
}

h3 a:link 

{

	color: #333333;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #333333;
	text-decoration: none;

}

h3 a:hover 

{
	color: #CCCCCC;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ffffff;
	text-decoration: none;
}

h3 a:visited 

{

color: #850000;

text-decoration: none;

}

h5 {
	font-size: 100%;	
	font-family: 'Trebuchet MS',Georgia,Serif;
	color: #8A0000;
	padding: 5px 10px;
		
}

h5 a:link 

{

	color: #333333;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #333333;
	text-decoration: none;

}

h5 a:hover 

{
	color: #CCCCCC;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ffffff;
	text-decoration: none;
}

h5 a:visited 

{

color: #850000;

text-decoration: none;

}



.img {
	border-bottom-style: solid;
	border-color: #CCCCCC;
	border:3px;
      }


h4 {
	font-size: 100%;	
	font-family: 'Trebuchet MS',Georgia,Serif;
	color: #ffffff;
	border-bottom-width: 1px;
	padding-bottom:3px;
	border-bottom-style: dotted;
	border-bottom-color: #ffffff;
	
	
}

.footer-text {
	font-size: 100%;	
	font-family: 'Trebuchet MS',Georgia,Serif;
	color: #ffffff;
	
	
}

.footer-text a:link 

{

	color: #ffffff;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #ffffff;
	text-decoration: none;

}

.footer-text a:hover 

{
	color: #ffffff;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ffffff;
	text-decoration: none;
}

.footer-text a:visited 

{

color: #CCCCCC;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #ffffff;

text-decoration: none;

}


.header-fade-text {
	font-family: Georgia,Serif;

	font-weight: normal;

	font-size: 140%;
	text-align:right;

	color: #831116;
}

.header-fade-text a:link {
	font-family: Georgia,Serif;

	font-weight: normal;

	font-size: 140%;
	text-align:right;

	color: #831116;
	
	text-decoration:none;
}


h6

{



border-top-width: 5px;

border-right-width: 5px;

border-bottom-width: 5px;

border-left-width: 5px;

border-top-style: solid;

border-right-style: solid;

border-bottom-style: solid;

border-left-style: solid;

border-top-color: #00FF00;

border-right-color: #78c7f2;

border-bottom-color: #78c7f2;

border-left-color: #78c7f2;

}

/* Style for Usual tabs */
.usual {
   color:#111;
 width:479px;


}
.usual li { list-style:none; float:left; }
.usual ul a {
  display:block;
  padding:3px 10px;
  text-decoration:none!important;
  margin:1px;
 
  margin-left:0;
  font:9px Verdana;
  color:#FFF;
  background:#444;
}
.usual ul a:hover {
  color:#FFF;
  background:#111;
  }
.usual ul a.selected {
  margin-bottom:0;
  color:#000;
  background:snow;
  border-bottom:1px solid snow;
  cursor:default;
  }
.usual div {
  padding:10px 10px 8px 10px;
  *padding-top:3px;
  /* border-top:1px #999999 solid;*/
  *margin-top:-15px;
  clear:left;

}
.usual div a { color:#000; font-weight:bold; }