@import "layout.css";
@import "nav.css";
@import "additional.css";
@import "form.css";
@import "panels.css";

/*-------------------------*//*global text styles & classes *//*-------------------------*/
/*/////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////*/

/* Define basic elements
/////////////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////////*/

*{
	margin:0;
	padding:0;
}

html{
	
	height:100%;
}

body{
	background:url(/images/background.gif) repeat-x scroll top left;
	font:normal 62.5%/1 arial,helvetica,verdana,sans-serif;
	color:#000;
	text-align:center;
}

/* Headings
/////////////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////////*/

h1, h2, h3, h4, h5, h6{
	font-family:arial,helvetica,sans-serif;
	margin:0 10px 10px;
}

h1{
	
}

h2{
	margin: 0 0 10px 0;
	padding: 8px 10px;
	background-color: #fefbe6;
	font-family: georgia, times, serif;
	font-weight: normal;
	color: #4e3320;
	font-size: 2.2em;
	line-height: 1.2em;
}
/*h2.blockstyle
{
	margin: 0 0 10px 0;
	text-transform: uppercase;
	line-height: 1.2em;
}*/

h3{
	margin: 0 0 1em 0;
	padding: 10px;
	background-color: #fefbe6;
	font-family: georgia, times, serif;
	font-weight: normal;
	font-style: italic;
	color: #a88f4c;
	font-size: 2em;
	line-height: 1em;
}

h4{
	margin: 1em 10px 0.5em 10px;
	font-size: 1.1em;
	color: #71513c;
	font-weight: bold;
}

h5{
	margin-top: 1em;
	font-size: 1.1em;
	color: #a88f4c;
}

h6{

}

/*paragraphs etc
/////////////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////////*/

p, address{
	margin: 0 10px 1.5em 10px;
	font-size:1.1em;
	font-family: arial, helvetica, verdana, sans-serif;
	line-height:1.4;
	color: #71513c;
	font-style: normal;
}

span{
	
}

blockquote{
	margin: 1em 0 2em;
	padding: 0;
	background-color: #fefbe6;
}
blockquote p, .reply_message
{
	margin: 0px 10px;
	padding: 10px 0;
	font-family: georgia, serif;
	font-size: 2em;
	font-style: italic;
	line-height: 1.2em;
	color: #a88f4c;
}
blockquote .author
{
	font-size: 0.6em;
	line-height: 2em;
	font-style: italic;
}

cite{
	
}

strong
{
	/*color: #947931;*/
}

em
{
}

img
{
	margin: 0;
	padding: 0;
	border: 0;
}

/* List styles
/////////////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////////*/

ol{
	
}

ul{
	margin:0;
	padding: 10px 30px;
	list-style-type: disc;
	list-style-position: outside;
}

li{
	position: relative;
	line-height:1.5;
	color: #71513c;
	font-size:1.1em;
}

ul.alt_style{
	margin: 0 0 1em 0;
	padding: 10px;
	background-color: transparent;
	list-style: none;
}

ul.alt_style li{
	margin: 0 2em;
	padding: 5px 8px 5px 24px;
	position: relative;
	line-height:1.2;
	color: #a88f4c;
	font-weight: bold;
	font-size:1.1em;
	background: transparent url(/images/li_star_purple.gif) no-repeat scroll 0 6px;
}

ul.blockstyle{
	margin:0 0 10px 0;
	padding: 10px;
	background-color: #fefbe6;
	list-style: none;
	position: relative;
	top: -15px
}

ul.blockstyle li{
	margin: 0;
	padding: 5px 8px 5px 24px;
	position: relative;
	line-height:1.5;
	color: #71513c;
	font-size:1.1em;
	background: transparent url(/images/li_star.gif) no-repeat scroll 0 6px;
}


/* Definition list styles 
/////////////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////////*/

dl{
	
}

dt{
	clear:left;
	float:left;
	width:100px;
	font-size:1.1em;
}
	
dd{
	font-size:1.1em;
}



/* Link styles
/////////////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////////*/

a img{
	border:none;
}

a:link, a:visited{
	color: #ff0099;
	text-decoration: underline;
}

a:hover{
	color: #ff0099;
	text-decoration: none;
}

a:active{
	color: #ff0099;
}

.skip{
	position:absolute;
	left:-9999px;
}

/* Image replacement
/////////////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////////*/

.replace{ 
	position:relative; 
	/*hide overflow:hidden from IE5/Mac */ 
	/*\*/ 
	overflow:hidden;
	 /**/
} 

.replace span{ 
	display:block; 
	position:absolute; 
	top:0px; 
	left:0px; 
	z-index:1; /*for Opera 5 and 6*/ 
}

a.replace span{
	cursor:hand;
}

/* Bug Workarounds
/////////////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////////*/

.clearfix:after{
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}

.clearfix{
	display:inline-block;
}

/*Hides from IE-mac \*/*html .clearfix{height:1%;}
.clearfix{display:block;}
/*End hide from IE-mac */

/* General custom classes
/////////////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////////*/

.hrule{
	margin: 1em 0;
	height: 1px;
	line-height: 1px;
	border-top: 1px solid #000; 
}

.right{
	float:right;
}

.left{
	float:left;
}

img.right
{
	margin-left: 20px;
}

.thumb{
	border:1px solid #999;
	padding:1px;
}

.thumb.left{
	margin:0 15px 15px 0;
}

.thumb.right{
	margin:0 0 15px 15px;
}

.clear{
	clear:both;
	height: 1px;
	line-height: 1px;
	overflow: hidden;
}

.intro{
	font-weight:bold;
}