/* 
  -------------------------------------------------------
  File:'Blueball Shadow Colors 36' styles.css
  Created: 14 May, 2005
  Last Modified: 20 September, 2007
  Author: Charlie Lockhart, Blueball Design
  www.blueballdesign.com
  Email: themes@blueballdesign.com
  Copyright 2005/2006/2007 Charlie Lockhart/Blueball Design USA
  All Rights Reserved
  -------------------------------------------------------
*/

/* @group GENERAL STYLES */

body {
	font-size: 13px;
	font-family: Lucida, Arial, Helvetica, sans-serif;
	line-height: 19px;
	margin: 0px 10px 0px 20px;
	color: #333333;
	background: #FFFFFF;
	text-align: left;
	}

p {
	margin-left: 0px;
	margin-right: 0px;
	}

b, strong { font-weight: bold; }

a:link, a:visited {
	color: #0303f1;
	text-decoration: none;
	}

a:hover, a:active {
	color: #0303f1;
	text-decoration: underline;
	}

.image-left {
	margin: 2px 4px 1px 0px;
	padding: 4px;
	float: left;
	}

html>body .image-left {
	margin: 4px 8px 2px 0px;
	padding: 4px;
	float: left;
	}

.image-right {
	margin: 2px 0px 1px 4px;
	padding: 4px;
	float: right;
	}

html>body .image-right {
	margin: 4px 0px 2px 8px;
	padding: 4px;
	float: right;
	}

a img { border: 0px; }
.clear { clear: both; }

/* @end */

/* @group GLOBAL CLASSES */

blockquote, .standout {
	font-weight: normal;
	font-style: italic;
	font-size: 13px;
	line-height: 1.5em;
	background-color: #EBEBEB;
	color: #5d953c;
	padding: 7px 10px 8px 10px;
	border: 1px solid #D1D1D1;
	}

h1 {
	padding: 4px 0px 0px 0px;
	margin-top: -4px;
	padding-bottom: 2px;
	font-size: 20px;
	line-height: 1.15em;
	font-weight: bold;
	color: #0303f1;
	}

h2 {
	margin-top: 4px;
	padding-top: 4px;
	font-size: 21px;
	font-weight: bold;
	color: #CA0000;
	}

h3 {
	margin-top: 4px;
	padding-top: 4px;
	padding-bottom: 0px;
	margin-bottom: -2px;
	font-size: 15px;
	font-weight: bold;
	color: #0303f1;
	}

h4 {
	font-size: 13px;
	font-weight: bold;
	text-align: left;
	letter-spacing: .015em;
	color: #333333;
	padding-top: 0px;
	padding-bottom: 2px;
	margin: 0px;
	}

.imageStyle {
	background: transparent;
	padding: 0px;
	margin: 0px;
	}

ul.disc { list-style-type: disc; }
ul.circle { list-style-type: circle; }
ul.square { list-style-type: square; }
ol.arabic-numbers { list-style-type: decimal; }
ol.upper-alpha { list-style-type: upper-alpha; }
ol.lower-alpha { list-style-type: lower-alpha; }
ol.upper-roman { list-style-type: upper-roman; }
ol.lower-roman { list-style-type: lower-roman; }

/* @end */


/* @group LAYOUT */

/* @group Container */

#container {
	position: relative;
	background: #ffffff;
	margin: 0px auto;
	margin-top: 0px;
	width: 980px;
	height: auto;
	background: repeat-y url(images/Middleds.gif);
	text-align: left;
	color: #333333;
	}


/* @end */

/* @end */

/* @group  Page Header */

#pageheader {
	position: relative;
	margin-top: -6px;
	margin-left: 40px;
	margin-bottom: 0px;
	background: url(images/00main-logoanimated.gif) top left;
	width: 880px;
	height: 130px;
	}

#pageheader h1 {
	padding: 23px 0px 3px 36px;
	font-size: 28px;
	font-weight: bold;
	line-height: .5em;
	letter-spacing: .25px;
	text-align: left;
	color: #ffffff;
	margin: 0px;
	}

#pageheader h2 {
	padding: 4px 0px 0px 36px;
	font-size: 13px;
	letter-spacing: .08em;
	font-weight: normal;
	color: #dddddd;
	text-align: left;
	text-transform: uppercase;
	margin-top: 3px;
	}

