﻿body
{
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: Black;
	background-color: #ffffff;
}


/*
 ***************************************************** 
 *	Column Alignment								 *
 *****************************************************
*/

#container
{
	width: 780px;
}

#header
{
	clear: both;
	height: 130px;
	background-color: #663366;
	background-position: left bottom;
	background-image: url(../Images/DividerBar.jpg);
	background-repeat: no-repeat;
}

#sideNav
{
	float: left;
	width: 170px; height: 400px;
	background-color: #663366; /* Purple */
	padding: 15px 0 0 30px;
}

#story
{
	float: left;
	width: 360px;
	padding: 15px 5px 0px 10px;
}

#storyWide
{
	float: left;
	width: 555px;
	padding: 15px 10px 0px 10px;
}

#feature
{
	float: right;
	width: 195px;
	padding: 15px 0px 0px 5px;
}

#footer 
{
    clear: both;
    font-size: 12px;
	font-weight: normal;
    color: #663366;
    text-align: center;
    padding: 30px 10px 10px 10px;
}


#footer hr
{
	color: #663366;
	width: 90%;
}

#topNav
{
	width: 360px;
	margin: 5px 210px 0px 210px;
}

#topNav a
{
	font-size: 12px;
	color: #ffffff;
	text-decoration: none;
	display: inline-block;
	margin: 0px 10px 0px 10px;
}

#topNav a:hover
{
	color: #ffff99;
}


/*
 ***************************************************** 
 *	Navigation Style								 *
 *****************************************************
*/

/* Navigation link */
#sideNav a
{
	font-weight: bold; 
	font-size: 12px; 
	color: white; 
	text-decoration: none;
	display: block;
	margin: 5px 0px 10px 0px;
}

#sideNav a:hover
{
	color: #ffff99;
}

#sideNav .button
{
	width: 142px;
	height: 26px;
	margin: 5px 0px 5px 0px;
	padding: 5px 0px 0px 0px;
	background-repeat: no-repeat;
	text-align: center;
	background-image: url(../Images/Button.jpg);
	cursor: pointer;
}

#sideNav .button:hover
{
	color: #ffff99;
	cursor: pointer;
}



/*
 ***************************************************** 
 *	Story Content Style								 *
 *****************************************************
*/

/* Story title */
#story h1, #storyWide h1
{
	font-size: 16px;
	font-weight: bold;
	color: #663366;
}

/* Story subtitle */
#story h2, #storyWide h2
{
	font-size: 12px;
	font-weight: bold;
	color: Black;
}

/* Story link */
#story a, #storyWide a
{
	font-size: 12px;
	font-weight: normal;
	color: #996600;
	text-decoration: underline;
}

#story a:visited, #storyWide a:visited
{
	color: #669933;
}

#story a:hover, #storyWide a:hover
{
	text-decoration: none;
}

#story table.archives, #storyWide table.archives
{
	width: 360px;
	border: 0px;
	text-align: center;
}

#story table a, #storyWide table a
{
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
}

#story table a:visited
{
	color: #000000;
}

#story table a:hover
{
	text-decoration: none;
}


/*
 ***************************************************** 
 *	Feature Content Style							 *
 *****************************************************
*/

#feature h1
{
	font-size: 16px;
	font-weight: bold;
	color: #663366;
}

#feature h2
{
	font-size: 12px;
	font-weight: bold;
	color: #663366;
	margin-bottom: 5px;
}

#feature a
{
	font-size: 12px;
	font-weight: normal;
	color: #996600;
	text-decoration: underline;
	display: block;
}

#feature a:hover
{
	text-decoration: none;
}

#feature p
{
	margin-bottom: 5px;
	margin-top: 5px;
	font-size: 12px;
	font-weight: normal;
	color: #663366;
}


