/*
-------------------------------------------
File: 'Blueball Ultima Colors 3.5' styles.css Style Sheet
Created: 11 August, 2005
Last Modified: 5, June, 2006
Author: Charlie Lockhart, Blueball Design
www.blueballdesign.com
Email: themes@blueballdesign.com
Copyright 2006 Charlie Lockhart/Blueball Design USA
All Rights Reserved
-------------------------------------------
*/


/* @group Body and Global Element Styles */


/* Changed font family to sans-serif-Tahoma is nice */
/* Should eventually change font size from pixels to small or percentages */

body {
background-color: #D3D3D3;
text-align: center;
font-family: Verdana, Arial, Helvetica, sans serif;
font-size: 80%;
color:  #222222;
line-height: 1.2em;
margin: 0;
padding: 0;
}


p {
}


a:link, a:visited{
	text-decoration: underline;
	color:  #008790;
}

a:hover{
	background-color: #9CCCCD;
	color: #fff;
}

a:active{
	text-decoration: none;
	color: #008790;
}


b, strong {
	font-weight: bold;
}

.standout, blockquote {
	font-weight: bold;
	font-family: Tahoma, Verdana, Helvetica, Arial, sans serif;
	font-style: normal;
	font-weight:  bold;
	text-align: left;
	font-size: 12px;
	line-height: 1.5em;
	background-color: #FFFFFF;
	color: #008790;
	padding: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	border:  1px solid #999999;
	letter-spacing: .08em;
}


.imageStyle {
padding: 10px 10px 5px 0px;
margin: 0px;
}

.image-left{
float: left;
margin:  0px;
padding: 0px 10px 10px 0px;
}

.image-right{
float: right;
margin:  0px;
padding: 0px 0px 10px 10px;
}

.diagram	{
	float:				left;
	padding-right:		0px;
}

img {
}

a img {
border: 0px;
}

.clear {
clear: both;
}

.bold {
	font-weight: 			bold;
}

.black {
		color:			black;
	}

.red   {
		color:			red;
}

.italic {
	font-style: 			italic;
}

.infobox {
	float:				left;
	width:				169px;
	padding:				5px 5px 0 5px;
	color:				black;
	border:  				1px solid #D3D3D3;
	border-top-width:		10px; 
	margin-bottom:		10px;
}


/* Should eventually change font size from pixels to percentages */
h1 {
	font-family: Tahoma, Verdana, Helvetica, Arial, sans serif;
	font-size: 150%;
	line-height: 1.4em;
	color: #008790;
	text-align: left;
	font-style: normal;
	font-weight:  bold;
	margin-top: 10px;
	margin-bottom: 8px;
	padding: 0px;
}

h2 {
	font-family: Tahoma, Verdana, Helvetica, Arial, sans serif;
	font-size: 140%;
	line-height: 1.3em;
	color: #008790;
	text-align: left;
	font-style: normal;
	font-weight:  bold;
	margin-bottom: 8px;
	padding: 0px;
}

h3 {
	font-family: Tahoma, Verdana, Helvetica, Arial, sans serif;
	font-size: 120%;
	line-height: 1.3em;
	color: #008790;
	text-align: left;
	font-style: normal;
	font-weight:  bold;
	margin-top: 4px;
	padding: 0px;
}


h4 {
	font-family: Tahoma, Verdana, Helvetica, Arial, sans serif; 	sans serif;
	font-size: 110%;
	line-height: 1.3em;
	color: #222222;
	text-align: left;
	font-style: normal;
	font-weight:  bold;
	margin-bottom: 4px;
	padding: 0px;
}


h5 {
	font-family: Tahoma, Verdana, Helvetica, Arial, sans serif;	sans serif;
	font-size: 90%;
	line-height: 1.3em;
	color: #222222;
	text-align: left;
	font-style: normal;
	font-weight:  bold;
	margin-top: 3px;
	margin-bottom: 5px;
	padding: 0px;
}




/* @end */

/* @group OUTER SITE WRAPPER */


