/* 
ToC

	1. defaults
	2. structure
	3. links and navigation
	4. fonts
	5. images

Notes

*/

/*

/* --------- 1. defaults  --------- */
body {
		background-image: url(../images/backgroundstone.jpg);
		font-family: 		"Lucida Sans", "Palatino Linotype", Georgia, "Times New Roman", sans-serif;
		font-size:			18px;
		line-height:		20px;
		left: 				0px;
		top: 				0px;
		text-indent:		10px;
		margin-right:		20%;
		
	
	}
	
h1 {
	font-size: 			36px;
	font-style: 		normal;
	line-height: 		normal;
	font-weight: 		bold;
	font-variant: 		small-caps;
	text-transform: 	none;
	color: 				#0033CC;
	background-color:	transparent;
}
h2 {
	font-size: 			24px;
	font-style: 		normal;
	line-height: 		normal;
	font-weight: 		bold;
	font-variant: 		small-caps;
	text-transform: 	none;
	color: 				#0033CC;
	background-color:	transparent;
	margin-left: 		0px;
}
h3 {
	font-size: 			18px;
	font-style:		 	normal;
	line-height: 		normal;
	font-weight: 		bold;
	font-variant: 		small-caps;
	text-transform: 	none;
	color: 				#0033CC;
	background-color: 	transparent;
	margin-left: 		0px;
}

ol	{
	text-indent: 		0px;
	background-color: 	transparent;
	list-style-type: 	decimal;
	margin-top: 		-12px;
	margin-left: 		25px;
	margin-right: 		25px;
	padding-left: 		1.5%;
	list-style-position: outside;


}

ul {
	background-color: transparent;
	margin-top: -12px;
	margin-left: 25px;
	margin-right: 25px;
	list-style-position: outside;
	list-style-type: circle;
	padding: 5%;
	line-height: 1.5em;
}

/*  --------- 2. structure  --------- */

#Header		{
	position: 			absolute;
	left: 				0px;
	top: 				0px;
	width: 				800px;
	height: 			192px;
	margin: 			0 auto;
	padding: 			40px 0;
	

}
.HdrLeft {
	left: 				0px;
	top:				0px;
	width: 				33%;
	z-index: 			10;
	vertical-align: 	top;
	text-align: 		right;
	padding-right: 		20px;
}


.HdrCenter {
	position: 			absolute;
	left: 				220px;
	top:				15px;
	width: 				33%;
	z-index: 			0;
	vertical-align: 	top;
	height:				92px;
}

.HdrRight {
	top:				15px;
	width: 				inherit;
	height: 			163%;
	z-index: 			17;
	vertical-align: 	middle;
	font-size: 			0.7em;
	text-indent:		0px;
	left: 				inherit;
	float:				right;
	text-align: right;
}
	 
/*
#PageContent {
	width: 				640px;
	background:	 		transparent;
	left:				140px;

}
*/
#wrapper {
		width: 720px;
		margin: 0 auto;
		padding: 40px 0;
		}

.boxoutLF {
		float: 			left;
		width: 			200px;
		margin: 		0 0 20px 20px;
		padding: 		1em 0 0 10px;
		z-index: 		12; 	
		text-align: 	center;
}
		
.ImageFloatLeft {
		float: 			left;
		width: 			inherit;
		margin: 		0px 20px 0px 20px;
		padding: 		1em 0 0 0px;
		z-index: 		12; 	
		text-align: 	center;

}		
.ClearLeft {
		clear: 			left;

}		



.boxoutNoneCen {
		float: 			none;
		width: 			450px;
		margin: 		0 0 20px 20px;
		padding: 		1em 0 0 100px;
		z-index: 		12; 	
		text-align: 	center;
}

.boxout01 {
		float: 			right;
		width: 			225px;
		margin: 		0 0 20px 20px;
		padding: 		1em 0 0 10px;
		z-index: 		12; 	
		text-align: 	right;
}

.MenuArea {
		position:		absolute;
		top:            400px;
		float: 			left;
		clear:			both;
 		margin-left:	1%;
		z-index: 		12; 	
		text-align: 	left;
}
		
		

.text-red {
	color:				#FF0000;
	font-weight:		bold;
	background-color:	#940000;
	background: 		transparent;
}

.FooterCust {
	FONT-SIZE: 			0.7em;
	FONT-WEIGHT: 		bold;
/*	TEXT-DECORATION: 	none;  */
	vertical-align: 	middle;
	text-align: 		left;
	max-width: 			none;
	bottom:				1%;
	left:				1%;
}
.FooterIW {
	background-color: 	transparent;
	FONT-SIZE: 			0.6em;
	FONT-WEIGHT: 		bold;
	TEXT-DECORATION: 	none;
	max-width: 			none;
	bottom:				1%;
	left:				1%;
	margin-top  		60px
	
}
p.copyrights { /*v5*/
	color: 				#CCCCCC;
	font-family: 		Arial, Helvetica, sans-serif;
	FONT-SIZE: 			.6em;
	FONT-WEIGHT: 		bold;
	line-height: 		normal;
	margin-bottom: 		12px;
	margin-top  		60px
}
		
/* ---------- 3. links and navigation ---------- */

#Menu {
	 position: 			absolute; 
	 left: 				10px; 
	 top:  				200px;
	 clear: 			none; 
	 width: 			140px; 
	 z-index: 			17; 
	 vertical-align: 	top;
	 float:				left;
}


a {
	text-decoration:	none;

}
/* the link pseudo-classes MUST be in the following order to ensure the work correctly in all browsers
1 - link
2 - visited
3 - hover
4 active
*/
a:link {
	color: 				#333333;
	background-color: 	transparent;
	text-decoration:	underline;

}

a:visited {
	color: #333333;
}

a:hover  {
	color:				#990000;
	background-color:	#CCCCCC;
}

a:active {
	color:				#FF0000;
	background-color:	#FFFFFF;
}


a.myclass {
    text-decoration: none;
    color: Olive;
}
a.myclass:hover{
    text-decoration: underline;
} 
.HdrLeft a:link {
	background-color: 	transparent;

}

.HdrLeft a:hover {
	border-color:		#FF0000;
}


/* ---------- 4. fonts ---------- */

hr {
		background-color: #cccccc;
		color: #cccccc;
		height: 6px;
		border: 0;
		margin-bottom: 1.6em;
		}
.HdrText {
	top:				15px;
	z-index: 			17;
	vertical-align: 	inherit;
	font-size: 			0.8em;
	text-indent:		0px;
	text-align: right;
}
.ClearBoth {

		clear: 			both;
}