/* layout for Sweet Reads  */

body {
	margin:10px 10px 0px 10px;
	padding:0px;
	background-color: #666699;
	background-image: none;
	color: #ffffff;
	font-family: "Helvetica", "Verdana", sans-serif;
	font-weight: normal;
	font-size: 100%;
	}

#banner {
	z-index: 2;
    position: absolute;
    left: 185px;
    top: 0px;
    height: 160px;
    width: 600px;
    padding: 0px;
    margin-right: 0px;
    background-color: #666699;
}

#leftnav {
	z-index: 3;
	position: absolute;
	left:100px;
	top:45px;
	width:130px;
	color:#ffffcc;
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 15px;
    padding-left: 20px;
    padding-right: 5px;
	/* background:#990000; /* dark red */
	/* background:#996666; /* dusty red */
	background:#006633; /* dark green */
	/* background:#339966; /* lighter green */
	/* background:#ccffcc; /* mint green */
	/* background:#ccffff; /* pale aqua */
	border-top:1px solid #000066;
	border-right:1px solid #000066;
	border-bottom:1px solid #000066;
	border-left:1px solid #000066;
	}

#leftquote {
    z-index: 3;
    position: absolute;
    left:10px;
    top: 340px;
    width: 170px;
    color:#ffffcc;
	background:#666699;
    font-style: italic;
    font-weight: normal;
	font-size: 100%;
	font-family: "Verdana", sans-serif;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 5px;
}

#rightcolumn {
	z-index: 3;
	position: absolute;
	left: 835px;
	top: 340px;
	background-color:#666699;
	color:#ffffff;
	font-size:80%;
}

#centercolumn {
	z-index: 2;
	position: absolute;
    left:195px;
    top:160px;
    width: 630px;
	color:#000066;
	background:#ffffcc;
	border-top:3px solid #000066;
	border-bottom:3px solid #000066;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:40px;
	padding-bottom:0px;
}

#centercontent {
	position: relative;
	color:#000066;
	background:#ffffcc;
    top: 0px;
    padding-top: 25px;
	padding-left: 65px;
	padding-right: 40px;
    padding-bottom: 40px;
	margin-bottom: 0px;
	}

#footer {
    position: absolute;
    top: 95%;
	color: #ffffcc;
	background:#666699;
	height:80px;
}
	
/* to make small search form */
#leftnav input {
	font-size: 75%;
	}
#leftnav form {
	margin:0px 0px 0px 0px;
	}
	
#rightcolumn a:link {
	color: #ffffff;
text-decoration: none;
}

#rightcolumn a:hover {
	color: #ffffff;
	text-decoration: underline;
}

#rightcolumn a:active {
	color: #ffffff;
}

#rightcolumn a:visited {
	color: #cccccc;
text-decoration: none;
}

#centerheader a:link {
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
}
#leftnav a:link {
	font-weight: bold;
	color: #ccffcc;
	text-decoration: none;
}
#CurrentNav a:link {
	font-weight: bold;
	color: #ffffcc;
	text-decoration: none;
}

#centerheader a:active {
	font-weight: bold;
	color: #e0e0e0;
	text-decoration: none;
}
#leftnav a:active {
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
}
#CurrentNav a:active {
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
}

#centerheader a:visited {
	font-weight: bold;
	color: #e0e0e0;
	text-decoration: none;
}
#leftnav a:visited {
	font-weight: bold;
	color: #ccffff;
	text-decoration: none;
}
#CurrentNav a:visited {
	font-weight: bold;
	color: #990000;
	text-decoration: none;
}

#centerheader a:hover {
	font-weight: bold;
	color: #ffffff;
	text-decoration: underline;
}
#leftnav a:hover {
	font-weight: bold;
	color: #ccffcc;
	text-decoration: underline;
}
#CurrentNav a:hover {
	font-weight: bold;
	color: #ffff33;
	text-decoration: underline;
}

#CurrentNav {
	font-weight: bold;
	color: #ffff33;
}

body a:hover {
	color: #660000;
}

h1 {
	padding-top:30px;
	padding-bottom:10px;
	font-size: 150%;
	font-weight: bolder;
	text-align: center;
	}

h2 {
	font-size: 110%;
	font-weight: bolder;
	margin-bottom: 0px;
	}

ul {
	margin-top: 0px;
    margin-bottom: 5px;
    margin-left: 15px;
}

ul li {
	margin-top: 20px;
    margin-bottom: 15px;
    line-height: 110%;
}

ol li {
	margin-top: 20px;
    margin-bottom: 15px;
    line-height: 110%;
}



hr {
	color: #000066;
    size: 1px;
    text-align: center;
}

.highlight {
	color: #ff0000;
	font-weight: bolder;
}

.larger {
	font-size: 125%;
}

.smaller {
	font-size: 80%;
}

.left-shift {
	margin-left: 1em;
}

.align-right {
	text-align: right;
}


/*
<%init>
 $r->content_type('text/css');
</%init>
<%flags>
 inherit => undef
</%flags>
*/