/*  
Name: Mary Gill Typography Stylesheet
URI: http://tux.glengroup.com/dev/todd/marygill
Description: Version: 1.0 - Typography Styling
Author: Todd Libby - todd@glengroup.com
Author URI: http://www.glengroup.com/
*/

/**** SPLASH PAGE STYLING ****/

span.services {
	float: left;
	font-family: Arial ,Helvetica, Verdana, Tahoma, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	text-transform: uppercase;
	color: #eee;
	line-height: 2.0em;
	}
	
span.insideTag {
	float: right;
	font-family: Arial ,Helvetica, Verdana, Tahoma, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	color: #eee;
	letter-spacing: 0.3em;
	padding: 10px 10px 0 0;
	}
	
#splashFooter, span.footInfo {
	font-family: Arial ,Helvetica, Verdana, Tahoma, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	color: #7b91d3;
	vertical-align: bottom;
	padding: 0;
	}
	
#footLink {
	width: 200px;
	padding: 50px 0 5px 0;
	}
	
#footLink li {
	display: inline;
	list-style-type: none;
	}
	
#footLink li a, span.footInfo a {
	font-family: Arial ,Helvetica, Verdana, Tahoma, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
	color: #7b91d3;
	}
	
#footLink li a:hover, span.footInfo a:hover {
	text-decoration: none;
	background-color: #eee;
	color: #333;
	}
	
/**** SPLASH HEADING TYPE STYLING ****/

h1.splashTagline {
	float: left;
	font-family: Georgia, Times, "Times New Roman", serif;
	font-size: 18px;
	font-weight: normal;
	text-align: left;
	color: #ff6;
	}

.insideHead h1 {
	float: left;
	font-family: Georgia, Times, "Times New Roman", serif;
	font-size: 18px;
	font-weight: normal;
	color: #ff6;
	padding-top: 20px;
	margin-left: 130px;
	}
	
span.pageName {
	float: left;
	font-family: Georgia, Times, "Times New Roman", serif;
	font-size: 20px;
	font-weight: normal;
	color: #44537d;
	text-align: left;
	margin: 15px 0 0 10px;
	}
	
h2 {
	float: left;
	font-family: Georgia, Times, "Times New Roman", serif;
	font-size: 12px;
	font-weight: normal;
	float: left;
	color: #fff;
	margin: 0;
	}

#tagline h2 {
	position: absolute;
	float: left;
	margin-left: 105px;
	}
	
.insideContent p {
	font-family: Arial ,Helvetica, Verdana, Tahoma, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	color: #333;
	padding: 15px 0;
	}
	
.line {
	border-bottom: 3px solid #261815;
	}
	
.copyright {
	border-top: 1px dotted #44537d;
	background-color: #ff6;
	}
	
span.insideCopy {
	font-family: Arial ,Helvetica, Verdana, Tahoma, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	color: #44537d;
	margin-left: -106px;
	}
	
.insideCopy p {
	line-height: 1.4em;
	clear: both;
	padding: 5px;
	}
	
.insideCopy h1 {
	font-family: Arial ,Helvetica, Verdana, Tahoma, sans-serif;
	font-size: 20px;
	font-weight: normal;
	color: #333;
	text-align: left;
	padding: 5px 0;
	}
	
.insideCopy h2 {
	font-family: Arial ,Helvetica, Verdana, Tahoma, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #333;
	text-align: left;
	padding: 5px 0;
	}
	
.insideCopy h3 {
	font-family: Arial ,Helvetica, Verdana, Tahoma, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333;
	text-align: left;
	padding: 5px 0;
	clear: both;
	}
	
.insideCopy a {
	font-family: Arial ,Helvetica, Verdana, Tahoma, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333;
	text-decoration: none;
	}
	
.insideCopy a:hover {
	color: #eee;
	background-color: #333;
	text-decoration: none;
	}
	
.insideCopy ul {
	padding-bottom: 20px;
	margin-left: 60px;
	}
	
.insideCopy li {
	list-style-type: none;
	text-align: left;
	font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333;
	text-decoration: none;
	}
	
.insideCopy li.second {
	list-style-type: none;
	text-align: left;
	font-family: Arial ,Helvetica, Verdana, Tahoma, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333;
	text-decoration: none;
	margin-left: 20px;
	}
	
/**** NAVIGATION SYSTEM ****/

