
/* html elements */

body {
  font: 13px Arial, Verdana, Tahoma, Arial, sans-serif;
  background: #99B1D7 url('/images/backgrounds/bg-purpgrad.jpg') top left repeat-x;
  /* background-color: #F1F1F1; */
  line-height: 1.4em;
  text-align: center;
  color: #FFF;
}

h4 { text-transform: uppercase; }

tt { 
  font-family: Verdana,Tahoma,Arial,sans-serif; 
  font-size: 1.0em; 
  color: #DDD; 
}

blockquote { 
  background: url('/images/icons/quotes.gif') top left no-repeat;
  font-family: Arial, Helvetica, sans-serif;
  margin:8px 4px 10px 3px; 
  padding:10px 10px 10px 15px;  
  line-height:160%; 
  display:block;
  width:95%; 
  max-height:200px; 
  overflow:auto; 
  color: #AAA;
}

blockquote ol, blockquote ul { margin: 10px; }  blockquote li { font-size:11px; }

blockquote tt { color:#666; }

code {
  font-family:'Courier New', Courier, monospace; 
  margin:8px 4px 10px 3px; 
  padding:10px 10px 10px 6px; 
  border: solid 1px #B2B3CE; 
  font-size: 14px; 
  line-height: 1.3em; 
  background-color:#CCC; 
  color:#000;
  display:block;
  width:95%; 
  max-height: 200px; 
  overflow:auto; 
  white-space: nowrap;
}  

fieldset { 
  padding: 1em; 
  border: solid 1px #275CAA; 
}

legend {
  font-family:Verdana, Arial, Helvetica, sans-serif; 
  font-weight:bold; 
  letter-spacing:1px; 
  color:#666; 
}

a img { border:none; }

p, ol, ul { margin: 0 0 10px 0; font-size:13px; }

acronym, abbr { 
  border-bottom:dashed 1px #FFF; 
  cursor:help; 
}

/* pseudo classes */

a:link, a:visited { text-decoration: none; color:#369; font-weight: bold; }
a:hover, a:active { text-decoration: underline; color:#F1F1F1; font-weight: bold; }

#header h1 a:link, #header h1 a:visited { color: #369; font-weight: normal; }
#header h1 a:hover, #header h1 a:active { color: #369; font-weight: normal; }

#nav a:link, #nav a:visited { color:#FFF; text-decoration:none; }
#nav a:hover, #nav a:active { color:#FFF; text-decoration:none; }

#nav a.current:link, #nav a.current:visited { background: url('/images/backgrounds/bg-purpgrad.jpg') top left repeat-x; color:#000; text-decoration:none; }
#nav a.current:hover, #nav a.current:active { background: url('/images/backgrounds/bg-purpgrad.jpg') top left repeat-x; color:#000; text-decoration:none; }

#nav li.subcat a:link, #nav li.subcat a:visited { background: url('/images/backgrounds/bg-purpgrad.jpg') top left repeat-x; color:#000; text-decoration:none; }
#nav li.subcat a:hover, #nav li.subcat a:active { background: url('/images/backgrounds/bg-purpgrad3.jpg') center left repeat-x;  color:#FFF; text-decoration:none; }

#nav li.subcat a.current { background: #265BA9 url('/images/backgrounds/bg-purpgrad3.jpg') center left repeat-x; font-weight: bold; color: #fff; }

#content h2 a:link, #content h2 a:visited { color:#69C; }
#content h2 a:hover, #content h2 a:active { color:#FFF; }

#content a:link, #content a:visited { color: #369; font-weight: bold; text-decoration: none; }
#content a:hover, #content a:active { color: #369; font-weight: bold; text-decoration: underline; }

#extras .box a:link, #extras .box a:visited { color: #FFF; font-weight: normal; }
#extras .box a:hover, #extras .box a:active { color: #DDD; font-weight: normal; }

#footer a:link, #footer a:visited { color:#f0f0f0; background-color:inherit; font-weight:bold;}
#footer a:hover, #footer a:active { color:#FFF; background-color:inherit; }

/* layout */

#wrap {
  border:2px solid #333;
  margin:20px auto;
  padding:1px 0;
  text-align:left;
  background:#FFF;
  width:780px;
  color:#333;
}

#header {
  background:#FFF url('/images/backgrounds/headerbg.jpg') center right no-repeat;
  margin:0 1px 1px 1px;
  color:#fff;
}


#bcrumbs { 
  margin:0 0 10px 0; 
  font-size: 10px;
  font-family: Verdana;
}