#pageheaderbottomHome {
	position: relative;
	width: 934px;
	height: 33px;
	margin-left: 27px;
	margin-right: 0px;
	background-image: url(images/contenttopbgF4home.gif);
	background-repeat: no-repeat;
	}

#pageheaderbottom {
	position: relative;
	width: 934px;
	height: 33px;
	margin-left: 27px;
	margin-right: 0px;
	background-image: url(images/contenttopbgF4.gif);
	background-repeat: no-repeat;
	}

/* @end */


/* @group Content Area */

#mainareaHome {
	margin: 0px 0px 0px 27px;
	padding: 0px;
	float: none;
	position: relative;
	width: 934px;
	background-position: 0px 0px;
	height: auto;
	background-color: transparent;
	background-image: url('images/contentbgF4home.gif');
	background-repeat: repeat-y;
	}
	
#mainarea {
	margin: 0px 0px 0px 27px;
	padding: 0px;
	float: none;
	position: relative;
	width: 934px;
	background-position: 0px 0px;
	height: auto;
	background-color: transparent;
	background-image: url('images/contentbgF4.gif');
	background-repeat: repeat-y;
	}

#sidebarContainer {
	float: left;
	margin-left: 0px;
	padding: 3px 0px 3px 0px;
	width: 174px;
	background-color: transparent;
	text-align: left;
	overflow: visible;
	z-index: 20;
	}

#sideheader {
	margin: 0px 0px 4px 0px;
	width: 164px;
	}

#contentContainer {
	width: 686px;
	margin-top: -3px;
	margin-right: 3px;
	z-index: 2;
	margin-left: 198px;
	}

#contentContainer #content {
	line-height: 1.8em;
	padding-top: 4px;
	width: 685px;
	margin-top: 0px;
	margin-bottom: 10px;
	}

#content IMG.centerimage {
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding-left: 5px;
	}

.rightimage {
	display: block;
	text-align: right;
	margin: 16px 25px 4px 10px;
	width: auto;
	}

.leftimage {
	display: block;
	text-align: right;
	margin: 6px 16px 4px 0px;
	width: auto;
	}

#innercontainer #contentContainer #content ul { }
#innercontainer #contentContainer #content li { }

/* 3-col equal */

#col3l {
	display: block;
	width: 214px;
	margin-left: 4px;
	padding-right: 8px;
	float: left;
	}

#col3m {
	display: block;
	float: left;
	width: 214px;
	margin-left: 6px;
	padding-right: 8px;
	}

#col3r {
	display: block;
	width: 214px;
	margin-left: 4px;
	float: right;
	}

/* 2-col big left */

#col2leftbig {
	display: block;
	float: left;
	width: 430px;
	margin-left: 6px;
	padding-right: 8px;
	}

#col2rightsmall {
	display: block;
	width: 216px;
	margin-left: 4px;
	float: right;
	}

/* 2-col big right */

#col2rightbig {
	display: block;
	float: right;
	width: 430px;
	}

#col2leftsmall {
	display: block;
	width: 216px;
	margin-left: 6px;
	float: left;
	padding-right: 4px;
	}

/* 50/50 split 2-col */

#col2right {
	display: block;
	float: right;
	width: 335px;
	}

#col2left {
	display: block;
	width: 335px;
	margin-left: 6px;
	float: left;
	padding-right: 6px;
	}

/* excuse text block */

#excuse {
	display: block;
	width: 450px;
	padding-left: 15px;
	float: left;
	font-size: 21px;
	font-weight: bold;
	color: #CA0000;
	line-height: 24px;
	border: black;
	border-style: dotted;
	}


/* Table Styles */
#innercontainer table { font-size: 12px; }

.clearfix:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
	}


/* @end */

/* @group  Page Bottom */

#pagebottomHome {
	position: relative;
	width: 934px;
	height: 39px;
	margin-left: 27px;
	margin-right: 16px;
	background: transparent url(images/footerbgF4bhome.gif) top no-repeat;
	}

#pagebottom {
	position: relative;
	width: 934px;
	height: 39px;
	margin-left: 27px;
	margin-right: 16px;
	background: transparent url(images/footerbgF4b.gif) top no-repeat;
	}

#footer {
	position: relative;
	text-align: center;
	width: 980px;
	height: 65px;
	font-weight: normal;
	font-size: 10.5px;
	color: #000000;
	background: #FFFFFF url(images/BottomDS.gif) no-repeat;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	}

