html
{
	height: 100%;
}

body
{

	color : Black;
	font-family : Arial;
	font-style: normal;

	margin: 0px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	height: 100%;
}

/* Links */

a
{
	color : #785A96;
	text-decoration: none;
}

a:hover
{
	color : #785A96;
	text-decoration: underline;
}

/* Table cells */

.black
{
	background-color: white;
	border-collapse: collapse;
	border: 1px solid Gray;

	padding-left: 10px;
	padding-right: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
}

/* Padded text */

.padded
{
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 3px;
	padding-bottom: 3px;
}

/* Bullet image */

.bulletimg
{
	vertical-align: middle;
	padding-right: 5px;
}

/* Scrolled section */

.scrollcontainer
{
	max-width: 960px;
	overflow-x: auto;
}

/* Main content */

.main-content {
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
 
}

/* Main footer */

.main-footer {
	clear: both;
	overflow: auto;
	margin: 0 auto;
}

.main-footer ul li {
	float: left;
	overflow: auto;
	width: 135px;
	font-size: 14px;
	margin-left: 24px;
	margin-bottom: 20px; /* for narrow screens */
	padding-left: 0; /* override other generic styles */
	list-style-type: none;
}

/* Theme */

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.input {
	background-color: #f3f3f3;
	border: 1px solid #c3c3c3;
	height: 30px;
	color: Black;
	padding: 0 10px;
	vertical-align: top;
}

.button {
	color: #fff;
	background-color: #9C83B4;
	border: 1px solid #c3c3c3;
	height: 32px;
	font-family: 'Oswald', sans-serif;
}

.link-button {
	color: #fff;
	background-color: #9C83B4;
	border: 1px solid #c3c3c3;
	font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	padding-left: 5px;
	padding-right: 5px;
	display:block;
}

.link-button:hover {
	color: #fff;
	text-decoration: none;
}

.image {
	border: 1px solid #fff;
	outline: 1px solid #c9c9c9;
}

.main-heading {
	margin-top: 20px;
	margin-bottom: 20px;
	padding-left: 20px;
}

.main-heading h1 {
	display: inline-block;
	color: #7e7e7e;
	font: 30px/30px 'Oswald', sans-serif;
	margin: 0;
	padding: 0 10px;
	text-transform: uppercase;
}

.search-form {
	float: right;
}

.main-navigation {
	height: 40px;
	margin: 0 0 10px;
	background: #f3f3f3;
	border: 1px solid #e7e7e7;
}

.main-navigation ul ul {
	margin: 0; padding: 0; /* only needed if you have not done a CSS reset */
}

.main-navigation ul ul li {
	display: block;
	float: left;
	line-height: 40px; /* this should be the same as your main-navigation height */
	height: 40px; /* this should be the same as your main-navigation height */
	margin: 0; padding: 0; /* only needed if you don't have a reset */
	position: relative; /* this is needed in order to position sub menus */
}

.main-navigation ul ul li a {
	display: block;
	height: 40px;
	line-height: 40px;
	padding: 0 15px;
}

.main-navigation ul ul ul { /* this targets all sub menus */
	display: none; /* hide all sub menus from view */
	position: absolute;
	top: 40px; /* this should be the same height as the top level menu -- height + padding + borders */
}

.main-navigation ul ul ul li { /* this targets all submenu items */
	float: none; /* overwriting our float up above */
	width: 250px; /* set to the width you want your sub menus to be. This needs to match the value we set below */
}

.main-navigation ul ul li:hover > ul {
	display: block; /* show sub menus when hovering over a parent */
}

.top-menu {
	margin: 0;
	padding: 0;
}

.top-menu li {
	text-transform: uppercase;
	list-style-position: inside;
	font: 14px 'Oswald', sans-serif;
	background: #f3f3f3;
}

.top-menu li.current-menu-item, li.current_page_item {
	background: #9C83B4;
	border: 1px solid #c3c3c3;
}

.top-menu ul ul li.current-menu-item a, ul ul li.current_page_item a {
	color: #fff;
}

.top-menu ul ul li.current-menu-item a:hover, ul ul li.current_page_item a:hover {
	color: #fff;
}

.top-menu ul ul li.current-menu-item ul li a, ul ul li.current_page_item ul li a {
	color: #b2b2b2;
}

.top-menu ul ul li.current-menu-item ul li a:hover, ul ul li.current_page_item ul li a:hover {
	color: #000;
}

.top-menu a {
	color: #b2b2b2;
	text-decoration: none;
}

.top-menu a:hover {
	color: #000;
	background: #9C83B4;
	border-bottom: 1px solid #c3c3c3;
}

aside {
	float: left;
	width: 250px;
}

aside + section {
	margin-left: 280px;
	padding-bottom: 50px;
}

.aside-menu {
	background: #f3f3f3;
	border: 1px solid #e7e7e7;
	margin: 0 0 10px 0;
	padding: 0;
	text-transform: uppercase;
}

.aside-menu li {
	font-weight: 300;
	list-style: square inside;
	border-top: 1px solid #e7e7e7;
	font: 14px 'Oswald', sans-serif;
	padding: 10px;
	font-weight: 300;
}

.aside-menu li:first-child {
	border: none;
}

.aside-menu li.active, .aside-menu li.active a {
	color: #9C83B4;
}

.aside-menu a {
	color: #8f8f8f;
	text-decoration: none;
}

.sidebar-heading {
	background: #9C83B4;
	border: 1px solid #c3c3c3;
	font: 14px 'Oswald', sans-serif;
	color: #fff;
	padding: 10px;
	margin: 0 0 0 0;
	text-transform: uppercase;
}

.content-heading {
	font-family: Arial;
	font-size: 16px;
	font-weight: bold;
	color: Black;
}

.entry-header {
	position: relative;
	z-index: 1;

}

.entry-title {
	color: #7e7e7e;
	font: 20px/20px 'Arial', sans-serif;
	text-transform: uppercase;
}

.entry-title a {
	color: #9C83B4;
}

.entry-title a:hover {
	color: #9C83B4;
}

.paging-navigation a {
	color: #9C83B4;
	font-family: Arial;
}

.paging-navigation a:hover {
	color: #9C83B4;
	font-family: Arial;
}