a:link {text-decoration: none;}

#navline {
border-bottom: 2px solid #666666;
-webkit-box-shadow: rgba(0, 0, 0, 0.449219) 0px 2px 3px;
position: relative;
top: 65px;
left: -5px;
width: 960px;
}

.content-navigation {
  margin: 35px 0px 0px;
  height: 0px;
  position: absolute;
  right: 2px;

}

.content-navigation li {
  float: left;
  list-style: none;
  margin: 0px 10px;
}
 
.content-navigation li a {
  text-decoration: none;
  min-width: 50px;
  display: block;
  text-align: center;
  font-size: 16px;
  font-weight: bolder;
  color: #666666;
  height: 30px;
  line-height: 30px;
  padding: 0px 10px;
  
}


 .content-navigation li.active-module a {
background: #666666;
border-top-left-radius: 5px 5px;
border-top-right-radius: 5px 5px;
color: white;
margin-bottom: 0px;

}

.content-navigation li a:hover {
 background: #666666;
border-top-left-radius: 5px 5px;
border-top-right-radius: 5px 5px;
color: white;
margin-bottom: 0px;
}

.hero {margin: 0 -5px;}
.hero p {padding-left:10px;}
.hero img {float:right;}

.no-text-depth { text-shadow: none; }

.caption {display:none;}


body {
  margin: 0px;
  padding: 0px;
  font-family: 'Arial', 'Helvetica', sans-serif;
  background-color: #cccccc;
  color: #222222;
  font-size: 14px;
}
a {
  color: navy;
  font-weight: bold;
}
a:hover { color: red; }
img { border: 0px; }
p.center { text-align: center; }
.clear { clear: both; }

.button.large {
  font-size: 18px;
  display: block;
  width: 160px;
  margin: 0px auto;
}
.button.large span {
  display: block;
  font-weight: normal;
  font-size: 12px;
}

#wrapper {
  width: 960px;
  position: relative;
  margin: 0px auto;
  background: #ffffff;
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
}
#wrapper #header { padding: 5px; padding-top:15px; padding-bottom:10px;}
#wrapper #header .logo {
  margin: 0px;
  float: left;
 color:#000;
}
#wrapper #header .logo a {
  background-color: #aaaacc;
  display: block;
  text-indent: -9000px;
}

#wrapper #header #logo a {
  width: 216px;
  height: 40px;
  margin-left: 120px;
  margin-top: 10px;
}
#wrapper #header #nav {
  margin: 35px 0px 0px;
  height: 30px;
  position: absolute;
  right: 0px;
}
#wrapper #header #spacer { clear: both; }

div.column {
  float: left;
  width: 250px;
  margin: 20px;
  padding: 10px;
  border: 1px solid #999999;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  behavior: url('/javascripts/PIE.htc');
  -webkit-background-clip: padding-box;
}
div.column.two { width: 452px; }
div.column.three { width: 690px; }
div.column.four { width: 936px; }


.title {
  color: #000000;
  font-size: 19px;
}
.body {
  font-size: 14px;
}
.callout {
  color: #333333;
  font-size: 16px;
  text-decoration: none;
}
.callout:hover {
  color: #666666;
  border-bottom: 1px dotted #666666;
}
.callout.bold {
  color: #ea4413;
  font-weight: bold;
}
.comments {
  color: #333333;
  font-size: 12px;
}
.fine-print {
  color: #333333;
  font-size: 11px;
}




.text-depth { text-shadow: #333333 0px -1px 1px; }
.no-text-depth { text-shadow: none; }
form fieldset {
  border: none;
  border-top: 1px solid #cccccc;
}

.button {
  text-shadow: #c4c3d9 0px -1px 0px;
  border: 1px solid #cccccc;
  background-color: #333333;
  background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0.5))) 0px 0px no-repeat, -webkit-gradient(linear, 0 0, 0 100%, from(#333), to(#ccc)) 0px 0px repeat-x;
}

a.button.gray {
  text-shadow: #9b9f9f 0px -1px 0px;
  text-decoration:none;
color:#ffffff;
 border: 1px solid #686c6c;
  background-color: #9b9f9f;
  background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0.5))) 0px 0px no-repeat, -webkit-gradient(linear, 0 0, 0 100%, from(#9b9f9f), to(#686c6c)) 0px 0px repeat-x;
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.5) 1px, rgba(255, 255, 255, 0) 2px), -moz-linear-gradient(top, #9b9f9f, #686c6c);
 }

