/* Stylesheet for wsdcomputing.com */
/* Created by WSD Computing - Jan 2010 */

body	{
	background-color: #ffffff;
	color: #666666; font-family: Arial, Helvetica, sans-serif;
	margin: 0; padding: 0;
}

/***** Font Styling *****/
h1	{ color: #0066FF; size: 180%; text-align: left; margin-left: 20px; }
h1 a:link	{ color: #0066FF; text-decoration: none; }
h1 a:visited	{ color: #0066FF; text-decoration: none; }
h1 a:hover	{ color: #0066FF; text-decoration: none; }
h1 a:active	{ color: #0066FF; text-decoration: none; }

h2 { margin-left: 20px; }

.title2 h2	{ color: #999999; size: 120%; text-align: right; }
.keywordText	{ color: #FFFFFF; font-size: 60%; }
.footerText	{ color: #FFFFFF; font-weight: 600; }
p.breadcrumbs { font-size: 60%; color: #999999; }
p.breadcrumbs	a { color: #999999; text-decoration: underline; }

.indexLink	{ color: #999999; margin-left: 40px; }
.indexLink a { color: #999999; padding: 5px; }
.indexLink a:hover { background-color: #666666; color: #ffffff; padding: 5px; }



/***** Hyperlink Styling ******/
a.link	{ color: #999999; padding: 2px; }
a.link:hover	{ background-color: #666666; color: #ffffff; padding: 2px; }

.footerText a, .footerText a:visited, .footerText a:active { color: #FFFFFF; font-weight: 600; padding: 5px; }
.footerText a:hover	{ background-color: #0066FF; padding: 5px; }

#logo a	img { border: 0; }

a img	{ border: 0; }


/***** Menu Styling ******/
ul {
  font-size: 120%;
  margin: 0;
  padding: 0;
  list-style: none;
}
ul#menu	{ padding-top: 12px; }
ul li {
  display: block;
  position: relative;
  float: left;
	padding-right: 5px;
}
ul li img { border: 0; }
li ul { display: none; }
ul li a {
  display: block;
  text-decoration: none;
  color: #ffffff;
  border-top: 1px solid #ffffff;
  padding: 5px 10px 5px 10px;
  margin-left: 1px;
  white-space: nowrap;
}
ul li a:hover { background: #909090; }
li:hover ul {
  display: block;
  position: absolute;
}
li:hover li {
  float: none;
  font-size: 70%;
}

li:hover a { background: #909090; }
li:hover li a:hover { background: #707070; }



/***** Positioning Styling ******/
form { margin-left: 20px; }

#header	{ float: left; width: 100%; height: auto; margin: 0; padding: 0; }
#blueHeader	{ float:left; width: 50%; height: 117px; background: url(images/blue_strip.gif) repeat-x; }
#blackHeader { float:left; width: 50%; height: 117px; background: url(images/black_strip.gif) repeat-x; }

#logo	{ float: left; width: 250px; }
#mainBody { float: left; width: 100%; height: auto; margin: 0; margin-top: -117px; padding: 0; }
#contentWrapper { width: 900px; height: auto; margin-left: auto; margin-right: auto; }

#blackCorner	{ float: left; height: 117px; width: 49px; background: url(images/black_corner.gif) no-repeat; }
#blackStrip	{ float: left; height: 117px; width: 100px; background: url(images/black_strip.gif) repeat-x; }
#blackStripContent	{ float: left; width: 100%; height: auto; margin: 10px; }

#navCorner	{ float: left; height: 156px; width: 23px; background: url(images/nav_corner.gif) no-repeat; }
#navCornerRight	{ float: left; height: 156px; width: 23px; background: url(images/nav_corner_right.gif) no-repeat; }
#navStrip	{ float: left; height: 156px; width: 455px; text-align: justify; background: url(images/nav_strip.gif) repeat-x; }

.inline	{ display: inline; }

#contentSpacer	{ float: left; width: 527px; height: auto; margin-top: 20px; }
#contentTop	{ float: left; width: 527px; height: 41px; background: url(images/content_top.gif) no-repeat; }
#contentStrip	{ float: left; width: 527px; height: auto;  text-align: justify; background: url(images/content_strip.gif) repeat-y; }
#contentBottom	{ float: left; width: 527px; height: 19px; background: url(images/content_bottom.gif) no-repeat; }

#contentStrip p, .rightContentStrip p	{ margin: 20px; }

#rightContainer	{ float: left; width: 362px; height: auto; margin-top: 20px; }
.rightContentTop	{ float: right; width: 362px; height: 43px; background: url(images/right_top.gif) no-repeat; }
.rightContentStrip	{ float: right; width: 362px; height: auto; text-align: justify; background: url(images/right_strip.gif) repeat-y; }
.rightContentStrip img	{ margin-left: 20px; }
.rightContentBottom	{ float: right; width: 362px; height: 54px; background: url(images/right_bottom.gif) no-repeat; }

#footerStrip	{ float: left; width: 100%; height: 104px; background: url(images/footer_strip.gif) repeat-x; }
#footerContent	{ width: 900px; margin-left: auto; margin-right: auto; margin-top: 60px; text-align: center; }