body {
 height:100%;
 margin-top:1px;
}

a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

p,td {
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
 	line-height: 14pt;
        text-align: left;
}

.link {
	color: #cc0000;
	font-weight: bold;
	font-style: normal;
}
.boldgray {
	color: #bbbbbb;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
}

.mainwindow {
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
        padding-left:20px; 
        padding-right:20px;
        padding-top:9px; 
        padding-bottom:20px;
        text-align: left;
}

.gyrotools {
	color: #555555;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bolder;
}
.Verdanatextgraylink {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 14px;
        font-style: normal;
        font-weight: bold;
        color: #333333;
        font-variant: normal;
        text-decoration:none;
}
.Verdanatextredlink {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 14px;
        font-style: normal;
        font-weight: bold;
        color: #cc0000;
        font-variant: normal;
        text-decoration:underline;
}
.Verdanalargegraylink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	color: #333333;
	font-variant: normal;
        text-decoration:none; 
}
.Verdanalargeredlink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	color: #cc0000;
	font-variant: normal;
        text-decoration:underline; 
}
.Verdanasmallgraylink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #333333;
	font-variant: normal;
        text-decoration:none; 
}
.Verdanasmallredlink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #cc0000;
	font-variant: normal;
        text-decoration:underline; 
}

.graylink {
       color: #555555;
       text-decoration:underline;
}

.tablelink {
        background-image:url(/img/background_gray_gyrotools.png);
        text-align:left;
        padding-left:8px; 
        padding-right:8px;
        padding-top:4px; 
        padding-bottom:4px;
        border-style:solid;
        border-width:thin;
        border-color:#eeeeee;
        border-bottom:1px solid gray;
        border-right:1px solid gray;
}

.smaller {
        font-size: 12px;
}

.largered {
	color: #CC0000;
	font-size: 18px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
}

.boldred {
	color: #CC0000;
	font-size: 12px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
}

.largegrey {
	color: #555555;
	font-size: 14px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
}

.largereditalic {
	color: #CC0000;
	font-size: 14px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
}
.Verdana16gray {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #555555;
	font-variant: normal;
}
.Verdana16graysmall {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #555555;
	font-variant: normal;
}

/* Content Wrapper */

.contentWrap {                /* wraps all content */
	 font-family: Verdana, Arial, Helvetica, sans-serif;
	 position :relative;
         width:800px;
         margin: 0 0 0 1px;
         padding-left: 0px;
         background: #eeeeee;
}
.contentWrap ul {             /* enumerations */
         font-size: 12px;
         list-style-type:none;
         list-style-position:outside;
}
.contentWrap ul li {
	 background: url(../images/squarebullet.gif) left 7px no-repeat;
         padding-left: 25px;
         color: #333333;
         margin-left:-30px;
}
.contentWrap p {                
         font-size: 12px;
         color: #333333;
         margin-top: 0px;
         padding:0px 5px 0 10px;
}

.contentWrap p img.picLeft {            /* images left of text */
         float:left;
         padding:0px 0px 10px 0px;
}
.contentWrap p img.picRight {            /* images right of text */
         float:right;
         padding:0px 0px 10px 10px;
}

.contentWrap h1 {
	font-size: 14px;
        font-weight:bold;
	margin: 0;
	color: #CC0000;
        padding:0px 0 10px 0px;
}

.contentWrap h2 {
	font-size: 22px;
        font-weight:bold;
        line-height:16px;
	margin: 0;
        padding:5px 0 10px 10px;
        color: #cc0000;
}

.contentWrap h3 {
	font-size: 14px;
        font-weight:bold;
	margin-top: 0px;
	margin-bottom: 0px;
        padding:5px 0 0 10px;
	color: #555555;
}

.contentWrap h4 {
	font-size: 12px;
        font-weight:normal;
	margin-top: 0px;
	margin-bottom: 0px;
        padding:5px 0 0 10px;
	color: #DF0000;
}

/* content divs */

div.contentFull {
  position:relative;
  z-index:10;
  margin: 10px 0 0 0px;
  padding:0 0px 0 0px ;
  color: #333333;
  width:900px;
  background: transparent;
  float:left;
}

div.content100 {
  position:relative;
  z-index:10;
  margin: 10px 0 0 0px;
  padding:0 20px 0 20px ;
  width: 860px;
  background: transparent;
  float:left;
}

div.contentRight25 {
  position: relative;
  z-index: 10;
  width: 285px;
  margin: 0px 0px 0 0px ;
  padding: 0px;
  float: right;
}

div.contentRight25 p { 
  font-size: 12px;
  margin-top:0px;
  padding:5px 10px 0 10px;
}

div.contentRight25 h1 {
  font-size: 14px;
  font-weight:bold;
  margin : 0;
  padding:10px 0 0 10px;
}

div.contentRight25 h2 {
  font-size: 14px;
  font-weight:normal;
  line-height:22px;
  margin: 0;
  margin-bottom: 0px;
  margin-top:0px;
  padding:5px 0 0 10px;
  color: #cc0000;
}

div.contentRight25 h3 {
  font-size: 14px;
  font-weight:normal;
  margin-top: 0px;
  margin-bottom: 0px;
  padding:5px 0 0 10px;
  color: #555555;
}

div.contentRight25 h4 {
  font-size: 14px;
  font-weight:normal;
  margin-top: 0px;
  margin-bottom: 0px;
  padding:5px 0 0 10px;
  color: #DF0000;
}

div.contentLeft75 {
  position:relative;
  z-index:10;
  margin: 10px 0 0 0px;
  padding:0 0px 0 0px ;
  color: #333333;
  width:500px;
  background: transparent;
  float:left;
}

/* CSS Tabs */
#tabs {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  border:1px solid #fff; 
  position: relative; 
  padding: 0 0 0 20px; 
  clear:both;
}

#tabs h1 {
  border:1px solid #DFDFDF; 
  font-size: 14px; 
  font-weight: bold;
  height:26px; 
  padding:2px 10px 0px 10px; 
  border-bottom-width:0px; 
  color: #ffffff; 
  z-index:1; 
  background:#9F9F9F;
}

#tabs h1:hover {
  background:#9F4F4F;
}

#tabs .on {
  border-color:#CFCFCF; 
  background:#CC0000; 
  color: #ffffff; 
  height:26px; 
}

#tabs .on:hover {
  background:#CC0000; 
}

#tabs .cont {
  border:1px solid #CFCFCF; 
  margin-top:28px; 
  padding:0px 10px 0px 0px; 
  background:#FFFFFF; 
  font-size: 12px; 
  height:500px; 
  overflow:auto; 
}
 
/* CSS Info Boxes */
.infobox {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  border-bottom: solid 1px #CC0000;
  border-right: solid 1px #CC0000;
  border-left: solid 1px #CC0000;
}

.infobox h5 {
  background: #CC0000;
  padding: 4px 0px 0 10px;
  height: 26px;
  font-size: 14px;
  margin-top: 0px;
  margin-bottom: 0px;
  color : #FFFFFF;
  cursor: pointer;
}

div.infotext {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #333333;
  margin-top: 5px;
  margin-left: 5px;
  padding: 5px 5px 5px 5px;
}

/* Image Gallery */
.gallery img    {
  padding:2px 2px 0px 0px;
}

.clearer {
  height:2px;
  clear: both;
  color: #009F00;
  padding:0px 0 0px 0px;
}