/*BizWise Style Sheet*/

/*Main layout/display styles*/
body {
  background: #ffffff url(../images/background1.gif) repeat-y top center;
  margin: 0em auto 1em auto;
  font-family: Verdana,Tahoma,Arial,sans-serif;  font-size: 76%;  line-height: 1.2em;  color: #404040;
}
#siteBox {
  color:#FFF;
  margin:10px auto;
  padding:0;
  width:970px;  background-color: #FFF;
}

/*Header layout/display styles*/
#header {
  margin:0;  background-image: url(../images/hdr.jpg);  height: 90px;
}

#headerRight {  color: #ffffff;  padding-right: 20px;  text-align: left;  font-size: 0.8em;
}

/*Header title and subtitle layout/display styles*/

.title {
  float: left;
  padding: 1.5em 30px 0em 4em;
  font-size: 2em;
  font-weight: bold;
  text-transform: uppercase;
  text-align: right;
  line-height: 0.75em;
  letter-spacing: -0.15em;
  color: #333399;}

.subTitle {
  display: block;
  font-size: 0.4em;
  text-transform: uppercase;
  line-height: 1.2em;  
  letter-spacing: 0.01em;
}

/*Navbar layout styles*/

#navbar {background-color: #666;height: 55px;
}

#navbar a {
  float: left;
  padding: 5px 10px 5px 10px;
  font-size: 0.9em;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  color: #FFF;
  background-color: #666;
  border-bottom: 2px solid #777;
  border-right: 1px solid #777;
  border-left: 1px solid #777;}

#navbar a:hover {
  padding-top: 9px;
  background-color: #666;}

#navbar a.active {  background-color: #666;  padding-top: 9px;
  border: 0;
}

a .desc {
  display: none;
  text-transform: lowercase;
  color: #FC0;  
}

a:hover .desc, .active .desc {
  display: block;  padding-top: 9px;
}
/*Page header display style*/

#pageHeader {
  font-size: 1.5em;
  font-weight: bold;
  text-align: center;
  border-bottom: 2px #AAA solid;
  color: #FC0;  background-color: #666;  padding-top: .1em;  padding-bottom: .1em;}

#content {
  float:right;
  line-height:1.5em;
  margin:0;
  padding:0;
  text-align:left;
  width:970px;
  padding-top: 1em;  background-color: #666;
}

#content p {  
  margin: 1.2em 1.2em 1em 1.2em;
  font-size: 1em;
  line-height: 1.6em;
  text-align: justify;
}

#content a {  
  text-decoration: none;
  color: #FC0;
  border-bottom: 1px solid #AAA;
}

#content a:hover {
  color: #DDD;
  background-color: #888;
  border-bottom: 1px solid #EEEEEE;
}

.header, .subHeader {
  display: block;
  clear: both;  
  font-weight: bold;
  font-size: 1.4em;
  color: #FC0;
  text-decoration: underline;
  margin-bottom: .5em;
}

.subHeader {
  border: 0px;
}

/*Footer layout/display*/

#footer {
  float: left;
  width: 100%;
  height: 3em;
  font-size: 0.8em;
  line-height: 2.5em;
  color: #000000;
  background: #25509F url(../images/footer.jpg) repeat-y top left;}

#footerLeft {
  float: left;
  width: 49%;
  height: 3em;
  text-align: left;
  background: url(../images/corner_bl.gif) no-repeat bottom left;
}

#footerRight {  float: right;  width: 50%;  height: 3em;  text-align: right;  background: url(../images/corner_br.gif) no-repeat bottom right;
}
#footer a {
  color: #000000;
}

#footer a:hover {
  color: #666666;
}

/* -- Display formatting styles -- */

.grey {
  font-size: 0.9em;
  color: #AAA;
}

.white {
  color: #FFF;
}

.bizwise {
  color: #66ff66;
  font-weight: bold;
  font-style: italic;
}

.blockquote {
  color: #66ffff;
  font-weight: bold;
  font-style: italic;
  font-size: 1.1em;
  text-align: center;
  line-height: 1.2em;}

.motto {
  color: #66ff66;
  font-weight: bold;
  font-style: italic;
}

.highlight {
  color: #ffffcc;
  font-weight: bold;
}

acronym {
  cursor: help;
  border-bottom: 1px dotted #AAA;
}

/* -- <ul> tag styles -- */

ul {
/*  font-size: 0.9em;*/
  padding-top: 5px;
  padding-bottom: 5px;
  line-height: 1.8em;
  list-style-image: url(../images/li_bullet.gif);}

li {
  margin-left: 20px;  padding-right: 5px;}

/* -- Image alignment classes -- */

.imgLeft, .imgRight {
  margin: 5px;
}

.imgLeft {
  float: left;
  margin-left: 0px;
}

.imgRight {
  float: right;
  margin-right: 0px;
}

.imgContact {
position: relative;
top: 0em;
left: 0em;
margin-left: 5px;}

