/*
TITLE:	Revival Design Stylesheet
AUTHOR:	Khaled Maiwand, HighCo Technology
CREATED:	Sept. 2007
*/
* {margin: 0; padding: 0; 	}

html, body{ height: 100%; 	}
body {
	font: normal 11px Verdana, sans-serif; 
	color: #000; background: #f0f6df;
	}

#wrapper {
	width: 810px;
	margin: 0 auto;
	height:  80%; 
	}

#header {
	width: 810px;
	height: 120px;
	margin:  0 auto;
	background:  url('images/content_top.gif') no-repeat;
	}
	#header p.title{
		padding:  40px 0 0 40px;
		font: normal 24px Verdana, sans-serif; 
		color: #fff;
		}
	#header p.slogan{
		position: absolute;
		top: 32px; left: 640px;
		font-size: 16px;
		color: #666;
		}

#content {
	padding: 5px 20px 0 20px;
	background: #92cef1 url('images/content_mid.gif') repeat-y;
	height: 75%;
	}

/**************************** menu ****************************/

#menu {
	float: left;
	width:  225px;
	color: #000; background: url('images/menu_mid.gif') repeat-y;
	}

	#menu_top {
		height: 28px;
		background: url('images/menu_top.gif') no-repeat;
		}

	#menu_btm {
		height: 28px;
		background: url('images/menu_btm.gif') no-repeat;
		}

	#menu ul {
		width: 200px;
		margin-left: 10px;
		list-style: none;
		font-size: 12px;
		}	

	#menu li {
		margin-bottom: 4px;
		padding-left: 25px;
		border-bottom: 1px solid #c8e5c7;
		background: url( images/bullet.gif) no-repeat 12px 6px;
		}

	#menu a {
		display: block;
		text-decoration:  none;
		color: #fff; background: f0f6df;
		}
		#menu a:hover { color: #333; background: fff; }	

	#menu p{ padding: 5px; color: #000; background: #fff; }

/**************************** main content ****************************/

#main {
	float: right;
	width: 533px;
	background: url('images/main_mid.gif') repeat-y;
	}

.main_top {
	height: 15px;
	background: url('images/main_top.gif') no-repeat;
	}

.main_btm {
	height: 30px;
	background: url('images/main_btm.gif') no-repeat;
	}

.mid { padding-left: 25px; }

/**************************** footer ****************************/

#footer{
	height: 42px;
	padding-top: 40px;
	text-align: center;
	background: url('images/content_btm.gif') no-repeat;
	}
	#footer a { text-decoration: underline; color: #000; }
	#footer a:hover { background: #fff; }

/* --------------------------------------- Styles --------------------------------------- */


p { margin: 5px 10px 5px 0px ; }
a{
	color: #fff;
	text-decoration: none;
	}
	a:hover{ color: #000; }

h1{
	margin-bottom: 10px;
	font: normal 24px Verdana, sans-serif;
	color: #fff;
	}

h2{
	padding:  5px 0 5px 10px;
	font: bold 12px Verdana, sans-serif;
	color: #fff;
	}
h3{
	padding: 20px 0 5px 5px;
	font: bold 12px Verdana, sans-serif;
	color: #000; background: #fff; 
	}
img { float: right; margin: 5px; padding: 5px; border: 1px solid white; }
ul { margin-left: 20px; }	
acronym { border-bottom: 1px #aaa dotted; cursor: help; }