#content{
  float: left;
  width: 520px;
  padding: 20px 0 0 20px;
}

.paginator {  
  margin: 0 0 10px 0; 
}

.commentsbox {
  padding: 1em;
  background-color: #f1f1f1;
  margin: 0 0 10px 0;
}

p.meta { margin: 0 0 5px 0; }

p.comment {
  border-bottom: solid 1px #999;
  padding: 0 0 10px 10px;
  margin: 0 0 10px 0;
}

#footer {
  background: url('/images/backgrounds/bg-whitegrad.jpg') bottom left repeat-x; 
  text-align: center;
  color:#333;
  padding: 5px 0;
  clear:both;
  font-size: 11px;
}


/* presentation */


#bcrumbs img { vertical-align: middle; }

#header h1 {
  margin: 0 0 0 10px;
  padding: 10px 0 0 0;
  letter-spacing: -2px;
  font-weight: normal;
  font-size: 2.4em;
  color: #fff;
}

#header h2 {
  margin: 5px 0 0 20px;
  letter-spacing: -1px;
  font-weight: normal;
  font-size: 1.3em;
  color: #000;
  padding: 0;
}

#nav {
  background: #265BA9 url('/images/backgrounds/bg-purpgrad3.jpg') top left repeat-x;
  margin-top: 20px;
  height: 32px;
  width:778px;
  color:#999;
}


#nav ul {
  padding: 0 10px 0 0;
  position:relative;
  float: left;
  margin: 0;
  z-index:2;
}

#nav li {
  border-right: solid 1px #999;
  display: inline;
  list-style: none;
  position:relative;
  float: left;
  margin: 0;
  padding: 0;
}

#nav li a {
  text-transform:uppercase;
  text-decoration:none;
  background-color:inherit;
  font-size:0.8em;
  font-weight:normal;
  padding: 8px 10px 9px 10px;
  line-height: 30px;
  color: #999;
}

#animated-tab {
        position: absolute;
        z-index: 1;
        line-height: 19px;
        padding-bottom: 1px;
        border-bottom: 5px solid #FFF;
		width:100%;
}

/* suckerfish code */
#nav li ul {
  font-family: Arial, Helvetica, Sans-serif;
  position: absolute;
  width: 200px;
  left: -999em;
  border: solid 1px #F1F1F1;
  padding:0;
}

#nav li:hover ul {
  left: -5px;
  top: 30px;
}

#nav li ul li { 
  border:none; 
  width:200px; 
}

#nav li ul a { 
  border-color: #333; 
  border-style: solid; 
  border-width: 0 0 1px 0; 
  background-color: #0F1523; 
  text-transform: capitalize; 
  font-size: 11px; 
  padding: 0 0 0 10px; 
  display: block; 
}


/* end suckerfish code */

#content h2{
  background-color:inherit;
  font-weight:normal;
  font-size: 20px;
  letter-spacing:-1px;
  display:block;
  margin:0 0 16px 0;
  color:#69C;

}

#content h2 a { font-weight:normal; }

#content h3{ 
  margin:0 0 5px 0; 
  font-size:1.4em; 
  letter-spacing:-1px;
}

#content ul, #content ol {  
  margin:0 0 10px 20px;
  padding: 0 0 0 10px;
}

