html			{background-color:#C0C0C0; height:100%; margin-bottom:1px;}

body			{font-family:Arial, Helvetica, sans-serif; font-size:1em; color:black; background-color:white; line-height:22px; width:980px; margin:35px auto; background-image:url(../images/one_pixel_bg.gif); width:980px; background-repeat:repeat;}

img				{margin:0; border:0;}


/****************************CLASS STYLES****************************/
.text				{font-size:1em; padding-left:40px;}



.smText				{font-size:.8em; color:#606060;}
.MedText			{font-size:.9em; color: #3030303;}
.MedTextBold		{font-size:.9em; color: #3030303; font-weight:bold;}
.MedTextItalic		{font-size:.9em; color: #3030303; font-style:italic;}

.bold				{font-weight:bold;}
.bolder				{font-weight:bolder;}
.blackbolder		{font-weight:bolder; color:black;}
.blackbolderItalic	{font-weight:bolder; color:black; font-style:italic;}
.italic				{font-style:italic;}
.italicbold			{font-style:italic; font-weight:bold;}
.GrnBolder			{font-weight:bolder; color:#21772c;}




.SmTextIndexBox		{font-size:.8em; color:#808080;}
.HeaderTextIndexBox	{font-size:1.2em; color:#303030;}
.Headers			{font-size:1.5em; color:#800000; letter-spacing:.3em; font-family:century gothic; line-height:1.6em;}
.HeadersGrey		{font-size:1.2em; color:#303030; letter-spacing:.1em; font-family:century gothic; line-height:1.6em;}
.extraSmall			{font-size:.6em; color:#808080;}




.img-wrap{
	float: left;
	height: 100%;
}

.img-wrap img{
	margin: 0 20px 0 0;
}


/****************************IDs****************************/


#RedBorderBox	{border:thick; border-bottom-style:double; color:#800000; width:980px; padding-top:20px;}


 

#btnBar {
	list-style-type:none;
	width: 880px;
	height: 50px;
	display: block;
	margin:0;
	padding:0;
	background-color:#2f2f2f;
}

#btnBar li {
	margin: 0;
	padding: 0;
	float: left;
	list-style-type: none;
}

#btnBar a {
	display: block;
}

#btnBar a:hover img{
	visibility: hidden;
}


/****************************SIDE BUTTON BAR****************************/


#btnBar-side{
	list-style-type: none;
	width: 175px;
	display: block;
	margin: 0;
	padding: 0;
}

#btnBar-side li{
	margin: 0;
	padding: 0;
	float: left;
	border-bottom: 1px #fff solid;
}

#btnBar-side a{
	display: block;
}

#btnBar-side a:hover img{
	visibility: hidden;
}


/**************FOR 3 COLUMNS ON THE INDEX PAGE*******************/

#LeftBox		{width:240px; margin:35px 0 0 60px; float:left;}
#CenterBox		{width:240px; margin:35px 0 0 60px; float:left;}
#RightBox		{width:240px; margin:35px 0 0 60px; float:left;}




/****************************FOR INSIDE PAGE 3 COLUMN LAYOUT*************************/


#MainLeft		{width:175px; margin:20px 0 0 40px; float:left;}
#MainMiddle		{width:495px; margin:10px 0 0 30px; float:left;}
#MainRight		{width:200px; margin:10px 0 0 0; float:left; text-align:right;}

#SmIndent			{padding-left:40px; font-size:.8em;}
#SmIndentTest		{padding-left:30px; font-size:.8em;}
.SmIndentTestItalic	{font-size:.9em; font-style:italic; font-weight:bold;}



/********************************************************************/


#IndexLogoBox				{float:left; height:277px; width:320px;}
#IndexLogoBox2				{float:left; height:502px; width:320px;}
#IndexBottomBox				{background-image:url(/images/index-design-box.jpg); background-repeat:no-repeat; width:960px; height:322px; clear:both;}
#IndexMainContent			{margin-left:350px; width:540px; margin-right:50px; height:212px; line-height:31px; }

#IndexMainTwo				{ padding-left:20px;}




#MainContent				{margin-left:345px; width:540px; margin-right:50px;}
#SideLeft					{width:245px; margin-left:50px; float:left;}





#IndexLeft					{width:300px; margin:58px 25px 0 20px; float:left; color:white;}
#IndexCenter				{width:300px; margin:58px 5px 0 0; float:left; color:white;}
#IndexRight					{width:300px; margin:58px 0 60px 10px; float:left; color:white;}

#DesignBoxBg				{background-image:url(../images/design-bottom-curve.jpg); background-repeat:no-repeat; width:960px; height:209px;}






#copyrightIndex{
	padding: .5em 0;
	text-align: center;
	font-size: .7em;
	color: white;
	letter-spacing: .1em;
	background-color:#35aecc;
	
}

/****************************SLIDE SHOW****************************/

/* Apply the slideBox ID to a div that contains all your slides. Set the width and height to fit your page and your artwork. */
#slideBox{
	width: 980px;
	height: 445px;
	position: relative;
}

/* The slide class is for each div that acts as a slide. Set the width and height to match slideBox. */
.slide{
	width: 980px;
	height: 445px;
	position: absolute;
	top: 0;
	left: 0;
}

/* If you wrap an entire slide in a hyperlink, compensate for default browser hyperlink styling. */
#slideBox a{
	text-decoration: none;
}

#slideBox a img{
	border: none;
}

/* The slideGraphic class is for the image that acts as the content/background of a slide. */
.slideGraphic{
	position: absolute;
	top: 0;
	left: 0;
}

/* You can have a unique class for the text of each slide so that it can be styled and positioned uniquely. */
.slideText01{
	position: absolute;
	top: 300px;
	left: 200px;
}

.slideText02{
	position: absolute;
	top: 300px;
	left: 250px;
}

.slideText03{
	position: absolute;
	top: 300px;
	left: 200px;
}

/* Add more slideText classes as needed. */






/****************************LINKS****************************/



a.grey:link			{color:#303030; text-decoration:none;}
a.grey:visited		{color:#303030; text-decoration:none;}
a.grey:hover		{color:#303030; text-decoration:underline;}
a.grey:active		{color:#303030; text-decoration:none;}


a.greyu:link		{color:#303030; text-decoration:underline;}
a.greyu:visited		{color:#303030; text-decoration:underline;}
a.greyu:hover		{color:#303030; text-decoration:underline;}
a.greyu:active		{color:#303030; text-decoration:underline;}