ul#primary-nav,
ul#primary-nav ul {
	position: relative;
	width: 125px; 
	margin: 0;
	padding: 0;
	border: 1px solid #354061;
	background: #44537d; /* IE6 Bug */
	}
	
ul#primary-nav {
	float: right;
	width: 125px;
	}
	
ul#primary-nav:after {
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}

ul#primary-nav li {
	position: relative;
	list-style-type: none;
	float: left;
	width: 125px; /* Width of Menu Items */
	}

ul#primary-nav li a,
ul#primary-nav li li a {
	display: block;
	text-decoration: none;
	text-transform: uppercase;
	color: #ff6;
	font-family: Arial ,Helvetica, Verdana, Tahoma, sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding: 3px;
	}

/* Fix IE. Hide from IE Mac \*/
* html ul#primary-nav li { float: left; height: 1%; }
* html ul#primary-nav li a { height: 1%; }
/* End */

ul#primary-nav ul {
	position: absolute;
	display: none;
	}
	
ul#primary-nav ul ul {
	left: 0;
	top: 0;
	}

ul#primary-nav li ul li a { padding: 2px 5px; color: #fff; text-align: left; } /* Sub Menu Styles */

ul#primary-nav li:hover ul ul,
ul#primary-nav li:hover ul ul ul,
ul#primary-nav li.over ul ul,
ul#primary-nav li.over ul ul ul { display: none; } /* Hide sub-menus initially */

ul#primary-nav li:hover ul,
ul#primary-nav li li:hover ul,
ul#primary-nav li li li:hover ul,
ul#primary-nav li.over ul,
ul#primary-nav li li.over ul,
ul#primary-nav li li li.over ul { display: block; margin-left: -1px; background-color: #6274a7; } /* The magic */

ul#primary-nav li.menuparent { background-color: transparent; }
ul#primary-nav li li.menuparent { background-color: transparent; }

ul#primary-nav li.menuparent:hover,
ul#primary-nav li.over { background-color: #44537d !important; }

ul#primary-nav li a:hover { color: #ff6; }

/**** INNER PAGES NAVIGATION SYSTEM ****/

ul#primary-nav-inside,
ul#primary-nav-inside ul {
	width: 125px;
	margin: 0;
	padding: 0;
	border: 1px solid #354061;
	background: #ff6; /* IE6 Bug */
	}
	
ul#primary-nav-inside {
	float: left;
	width: 125px;
	height: 22px;
	margin: 15px 0 0 30px;
	}
	
ul#primary-nav-inside:after {
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}

ul#primary-nav-inside li {
	position: relative;
	list-style-type: none;
	float: left;
	width: 125px; /* Width of Menu Items */
	}

ul#primary-nav-inside li a,
ul#primary-nav-inside li li a {
	display: block;
	text-decoration: none;
	text-transform: uppercase;
	color: #44537d;
	font-family: Arial ,Helvetica, Verdana, Tahoma, sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding: 3px;
	line-height: 1.5em;
	}

/* Fix IE. Hide from IE Mac \*/
* html ul#primary-nav-inside li { float: left; height: 1%; }
* html ul#primary-nav-inside li a { height: 1%; }
/* End */

ul#primary-nav-inside ul {
	position: absolute;
	display: none;
	}
	
ul#primary-nav-inside ul ul {
	left: 0;
	top: 0;
	}

ul#primary-nav-inside li ul li a { padding: 2px 5px; color: #44537d; text-align: left; } /* Sub Menu Styles */

ul#primary-nav-inside li:hover ul ul,
ul#primary-nav-inside li:hover ul ul ul,
ul#primary-nav-inside li.over ul ul,
ul#primary-nav-inside li.over ul ul ul { display: none; } /* Hide sub-menus initially */

ul#primary-nav-inside li:hover ul,
ul#primary-nav-inside li li:hover ul,
ul#primary-nav-inside li li li:hover ul,
ul#primary-nav-inside li.over ul,
ul#primary-nav-inside li li.over ul,
ul#primary-nav-inside li li li.over ul { display: block; margin-left: -1px; } /* The magic */

ul#primary-nav-inside li.menuparent { background-color: transparent; }
ul#primary-nav-inside li li.menuparent { background-color: transparent; }

ul#primary-nav-inside li.menuparent:hover,
ul#primary-nav-inside li.over { background-color: #ff6 !important; }

ul#primary-nav-inside li a:hover { background-color: #44537d; color: #eee; }