/*
TITLE:	Ruler Design Stylesheet
AUTHOR:	Khaled Maiwand, HighCo Technology
CREATED:	Sept. 2007
*/
body{
	margin: 0; padding: 0;
	font: 110% "Monotype Corsiva";
	background: #929baa;
	}
#logo{
	height: 127px;
	background: #5E6876 url( "img/ruler.gif") right no-repeat;
	}
#tagline{
	text-align: right;
	padding: 1px 20px;
	color: white; background: black;
	}
#nav-left{
	float: left;
	width: 130px; height: 450px;
	margin-right: 15px;
	color: white; background: #5E6876;
	}
	#nav-left ul{ margin-top: 20px;}
	#nav-left li{ margin: 10px 2px; list-style-type: square;}
	#nav-left li a{ color: white; text-decoration: none;}
	#nav-left li a:hover{ color: black;}
#nav-right{
	float: right;
	width: 130px;
	height: 450px;
	margin-left: 15px;
	color: black; background: #929baa;
	}
	#nav-right ul{ margin-top: 20px;}
	#nav-right li { margin: 10px 2px; list-style-type: square;}
	#nav-right li a{ color: black; text-decoration: none;}
	#nav-right li a:hover{ color: white;}
#main{ 
	height: 430px;
	margin: 0;
	padding: 10px 15px;
	background: white;
	}
#footer{
	text-align: center;
	line-height: 1.5em;
	font-size: 0.8em;
	color: white; background: black;
	}
	#footer a{ color: white;}
/* --------------------------------- Common Styles --------------------------------- */
h1 { font-size: 1.2em; }
a { color: #162236;}
	a:hover{ color: #929baa;}
blockquote{ padding: 5px; color: #000; background: #ececec;}