/*
Theme Name: LMS
Author: Online Marketing Muscle (http://www.OnlineMarketingMuscle.com)
Version: 2.0
*/

body { text-align:center; margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 100%; color: #000; background: #FFF; }

div#container { width: 760px; margin: 0px auto; padding: 0px 0px; background: #FFF; }

/* Header navigation */
div#header-nav { float: left; display: inline; overflow: hidden; background: #5F6062; border-bottom: #222 solid 2px; width: 100%; font-size: 0.9em; text-transform: uppercase; font-weight: bold; border-top:2px #fff solid; }
div#header-nav .left { float: left;  display: inline; }
div#header-nav .right { float: right; display: inline; padding: 0px 0px; text-align: right; }
div#header-nav p {	padding: 0px 0px; margin-bottom: 0px; }
div#header-nav ul { margin: 0px; padding: 0px; }
div#header-nav li { float: left; list-style-type: none; margin: 0px; padding: 10px 0px; }
div#header-nav li a { color: #222; text-decoration: none; padding: 10px; border-left: 1px #fff solid; border-right: 1px #fff solid; }
div#header-nav li a:hover { color: #fff; background: #222; padding: 10px; border-left: 1px #666 solid; border-right: 1px #666 solid; }

/* Header and Titles */
div#header { float: left; display: inline; overflow: hidden; width: 760px; height: 119px; padding: 0px; background: url(images/header-bg.png) no-repeat; }
div#header a { color: #eee; text-decoration: none; }
div#header a:hover { color: #ccc; }
div#header p.site-title { margin: 15px 10px 0px 24px; font-size: 4.0em; font-family: Georgia, "Times New Roman", Times, serif; color: #eee; line-height: 110%; }
div#header p.site-slogan { margin: 0px 10px 0px 48px; font-size: 1.8em; color: #390; }

/* The wrapper for content and sidebars */
div#wrapper { float: left; display: inline; overflow: hidden; width: 100%; background: #FFF url('../images/LMS_main-background.png') top; }

/* The content area - to move the content to the right float the content right and the sidebar-wrapper left and change the side margins. */
div#main-content { float: right; display: inline; width: 562px; height: 100%; padding: 0px 0px 20px 0px; background: #FFF; }

/* The wrapper for the sidebars - only 1 sidebar in use at this time */
div#sidebar-wrapper { float: left; display: inline; width: 198px; height: 100%; padding: 0px 0px 0px 0px; background: #5F6062; }

/* The sidebars */
div#sidebar-left { float: left; display: inline; overflow: hidden; padding: 0px 0px 0px 0px; width: 100%; height: 100%; text-align: left; background: #5F6062; }

/* The Footer Navigation Menu */
div#footer-nav { float: left; display: inline; background: #333; width: 760px; clear:both; }
div#footer-nav p { margin: 8px; text-align: right; color: #eee; font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; }
div#footer-nav a { color: #EEE; text-decoration: none; }
div#footer-nav a:hover { text-decoration: underline; }
div#footer-nav .left { float: left; display: inline; overflow: hidden; margin-left: 3px; margin-top: 0px; margin-bottom: 0px; text-align: left; color: #FFF; font-size: 0.8em; line-height: 1.4em; }
div#footer-nav .right { float: right; display: inline; margin-bottom: 0px; font-size: 0.8em; text-align: right; }


/* The Footer Text */
div#footer { float: left; display: inline; background: #FFF; width: 760px; clear:both; }
div#footer .left { float: left;  display: inline; }
div#footer .right { float: right; display: inline; padding: 0px 0px; text-align: right; }
div#footer p { margin: 8px; text-align: center; color: #333; font-family: Arial, Helvetica, sans-serif; font-size: 0.7em; }
div#footer a { color: #0066b2; text-decoration: underline; }
div#footer a:hover { color: 5F6062; text-decoration: none; }

/* Universal styles */
p {
	margin:0px;
	padding-right: 10px;
	padding-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	color: #333;
	font-size: 0.8em;
	line-height: 1.2em;
}

ol li {
	margin:0px;
	padding:4px 3px 4px 20px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	color: #333;
	font-size: 0.8em;
	list-style-type: decimal;
	line-height: 1.2em;
}

a { color: #3E4A9E; text-decoration: underline;}
a img { border: 0px; }
a img:hover { border: 0px; }
a:hover { color: #5F6062; text-decoration: none;}


h1, h2, h3, h4
{
	padding-right: 10px;
	padding-left: 10px;
}
h1
{
	font-family: "Arial Narrow", "Trebuchet MS", Arial,  Helvetica, sans-serif;
	font-size: 1.9em;
	font-weight: bolder;
	letter-spacing: -2px;
	text-transform: uppercase;
	text-align: right;
	padding-right: 2px;
	color: #B6E0D3;
	line-height: 1;
}
h2
{
	/* 	font-family: Georgia, serif; */
	font-family: "Trebuchet MS", "Arial Narrow", Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #002859;
	font-weight:bold;
	font-style:normal;
	text-align: center;
}
h3
{
	font-family: "Trebuchet MS", "Arial Narrow", Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #002859;
	font-weight: normal;
	text-align: left;
	line-height: 1;
}
h4
{
	font-family: "Trebuchet MS", "Arial Narrow", Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	text-transform: uppercase;
	text-align: left;
	color: #333;
	font-weight:bold;
	font-style:normal;
}