#content li { margin: 0 0 8px 0; }

#content dl {
  margin:0 0 10px 10px;
}

#content dt {
  font-weight:bold; 
  margin-bottom:5px;
}

#content dd { 
  margin:0 0 10px 15px;
}

#content img[align=left] { 
  margin-right: 1em;
}

#content img[align=right] { 
  margin-left: 1em;
}

#content img[src^='/emot'] {
  vertical-align: middle;
}

/**************** Sidebar styles ****************/

#extras {
  padding:20px 20px 10px 0;
  line-height:1.4em;
  float:right;
  width:190px;
}

#extras h2, .splitcontentleft h3 {
  font-weight: normal;
  text-align:left;
  letter-spacing:-1px;
  display:block;
  margin:0 0 15px 0;
  font-size: 18px;
  color: #FFF;
}

#extras p {
  margin: 0 0 16px 0; 
  font-size:0.9em;
}

#extras li {
  margin: 0 0 4px 0;
  font-size: 10px;
  color:#6699FF;
}

#extras input.searchfield { width: 90px; }

#extras .box {
  background:#0F1523 url('/images/backgrounds/bg-purpgrad2.jpg') top right repeat-x;
}

#extras a {
  font-family: Arial, Helvetica, Sans-serif;
  font-size: 11px;
}

.menublock{ 
  margin:0 0 20px 8px; 
}
.menublock li {
  list-style:none; 
  display:block; 
  padding:2px; 
  margin-bottom:3px;
}

.menublock li a{ 
  background: url('images/feed-dark.gif') top left no-repeat; 
  padding: 3px 0 3px 20px;
  margin: 3px 0 0 0;
  font-weight: bold; 
  text-decoration: none; 
  display: block; 
}


.menublock li ul{ 
  margin:3px 0 3px 15px; 
  font-size:1em; 
  font-weight:normal;
}

#searchbar { margin:0 0 20px 0; }

/*
#searchbar #s{
height:1.2em;
width:110px;
margin:0 5px 0 0;
border:1px solid #a0a0a0;
}*/

#searchbar .searchbutton {
  width:auto;
  padding:0 1px;
  border:1px solid #808080;
  font-size: 11px; 
  line-height: 14px;
  text-align:center;
}

#searchbar .searchfield {
  font-size: 11px; 
  line-height: 14px;
}


#footer p { 
  text-align: center;
  padding: 0; 
  margin: 0;
}


.clear{ 
  clear:both;
}

.box{
  margin:0 0 20px 0;
  padding: 10px;
  border: solid 1px #333;
  background-color: #000;
  color: #999;
}

.box ul {
  list-style-image: url('/images/icons/arrow.gif');
  margin: 0 0 0 15px; 
  padding: 0;
}

.box li { margin-bottom: 3px; }

.date { 
  border-top: solid 1px #666; 
  padding-top: 2px; 
  margin: 0 0 20px 0;
  color: #999; 
} 

.date img { 
  vertical-align:middle; 
  padding-right:5px; 
}

.smtxt { font-size: 9px; }

/* link markers */


a[href $='.pdf'] { 
   padding-right: 18px;
   background: transparent url('/images/icons/pdf.gif') center right no-repeat;
}

a[href $='.xls'] { 
   padding-right: 18px;
   background: transparent url('/images/icons/xls.gif') center right no-repeat;
}

a[href $='.doc'] { 
   padding-right: 18px;
   background: transparent url('/images/icons/doc.gif') center right no-repeat;
}

a[href ^="mailto:"] {
   padding-right: 20px;
   background: transparent url('/images/icons/mailto.gif') top right no-repeat;
}

a[target="_blank"] {
   padding-right: 18px;
   background: transparent url('/images/icons/newwin.gif') center right no-repeat;
}

/*
a[href ^="http://"] {
   padding-right: 20px;
   background: transparent url('/images/icons/external.gif') center right no-repeat;
}
*/