#footer #nav-menu {
	font-size: 16px;
	margin-left: 4px;
	text-transform: uppercase;
	color: white;
	}

#footer #nav-menu #current {
	color: #CCCCCC;
	letter-spacing: .02em;
	font-weight: bold;
	}

#footer #nav-menu #current:hover { }

#footer #nav-menu .currentAncestor {
	color: #FFFFF;
	letter-spacing: .02em;
	text-decoration: none;
	font-weight: bold;
	}

#footer #nav-menu a {
	text-decoration: none;
	font-size: 16px;
	letter-spacing: .02em;
	color: #FFFFFF;
	}

#footer #nav-menu a:hover {
	background-color: #dddddd;
	color: #000000;
	text-decoration: none;
	}

#footer #nav-menu a:active {
	background-color: #dddddd;
	color: #000000;
	text-decoration: none;
	}

#footer p { font-size: 10.5px; }


/* @end */


/* @group NAV MENU */

/* Nav Menu Styles */

#navcontainer {
	width: 164px;
	font-size: 16px;
	text-align: left;
	margin-bottom: 10px;
	position: relative;
	margin-top: 4px;
	}

#navcontainer #current {
	color: #CCCCCC;
	letter-spacing: .02em;
	font-weight: bold;
	}

#navcontainer #current:hover { }

#navcontainer .currentAncestor {
	color: #FFFFF;
	letter-spacing: .02em;
	text-decoration: none;
	font-weight: bold;
	}

/* Parent - Level 0 */

#navcontainer ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	}

#navcontainer li {
	position: relative;
	border-bottom: 1px solid #bbbbbb;
	padding: 0px;
	}

#navcontainer a {
	display: block;
	padding: 4px 5px 6px 5px;
	width: 154px;
	/* subtract <a> left/right padding from final desired width (see #navcontainer width above) */
	text-decoration: none;
	font-size: 16px;
	letter-spacing: .02em;
	color: #FFFFFF;
	}

#navcontainer a:hover {
	background-color: #dddddd;
	color: #000000;
	text-decoration: none;
	}

#navcontainer a:active {
	background-color: #dddddd;
	color: #000000;
	text-decoration: none;
	}

/* Child - Level 1 */

#navcontainer ul ul { text-align: left; }
#navcontainer ul ul li { border-bottom: none; }

#navcontainer ul ul a {
	width: 139px;
	padding-left: 16px;
	margin-left: 13px;
	color: #555555;
	background: url(images/sub_menu.gif) left center no-repeat;
	}

#navcontainer ul ul a:hover {
	background: url(images/sub_menu.gif) left center no-repeat;
	color: #0303f1;
	text-decoration: none;
	}

#navcontainer ul ul #current {
	background: url(images/sub_menu.gif) left center no-repeat;
	color: #0303f1;
	text-decoration: none;
	font-weight: bold;
	}

#navcontainer ul ul #current:hover {
	background: url(images/sub_menu.gif) left center no-repeat;
	color: #0303f1;
	text-decoration: underline;
	font-weight: bold;
	}

#navcontainer ul ul .currentAncestor {
	background: #eeeeee;
	color: #0303f1;
	text-decoration: none;
	font-weight: bold;
	}

#navcontainer ul ul .currentAncestor:hover { }


/* Child - Level 2 */

#navcontainer ul ul ul { text-align: left; }
#navcontainer ul ul ul li { border-bottom: none; }

#navcontainer ul ul ul a {
	width: 122px;
	padding-left: 16px;
	margin-left: 30px;
	color: #555555;
	background: url(images/sub_menu.gif) left center no-repeat;
	}

#navcontainer ul ul ul a:hover {
	background: url(images/sub_menu.gif) left center no-repeat;
	color: #0303f1;
	text-decoration: none;
	}

#navcontainer ul ul ul #current {
	background: url(images/sub_menu.gif) left center no-repeat;
	color: #0303f1;
	text-decoration: none;
	font-weight: bold;
	}


/* @end */


/* @group CONTACT FORM */

.message-text {
	margin-bottom: 0px;
	padding: 2px 6px 10px 6px;
	}

.required-text { }

.form-input-field {
	color: #555555;
	background-color: #ffffff;
	border: 1px solid #555555;
	}

.form-input-button { }
 
/* @end */