a.button.gray:hover { border: 1px solid #9b9f9f; }

button:hover {
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);
  border: 1px solid #dce69b;
  color: #3c3c3c;
}
a.button:hover {
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);
  behavior: url('/javascripts/PIE.htc');
  border: 1px solid #dce69b;
  color: #3c3c3c;
}
input, textarea, select {
  border: 1px solid #bcbbc9;
  border-bottom-color: #efeef6;
  border-right-color: #efeef6;
  padding: 5px;
  margin-bottom: 0.75em;
  background: #f0f3f0 url(/images/36px-form-background-yay.png) repeat-x top left;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-transition: border 0.2s linear, -webkit-box-shadow 0.2s linear;
}
textarea {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
}
input:hover {
  color: #333344;
  border-color: #666677 #bcbbc9 #bcbbc9 #666677;
}
textarea:hover {
  color: #333344;
  border-color: #666677 #bcbbc9 #bcbbc9 #666677;
}
select:hover {
  color: #333344;
  border-color: #666677 #bcbbc9 #bcbbc9 #666677;
}
input:focus {
  border-color: #bbbbff #aaaaff #aaaaff #bbbbff;
  color: #22222c;
  outline: 0;
  background-color: #f3f6f3;
  box-shadow: 0px 0px 5px rgba(0, 0, 255, 0.5);
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 255, 0.5);
  -moz-box-shadow: 0px 0px 5px rgba(0, 0, 255, 0.5);
  behavior: url('/javascripts/PIE.htc');
  -webkit-transition: border 0.2s linear, -webkit-box-shadow 0.2s linear;
}
textarea:focus {
  border-color: #bbbbff #aaaaff #aaaaff #bbbbff;
  color: #22222c;
  outline: 0;
  background-color: #f3f6f3;
  box-shadow: 0px 0px 5px rgba(0, 0, 255, 0.5);
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 255, 0.5);
  -moz-box-shadow: 0px 0px 5px rgba(0, 0, 255, 0.5);
  behavior: url('/javascripts/PIE.htc');
  -webkit-transition: border 0.2s linear, -webkit-box-shadow 0.2s linear;
}
select:focus {
  border-color: #bbbbff #aaaaff #aaaaff #bbbbff;
  color: #22222c;
  outline: 0;
  background-color: #f3f6f3;
  box-shadow: 0px 0px 5px rgba(0, 0, 255, 0.5);
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 255, 0.5);
  -moz-box-shadow: 0px 0px 5px rgba(0, 0, 255, 0.5);
  behavior: url('/javascripts/PIE.htc');
  -webkit-transition: border 0.2s linear, -webkit-box-shadow 0.2s linear;
}


h2.document-title {display:none;}



#content h2 {font-size: 14px; margin-top:35px;}


 .vgradient{
margin-top:2px;
/* thanks to http://blog.fakedarren.com/2010/01/cross-browser-css-gradients/ */
/* and http://www.puremango.co.uk/2010/04/css-gradient/ */
    /* fallback (Opera) */
    background: #ffee66;
    /* Mozilla: */
    background: -moz-linear-gradient(top, #ffee66, #ffffff);
    /* Chrome, Safari:*/
    background: -webkit-gradient(linear,
                left top, left bottom, from(#ffee66), to(#ffffff));
    /* MSIE */
    filter: progid:DXImageTransform.Microsoft.Gradient(
                StartColorStr='#ffee66', EndColorStr='#ffffff', GradientType=0);
 border-bottom: 2px solid #666666;
  }

.maintext {padding:10px;}