/* CSS Document */

	/*  -> web smart logo is #225533
	Note that logo base color is #214D2C Per adobe Kuler, -> web smart is #225533
		Analogous colors are: #266447 green / #225A4F blue-green / #286426 green / #375A22 green
		Monochromatic colors are: #4B6652 gray-green / #429958 / #6F997A gray-green / #62E585 light green
		Triad colors are: #412F59 purple / #32994D green / #7F5B2A brown / #99713A tan
		Complimentary colors are: #519965 green / #32994E green / #992325 red / #4C2121 burgundy
		Compound colors are: #94B2AE blue / #2A7F74 blue green / #593D4A brownish purple / #7F2A7C purple
		Shade colors are: #42995C medium green / #5DD982 light green / #265935 medium green / #16331F dark green
	*/
	
/*Check colors here: http://www.killersites.com/HTML_COLOR_CODES/ColorWheel.htm */

/*Note: when divContent adds up to more than 670 px, it causes wrap*/
	
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin:20px;
	background-color: #959595; /*#959595 -> websmart is #999999*/
	background-image:url('/Images/BG_Gradient.jpg');
	background-repeat:repeat-y;
}

/* Underline hyperlinks, but no distinct visited color */
a:link {
	color:Navy;
	}
a:visited {
	color:Navy;
	}
a:hover {
	color:Navy;
	}
a:active {
	color:Navy;
	}


#DivHeader {
	background:transparent url('/Images/Border_880x115.png');
	background-repeat:no-repeat;
	height:115px;	
}

#DivFeaturesServices{
	position:absolute;
	top:42px;
	left:345px;	
	font-size:14px;
	font-weight:600;
	color:#661111; /*#660A0A burgundy-ish*/
	white-space:nowrap;
	text-align:center;
}

#DivHeaderAddress{
	position:absolute;
	top:33px;
	left:700px;	
	font-size:14px;
	font-weight:bold;
	color:#003311; /*#002D16*/
	white-space:nowrap;
}

#DivTopMenu {
	width:880px;
	margin-left:10px;
	text-align:center;
	background:transparent url('/Images/TornLine.png') no-repeat;
	height:50px;
	color:#ffffff;
	font-size: 12px;
	font-weight: bold;
	text-decoration:none;
}

#DivSideMenu {
	width:150px;
	text-align:center;
	line-height:30px;
	height:500px;
	color:#ffffff;
	font-size: 12px;
	font-weight: bold;
	text-decoration:none;
	float:left;
}
      
#DivBody {
	width:880px;	
	margin:0 auto;	 /* Right and left margin widths set to "auto" */
	/*
	margin-right:auto;
	margin-left:auto;
	*/
}

.Slogan {
	color:#003311;
	font-weight:bold;
	font-style:italic;
	font-size:16pt;
	text-align:center;
}

#DivContentContainer {
	position:absolute;
	padding:10px 10px 10px 10px; /*top, right, bottom, left*/
	/*top:205px;*/
	top:205px;
	left:175px;	
	width:697px;	
	min-height:500px;
}
#DivContent {
	color:#003311; /*#002D16*/
	font-weight:500; /*400 is the same as normal, and 700 is the same as bold*/
	font-size:14px;
	line-height:20px;
	min-height:500px;
}

.MenuButton{
	background:transparent url('/Images/MenuButton.png') no-repeat;
	height:42px;
	/*
	background-position:center;
	vertical-align:middle;
	margin-top:10px; --seems jumpy this way
	margin-bottom:10px;
	*/

	}

.MenuButton:hover{
	background:transparent url('/Images/MenuButtonG.png') no-repeat;
	height:60px;
	}

.MenuButtonSelected{
	background:transparent url('/Images/MenuButtonG.png') no-repeat;
	height:42px;
	}

.MenuButtonSelected:hover{
	height:60px;
	}

.MenuText
{
	color:#DDDDEE; /*#D9D9F3*/
	font-size: 14px;
	font-weight: bold;
	text-decoration:none;
}

.MenuText:link
{
	color:#DDDDEE; /*#D9D9F3*/
	font-size: 14px;
	font-weight: bold;
	text-decoration:none;
}

.MenuText:visited
{
	color:#DDDDEE; /*#D9D9F3*/
	font-size: 14px;
	font-weight: bold;
	text-decoration:none;
}

.MenuText:hover /*hover must be after link and visited ~ active must come after hover*/
{
	color:white;
	font-size: 16px;
	font-weight: bold;
}

.MenuButtonText:link
{
	color:#DDDDEE; /*#D9D9F3*/
	font-size: 14px;
	font-weight: bold;
	text-decoration:none;
	display:block;
}

.MenuButtonText:visited
{
	color:#DDDDEE; /*#D9D9F3*/
	font-size: 14px;
	font-weight: bold;
	text-decoration:none;
	display:block;
}

.MenuButtonText:hover
{
	color:white;
	font-size: 16px;
	font-weight: bold;
}


.SpaceHeight_2Px{
	height:2px;
}

.SpaceHeight_4Px{
	height:4px;
}

.SpaceHeight_6Px{
	height:6px;
}

.SpaceHeight_8Px{
	height:8px;
}

.SpaceHeight_10Px{
	height:12px;
}

#DivFooter {
	font-size:10px;
	font-weight:500;
	color:#661111; /*#660A0A burgundy-ish*/
	white-space:nowrap;
	text-align:center;
}

#DivFooter a:visited {
	color:Navy;
	text-decoration: none;
}

#DivFooter a:hover {
	color:#4466BB; /*#436BB3*/
}

#DivFooter a:active {
	color:Navy;
}