#outerwrapper {
	width: 860px;
	margin: 0px auto; /* Right And Left Margin Widths To Auto */
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: center; /* Hack To Keep IE5 Windows Happy */
	background-color: #FFFFFF;
	border:  1px solid #999999;
}



/* @end */

/* @group INNER SITE WRAPPER */


#container {
	font-weight: normal;
	margin: 0px auto; /* Right And Left Margin Widths To Auto */
	width: 840px;
	margin-top: 9px;
	padding-top: 0px 0px 9px 0px;
	background-color: #FFFFFF;
	text-align: center;
}



/* @end */

/* @group PAGE HEADER changed to 153px from 163px */

#pageheader {
	position: relative;
	margin: 0px auto;
	width: 840px;
	height: 153px;
	background: no-repeat url(../../images/ultima_BGgreen960.png);
	border: 0px;
}


/* Changed padding-left to accomodate the logo and changed padding top from 70px to 50px for reduced size header and to align with bottom of logo. */
#pageheader h1 { 
	margin: 0px;
	padding-left: 90px;
	padding-top: 50px;
	padding-right: 240px;
	font-family: Tahoma, Verdana, Helvetica, Arial, sans serif;
	font-size: 28px;
	line-height: 1.1em;
	color: #FFFFFF;
	text-align: left;
	font-style: normal;
	font-weight: normal;
}

/* Changed padding-left to make flush left with graphic and to keep in place after mvoing up h1-padding-top was 17px */
#pageheader h2 {
	margin: 0px;
	padding-left: 0px;
	padding-top: 27px; 
	color: #008790;
	font-size: 14px;
	font-weight: normal;
	text-align: left;
	font-family: Tahoma, Verdana, Helvetica, Arial, sans serif;
	text-transform: uppercase;
}


/* @end */

/* @group MAIN SITE CONTENT */


#contentwrapper {
	width:  840px;
	text-align: center;
	margin:  0px;
	padding:  0px;
}


#sidebar {
	float: left;
	position: relative;
	top:  0px;
 	width: 189px;
	background: none;
	padding: 0px 10px 10px 0px;
	margin: 0px;
	background-color: none;
	z-index: 100;
}

/* Changed default color to white to remove grey bar and accomodate the testimonials-On pages without testimonial left as grey */
#sidebar .sideHeader {
	font-family: Tahoma, Verdana, Helvetica, Arial, sans serif;
	font-size: 14px;
	line-height: 1.1em;
	color: #444444;
	text-align: center;
	font-style: normal;
	font-weight:  bold;
	margin-bottom: 10px;
	margin-top: 5px;
	padding: 4px 4px 4px 4px;
	border: 1px solid #FFFFFF;
	background-color: #FFFFFF;
}
	
/*We Don't Use it */
#sideheader logo {
	position: relative;
	height: 70px;
	width: 174px; 
	margin:  0px 0px 10px 0px;
	padding: 0px;
}

#sidecontainer {
	margin: 0px;
	padding: 10px 15px 10px 0px;
	font-family: Tahoma, Verdana, Helvetica, Arial, sans serif;
	font-size: 11px;
	line-height: 1.4;
	color: #444444;
	background-color: #FFFFFF;
	text-align: left;
}

#sidecontainer #sidebar p {
}

/*changed bottom padding to zero to move up stuff under the menus  added margin-right 31px to give some room on right for text.*/
#content {
	position:  relative;
	margin-left: 209px;
	margin-right: 31px;
	padding: 0px 10px 0px 0px;
	text-align:  left;
	background-color: #transparent;
	margin:  0px;
}

#content ul {
		list-style-type:		square;
		margin-top:			7px;
}

#content li {
	 	color:				red;
		font-size:			1.2em;
	 	line-height:			1.2em;
	 	padding-bottom:		7px;
}

#testimonial {
	float:				left;
	font-size:			.9em;
	width:				169px;
	padding:				5px;
	border:  				1px solid #D3D3D3;
	border-top-width:		10px;
	border-top-color:		#99CCCD;
	margin-bottom:		30px;
	color:				#333333; 
}

