/* Follow the CSSilk Road */

/*

------------------------------------------------------
Copyright Maxine Sherrin, www.westciv.com
some rights reserved
http://creativecommons.org/licenses/by-sa/2.0/

You are free to use this style sheet and its
associated image files to create your own site.
However, we ask that you respect the template's
creator by maintaining this attribution in
the style sheet.
------------------------------------------------------

*/

body {
margin: 0;
font-family: verdana, arial, helvetica, sans-serif;
background-color: #e4d6b8;
color: #2c2c65;
}

/* To place the tiled image across the top of the page */

#container1 {
	background-image: url(images/container1_bg.gif);
	padding-top: 75px;
}

/* Background image for this appears to fade over the background image of container1 */

#main-title {
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
padding-top: 25px;
padding-bottom: 11px;
padding-left: 25px;
padding-right: 0;
background-color: #bbbad9;
color: #2c2c65;
font-weight: bold;
font-size: .8em;
margin-top: 0;
background-image: url(images/main_title_bg.gif);
background-position: top left;
background-repeat: repeat-x;
}

/* Background image for this appears to fade over the background image of main-title */

h1 {
margin-top: 0;
margin-bottom: 0;
padding-right: 50px;
font-size: 1em;
color: #2c2c65;
padding-bottom: 10px;
padding-top: 18px;
font-weight: bold;
background-color: #e4d6b8;
margin-left: 0;
background-image: url(images/h1_and_rollover_bg.gif);
background-repeat: repeat-x;
padding-left: 190px;
border-bottom: 2px #bbbad9 dotted;
}

/* Styles for the main text on the page. */

#main-text {
margin-top: 0;
margin-bottom: 50px;
margin-left: 190px;
padding-right: 50px;
background-color: #e4d6b8;
border-left: 2px #bbbad9 dotted;
}

#main-text p {
padding-left: 20px;
}

p, ul, ol, table {
font-size: .7em;
line-height: 1.9em;
margin-top: 0;
margin-bottom: 17px;
margin-left: 0;
margin-right: 0;
padding: 0;
}

ol, ul {
margin-left: 45px;
}

h2 {
margin-top: 15px;
margin-bottom: 15px;
margin-left: 20px;
margin-right: 0;
padding: 0;
font-size: .8em;
color: #2c2c65;
font-weight: bold;
}

a:link, a:visited {
color: #ad5e15;
text-decoration: none;
font-weight: bold;
}

a:hover {
color: #ea9e57;
text-decoration: underline;
font-weight: bold;
}

/* Styles for the navbar on the left side. */

#left-menu {
	position: absolute;
	top: 30px;
	left: 0;
	width: 163px;
	border-right: 2px #bbbad9 dotted;
	border-bottom: 2px #bbbad9 dotted;
	height: 26px;
	padding-top: 150px;
	padding-bottom: 200px;
	font-size: .8em;
}

#left-menu a:link, #left-menu a:visited {
border-top: 2px #bbbad9 dotted;
display: block;
color: #2c2c65;
text-align: right;
padding-right: 7px;
padding-bottom: 8px;
padding-top: 8px;
}

#left-menu a:hover, #left-menu a.current {
color: #2c2c65;
background-image: url(images/h1_and_rollover_bg.gif);
background-repeat: repeat-x;
background-position: top;
text-decoration: none;
}

/* Styles for the footer at the bottom of the page */

#footer {
text-align: center;
background-color: #2c2c65;
color: #e4d6b8;
margin-bottom: 0;
padding-top: 15px;
padding-bottom: 15px;
font-size: .8em;
background-image: url(images/footer_bg.gif);
background-repeat: repeat-x;
}

#footer a:link, #footer a:visited {
color: #e4d6b8;
}

#footer a:hover {
color: #e4d6b8;
text-decoration: underline;
}