/*Fall From Grace: Entry for OSWD Design Contest. Design by Payal Dhar (www.writeside.net).*/

body {

/*IMPORTANT: To get the effect of the "active" link tab being selected in a different colour, you need have different body IDs corresponding to your tabs. The style attributes will remain the same; this is just to match the link style.*/

	background: #000080;
	padding: 0;
	font: 10pt Helvetica, Arial, sans-serif;
	color: #FFFFFF;
}

#header {
	text-align: center;
}

/*This is where the main content will go, including the right-hand box.*/

#content {
	margin: auto;
	width: 750px;
	border-top: 5px solid #B05331;
}

/*Main text area.*/

#text {
	margin: 12px 160px 0 0;
	text-align: justify;
}

/*Heading styles.*/

h1 {
	font: 13pt Garamond, serif;
	font-weight: 700;
	background: #000080;
	display: block;
}

h2 {
	font: 11pt Garamond, serif;
	font-weight: 550;
	border-bottom: 2px solid #F5DDD5;
}

/*The main links style. This gives the tabbed effect on top of the text area. */

#mainlinks {
	margin: auto;
	width: 750px;
	border: 1px solid #000080;
	padding-bottom: 4px;
}

#mainlinks a, a:link {
	background: #000000;
	color: #f0f0f0;
	border: 0;
	margin: 0;
	text-decoration: none;
	padding: 4px;
	display: inline;
}

#mainlinks a:hover, a:active {
	background: #B05331;
	display: inline;
}


 a#homelink { /*This is the style for the tab of the "active" page, Section 1, in my example. */
	background: #B05331;
	border: 1px solid #B05331;
}

/*Style for links in the text body. */

#text a, a:link {
	color: #CCCCCC;
	border: 0;
	padding: 0;
	text-decoration: yes;
	display: inline;
}

#text a:visited {
	color: #000000;
}

#text a:hover, a:active {
	color: #000000;
}

/*Style for box on the right. This can be used for secondary links or for other text. */

#rightbox {
	float: right;
	width: 160px;
	border: 1px #FFFFFF solid;
	padding: 2px;
	margin: 12px 0 0 5px;
	font: 9pt Helvetica, Arial, sans-serif;
	line-height: 12pt;
}

#rightbox a, a:link {
	background: #000080;
	border-left: 3px #B05331 solid;
	color: #FFFFFF;
	text-decoration: underline;
	padding: 2px;
	margin: 1px;
	display: block;
	width: 140px;
}

#rightbox a:visited {
	color: #FFFFFF;
	text-decoration: underline;
}

#rightbox a:hover, a:active {
	background: #F5DDD5;
	border-left: 3px #000000 solid;
	color: #000000;
	text-decoration: none;
}

#rightbox h2 {
	font: 10pt Garamond, serif;
	font-weight: 550;
	display: inline;
}

/*Style for footer. */

#footer {
	font-size: 8pt;
	margin-top: 4px;
	border-top: 4px #B05331 solid;
	width: 98%;
	clear: both;
	text-align: center;
	padding: 5px;
}

img {
	border: 0;
}