#intro		{	
	width:				485px;
	font-size:			1.1em;
}

#linkmenu {
	margin:				0;
	padding:				0 0 20px 0;
}

#linkmenu li {
	margin:				0;
	padding:				0;
	display:				inline;
	list-style-type:		none;
}

#linkmenu a {
	float:				left;
	font-weight:			bold;
	margin:				0 20px 10px;
}
		


#breadcrumb {
	position:  relative;
	margin: 0px;
	background: none;
	padding:  0px 0px 10px 10px;
	font-size:  10px;
	text-align: left;
	color: #555555;
	font-family: Tahoma, Verdana, Helvetica, Arial, sans serif;
}

#breadcrumb ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	padding-top: 6px;
	padding-left: 5px;
	display:  inline;
}

#breadcrumb li { 
	margin: 0 0 0px 0;
	display: inline;
}

#breadcrumb a {
	text-decoration: none;
	display: inline;
}

#breadcrumb a:hover {
	text-decoration: underline;
	display: inline;
}


#footer { /* This Is The BG Color Of The Main Div */
	width: 840px;
	margin: 0px auto;
	margin-bottom: 9px;
	margin-top: 9px;
	padding: 3px 0px 3px 0px;
	color: #444444;
	text-align: center;
	border: 1px solid #999999;
	background-color: #D3D3D3;
}


	
/* @end */



/* @group MENU GENERAL STYLES */


/* Correct Firefox/Mozilla/Safari inability to properly clear a float - see: www.positioniseverything.net/easyclearing.html. Ignores IE6 */
.clearfix:after{
content: ".";
display: block;
height: 0px;
clear: both;
visibility: hidden;
}



#navbar {
	line-height: normal;
	text-align: left;
	font-family: Tahoma, Verdana, Helvetica, Arial, sans serif;
	font-size: 11px;
	font-weight: normal;
}

#navbar #current {
	text-decoration: none;
	background: #FFFFFF;
	color: #008790;
	font-weight: normal; 
	font-size: 11px;
	background: #FFFFFF url(images/button_green_over.png) no-repeat left;
}




/* MAIN - MENU 0 */



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

#navbar li { 
	margin: 0 0 0 0;
	padding: 0px;
	width: 189px;
}

#navbar a
{
	display: block;
	color: #333333;
	text-decoration: none;
	text-indent: 16px;
	background: #FFFFFF url(images/menubutton.png) no-repeat left;
	padding: 5px 0px 5px 0px;
}

#navbar a:hover {
	color: #008790;
	text-decoration: none;
	background: #FFFFFF;
	background: #FFFFFF url(images/button_black_over.png) no-repeat left;
}



/* SUBLEVEL - MENU 1 */



#navbar ul ul li { 
	margin: 0 0 0 0;
}

#navbar ul ul a
{

	display: block;
	padding: 5px 0px 5px 0px;
	color: #333333;
	text-decoration: none;
	text-indent: 26px;
	background: #FFFFFF;
}

#navbar ul ul a:hover
{
	text-decoration: none;
	color: #008790;
	background: #FFFFFF;
}



/* SUBLEVEL - MENU 2 */



#navbar ul ul ul li { margin: 0 0 0 0;}

#navbar ul ul ul a
{
	display: block;
	padding: 5px 0px 5px 0px;
	text-decoration: none;
	text-indent: 36px;
	background: #FFFFFF;
}

#navbar ul ul ul a:hover
{
	text-decoration: none;
	background: #FFFFFF;
	color: #008790;
}



/* SUBLEVEL - MENU 3 */



#navbar ul ul ul ul li { margin: 0 0 0 0;}

#navbar ul ul ul ul a
{
	display: block;
	padding: 5px 0px 5px 0px;
	color: #333333;
	text-decoration: none;
	text-indent: 46px;
	background: #FFFFFF;
}

#navbar ul ul ul ul a:hover
{
	color: #008790;
	text-decoration: none;
	background: #FFFFFF;
}


/* @end */


/*Deleted all the styles for photo albums, movies, blogs, etc */