/******** general.css ***********/

/* base stylesheet for Webvanta default site                       */
/* assumes Blueprint CSS has been loaded first                     */
/* (if you're using our standard templates they take care of that) */

/* Note: most colors are set in Config Settings. You can set the colors there, or
   you can replace the <w:data ... > text with color values here             */

/* Base Styles */

body {
  background-color:#274e61;
  margin:0px;
  padding:0px;
  font-family: Arial, tahoma, sans serif;
}
h1 {
  font-weight:normal;
  color: #003366;
}
h2 {
  font-weight:normal;
  font: 1.2em arial, tahoma, sans-serif;
  color: #003366;
}
h3 {
  font-weight:bold;
  font: 1.1em arial, tahoma, sans-serif;
  color: #003366;
  line-height:150%;
}
a {
  color: #4991c5;
}
a:hover {
  color: #003366;
}
a:visited {
  color: #4991c5;
}
a:active {
  color: #4991c5;
}
p {
  margin: 0 0 0.8em;
}
ul {
  list-style-type: square;
}
ul li {
  margin-bottom: 5px;
}

.logo40 {
position:relative;
top:10px;
}

/*********** PAGE STRUCTURE ************/

body {
  margin:0px;
  padding:0px;

}
#outer_wrapper {
  background-color:#fff;
  width:950px;
  margin-right:auto;
  margin-left:auto;
  padding:0px;
}
#wrapper {
  background-color: #FFF;
  width:950px;
  border:0px solid #666;
  padding:0px;
  margin:0px;
}
#content_area {

}
#header{
  width:950px;
  
  margin-left:0px;
  padding:0px;
  background-color:#000;
  
}

body2 {
  background-color:#103350;
  margin:0px;
  padding:0px;

}
#outer_wrapper2 {
  background-color:#000000;
  width:1200px;
  margin-right:auto;
  margin-left:auto;
  padding:0px;
}
#wrapper2 {
  background-color: #000000;
  width:1200px;
  border:0px solid #666;
  padding:0px;
  margin:0px;
}
#content_area2 {
  padding: 0px;

}
#header2{
  width:950px;
  height:26px;
  margin-left:0px;
  padding:0px;
  background-color:#fff;
}
#header3{
  width:950px;
  height:26px;
  margin-left:0px;
  padding:0px;
  background-color:#fff;
}



/********** MENU ************/
#menu {
  height:26px;
  width:775px;
  float: left;
  font-size:12px;
  background:#000000;
 
}
#menu ul{
list-style-type:none;
}
#menu li{
display:inline;
}
#menu a{
  float:left;
  width:80px;
  text-decoration:none;
  color:white;
  font-weight:bold;
  background:#000000;
  padding-top:5px;
  padding-bottom:3px;
  padding-right:0px;
  padding-left:10px;

}
#menu a:hover{
background:#394457;
}

/****** MENU ICONS*******/
#menu-icons {
  height:25px;
  width:175px;
 
  font-size:12px;
  background:#000000;
 
}
#menu-icons ul{
list-style-type:none;
}
#menu-icons li{
display:inline;
}
#menu-icons a{
  float:right;
  width:16px;
  text-decoration:none;
  color:white;
  font-weight:bold;
  background:#000000;
  padding-top:5px;
  padding-bottom:0px;
  padding-right:10px;
  padding-left:0px;

}

/********** MENU 2************/
#menu2 {
  height:25px;
  width:950px;
  background:#000000;
  float: right;
  font-size: 8px;
 
}
#menu2 ul{
list-style-type:none;
}
#menu2 li{
display:inline;
}

/********** MENU ICONS******/
#menu-icon {
  height: 16px;
  width: 50px;
  float: left;
  font-size: 12px;
  background:#000000;
 
}
#menu-icon ul{
list-style-type:none;
}
#menu-icon li{
display:inline;
}
#menu-icon a{
float:left;
width:16px;
text-decoration:none;
color:white;
font-weight:bold;
background:#000000;
padding-top:0px;
padding-bottom:0px;
padding-right:0px;
padding-left:0px;

}
#menu-icon a:hover{
background:#3d3d3e;
}


/********** UTILITY NAV (TOP RIGHT) ************/

#topLinks {
  float: right;
  font-size: 11px;
  padding: 10px 0 5px;
}
#topLinks ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  float: right;
}
#topLinks li {
  float: left;
  list-style-type: none;
  padding: 0 10px 0 0;
}
#topLinks li a {
  color:#333;
  text-decoration: none;
  }
#topLinks li a:hover {
  text-decoration: underline;
}
.searchButton {
  margin: -3px 0 0 0;
}
input.fieldSkybox {
  vertical-align: top;
  margin: 0 3px 0 0;
}
#searchbox {
  float:right;
  padding: 3px 40px 0 10px;
}

/************** ALAN OLD SITE **************/

#menu-wrapper{
  height:26px;
  width:950px;
  background:#000000;
}
#menu-wrapper2{
  height:26px;
  width:1200px;
  background:#000000;
}
  

#page-title{

  height:60px;
  font-weight:bold;
  padding: 40px 0 0 0;
  clear: both;
  
}
#page-title2{

  height:40px;
  font-weight:bold;
  padding: 0 0 0 0;
  clear: both;
  
}
#page-title3{

  height:40px;
  font-weight:bold;
  padding: 0 0 0 0;
  clear: both;
  
}



#page-spacer{
  height:40px;
  clear: both;
}

#page-title h1{
  font-weight: bold;
  color:#003366; 
}

#page-title h2{
  font:1.2em  arial, tahoma, sans-serif;
  font-weight: bold;
  colour:#003366;
}

#page-title h3{
  font:1.2em  arial, tahoma, sans-serif;
  font-weight: normal;
  color:#003366;
  
}

  
#banner{
  margin-top:0px;
  margin-left:0px;
  margin-right:0px;
  width:950px;
  height:200px;
  padding:0px;
  clear: both;
  background-image:url('/5.jpg');
  
}
#carousel{

  width: 900px ;
  height: 195px;
  margin-left: auto ;
  margin-right: auto ;
  padding-top:40px;
  background:#ffffff;
  clear: both;
  
}
#banner-photo{
  width:510px;
  padding:0px;
  border-color:#ffffff;
  border-style: solid;
  border-width: 3px;
  background-color:#ffffff;
  float:left;
  
}

#banner-info{

  background-repeat: no-repeat;
  width:400px;
  height:220px;
  float:left;
}

#banner-info h1{

  font: 1.6em arial, tahoma, sans-serif;
  font-weight: bold;
  border-bottom: 4px; 
  color:#003366;
  border-left: 0px;
  margin:0;
  padding:0;
}

#banner-info h2{
  font: 1.2em arial, tahoma, sans-serif;
  font-weight: bold;
  color:#003366;
}

#banner-info h3{
  width:300px;
  height: 60px;
  padding: 10px 0 10px 0;
  font: 1.1em arial, tahoma, sans-serif;

  font-style:italic;
  border-top:8px;
  border-bottom: 8px;
  color:#6f9ab2;
  padding:0;

}

#banner-info h4{
  font: 1.2em arial, tahoma, sans-serif;
  color: #6f9ab2;
}

#banner-info h5{

  font: 1.6em arial, tahoma, sans-serif;
  font-weight: bold;
  border-bottom: 0px; 
  color:#003366;
  border-left: 0px;
  margin:0;
  padding:0;
}

#list{
  width:550px;

  color:#333333;
  float:left;
  margin:0px 0 0 29px;
  padding:0;
}

#list-item{
  margin-top:20px;
  margin-left:0px;
  margin-right:0;
  width:550px;
  height:400px;
  padding:0;
  clear: both;
  
  
}

#list-photo{
  margin-right:0;
  margin-bottom:25px;
  width:100px;
  height:57px;
  padding:0;
  border-style: none;
  background-color:#ffffff;
  float:left;
  
}

#list-info{
  
  width:387px;
  height:84px;
  padding-top:2px;
  padding-left:10px;
  
  float:left;
}

#list-info h1{
  width:170px;
  font: 1em arial, tahoma, sans-serif;
  font-weight: bold;
  border-bottom: 0.1px dotted #666666;
  margin-bottom: 2px;
  color:#333;
  border-left: 8px;
  margin:0;
  padding:0;
  
}

#list-info h2{
  margin-top: 5px;
  font: 0.9em arial, tahoma, sans-serif;
  color:#333;
  border-left: 10px;
  padding:0;
}

#list-info h3{
  font: 0.9em arial, tahoma, sans-serif;
  font-weight: bold;
  color:#333;
  border-left: 10px;
  padding:0;
}



#news-item{

  margin-top:20px;
  margin-left:0px;
  margin-right:0px;
 
  padding:0;
  clear: both;
  
  
}

#news-photo{
  width:200px;
  height:113px;
  margin-right:10px;
  margin-bottom:20px;
  margin-top:4px;
  padding:0;
  border-style: none;
  background-color:#ffffff;
  float:left;
  
}

#news-info{
  Width:320px;
  padding-top:2px;
  padding-left:0px;
  float:left;
}

#news-info h1{
  width:320px;
  font: 1.4em arial, tahoma, sans-serif;
  font-weight: bold;
  margin-bottom: 2px;
  color:#003366;
  border-left: 8px;
  margin:0;
  padding:0;
  
}

#news-info h2{
  margin-top: 5px;
  font: 0.9em arial, tahoma, sans-serif;
  color:#456a85;
  border-left: 10px;
  padding:0;
}

#news-info h3{
  font: 0.9em arial, tahoma, sans-serif;
  font-weight: normal;
  color:#003366;
  border-left: 10px;
  padding:0;
}

#paginate-item{

  margin-top:20px;
  margin-left:0px;
  margin-right:0px;
 
  padding:0;
  clear: both;
  
  
}

#paginate-photo{
  width:200px;
  height:113px;
  margin-right:10px;
  margin-bottom:20px;
  margin-top:4px;
  padding:0;
  border-style: none;
  background-color:#ffffff;
  float:left;
  
}

#paginate-info{
  Width:320px;
  padding-top:2px;
  padding-left:0px;
  float:left;
}

#paginate-info h1{
  width:320px;
  font: 1.4em arial, tahoma, sans-serif;
  font-weight: bold;
  margin-bottom: 2px;
  color:#003366;
  border-left: 8px;
  margin:0;
  padding:0;
  
}

#paginate-info h2{
  margin-top: 5px;
  font: 0.9em arial, tahoma, sans-serif;
  color:#456a85;
  border-left: 10px;
  padding:0;
}

#paginate-info h3{
  font: 0.9em arial, tahoma, sans-serif;
  font-weight: normal;
  color:#003366;
  border-left: 10px;
  padding:0;
}
#testimonial{
  
  padding-top:2px;
  padding-left:0px;

}

#testimonial h1{
  
  font: 1.4em arial, tahoma, sans-serif;
  font-weight: bold;
  margin-bottom: 2px;
  color:#003366;
  border-left: 8px;
  margin:0;
  padding:0;
  
}

#testimonial h2{
  margin-top: 20px;
  font: 1.5em arial, tahoma, sans-serif;
  font-weight: bold;
  color:#456a85;
  border-left: 10px;
  padding:0;
}

#testimonial h3{
  font: 1.2em arial, tahoma, sans-serif;
  font-weight: normal;
  color:#003366;
  border-left: 10px;
  padding:0;
}

/************** LIST ITEMS **********/

#itemlist {
  list-style-type:none;
  margin-left: 0;
}

#itemlist li {
  float: left;
}

#itemlist img {
  float: left;
  padding-right: 10px;
  padding-bottom: 20px;
}  

#itemlist h1 {
  font: 1.5em arial, tahoma, sans-serif;
  font-weight:bold;
  color:#003366;
  margin:1px;
  padding:0;
}

#itemlist h2 {
  width: 180px;
  float: left;
  font: 1.0em arial, tahoma, sans-serif;
  font-weight: bold;
  color: #003366;
  margin-bottom:0px;
}
#itemlist h3 {
  font: 0.9em arial, tahoma, sans-serif;
  color:#4991c5;
  padding:0;
}


#itemlist p {
  font: 0.9em arial, tahoma, sans-serif;
  color:#003366;
  padding:0;
}

#itemlist2 {
  list-style-type:none;
  width: 600px;
  margin-left: 0;
}

#itemlist2 li {
  float: left;
}

#itemlist2 img {
  float: left;
  padding-right: 10px;
  padding-bottom: 10px;
}  

#itemlist2 h1 {
  font: 1.5em arial, tahoma, sans-serif;
  font-weight:bold;
  color:#003366;
  margin:1px;
  padding:0;
}

#itemlist2 h2 {
  float: left;
  font: 1.0em arial, tahoma, sans-serif;
  font-weight: bold;
  color: #003366;
  margin-bottom:0px;
}
#itemlist2 h3 {
  font: 0.9em arial, tahoma, sans-serif;
  color:#4991c5;
  padding:0;
}


#itemlist2 p {
  font: 0.9em arial, tahoma, sans-serif;
  color:#003366;
  padding:0;
}

/************** THUMBS **************/

#thumb-item{
  margin-top:20px;
  margin-left:0px;
  margin-right:0;
  width:100%;
  clear: both;
  
  
}

#thumb-photo{
  margin-right:0;
  margin-bottom:25px;
  width:100px;
  height:56px;
  padding:0;
  border-style: none;
  background-color:#ffffff;
  float:left;
  
}

#thumb-info{
  
  
  padding-top:0px;
  padding-left:10px;
  
  float:left;
}

#thumb-info h1{

  font: 1em arial, tahoma, sans-serif;
  font-weight: bold;

  margin-bottom: 0px;
  color:#003366;
  border-left: 8px;
  margin:0;
  padding:0;
  
}

#thumb-info h2{
  margin-top: 5px;
  font: 0.9em arial, tahoma, sans-serif;
  color:#4991c5;
  border-left: 10px;
  padding:0;
}

#thumb-info h3{
  font: 0.9em arial, tahoma, sans-serif;
  font-weight: normal;
  color:#333;
  border-left: 10px;
  padding:0;
}

/************** TINY **************/

#tiny-item{
  margin-top:10px;
  margin-left:0px;
  margin-right:0;
  width:100%;
  clear: both;
  
  
}

#tiny-photo{
  margin-right:0;
  margin-bottom:8px;
  width:75px;
  height:42px;
  padding:0;
  border-style: none;
  background-color:#ffffff;
  float:left;
  
}

#tiny-info{
  
  
  padding-top:0px;
  padding-left:10px;
  
  float:left;
}

#tiny-info h1{

  font: 1em arial, tahoma, sans-serif;
  font-weight: bold;

  margin-bottom: 0px;
  color:#003366;
  border-left: 8px;
  margin:0;
  padding:0;
  
}

#tiny-info h2{
  margin-top: 5px;
  font: 0.9em arial, tahoma, sans-serif;
  color:#4991c5;
  border-left: 10px;
  padding:0;
}

#tiny-info h3{
  font: 0.9em arial, tahoma, sans-serif;
  font-weight: normal;
  color:#333;
  border-left: 10px;
  padding:0;
}

/************** FOOTER **************/

#footer {
  padding: 10px 0;
  clear: both;
  width:950px;
  background-color:#000000;
}
#footer ul li {
  color: #fff;
  font-size: 11px;
  padding: 0 15px 0 0;
  list-style: none;
  float: left;
}
#footer ul li a {
  color: #fff;
  text-decoration: none;
}
#footer ul li a:hover {
  text-decoration: underline;
}
#footer2 {
  padding: 10px 0;
  clear: both;
  width:1200px;
  background-color:#000000;
}
#footer2 ul li {
  color: #fff;
  font-size: 11px;
  padding: 0 15px 0 0;
  list-style: none;
  float: left;
}
#footer2 ul li a {
  color: #fff;
  text-decoration: none;
}
#footer2 ul li a:hover {
  text-decoration: underline;
}

/********** FORMS **************/

label.reqd {   /* for required fields */
  font-weight:bold;
}

label.left {
  width: 120px;
  display: block;
  float: left;
  text-align: right;
  clear: left;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 12px;
  padding-right: 10px;
}
.sysmsg {
  color: #f00;
  margin-bottom:25px;
}
#contact_form #submit_button {
  margin: 20px 0 20px 130px;
}
form .indent {
  margin-left: 130px;
}
#contact_intro {
  border-bottom: 1px solid #333;
  margin-bottom: 20px;
}
#contact_form label {
  width: 120px;
  display: block;
  float: left;
  text-align: right;
  clear: left;
  text-transform: uppercase;
  font-weight: bold;
  font-size:12px;
  padding-right: 10px;
}
#contact_form input, #contact_form textarea {
  background-color: #EEE;
  padding: 3px;
  margin: 0;
  border: none;
  height: auto;
}
#contact_form .indent {
  margin-left: 130px;
}
#contact_firstname, #contact_lastname {
  width: 200px;
}
#contact_company, #contact_email, #contact_subject, #contact_message, #contact_subject, #contact_message {
  width: 410px;
}
p#email2 {
  display: none;
}
#contact_form input#submit_button {
  background: none;
  border: none;
}
form p {
  margin: 0;
  padding: 0 0 5px 0;
}
input {
  margin: 0.5em 0;
}
#dy_node_submit {           /* for automatically generated forms that submit to database */
  margin-left: 130px;
}
.wv-validation-error {
  border: 2px solid #F00;
}

/******* CSS for DATABASE PAGES ************/

/********** BLOG *************/

.blog_article {
  border-bottom: 1px solid #520602;
  margin-bottom: 15px;
}

/********** CATEGORY, LIST, AND ITEM PAGES *************/

.kb a {
  text-decoration:none;
}
.kb a:hover {
  text-decoration:underline;
}

.crumbs {
  padding-bottom: 12px;
}
.crumbs p {
  float: left;
}
.share {
  margin: 0 0 8px 8px;
  float:right;
}

/********* CATEGORY PAGE **********/

.category_description {
  padding-bottom: 10px;
  margin-bottom: 20px;
  border-bottom: 1px solid #520602;
}
.category_articles {
  padding-bottom: 10px;
  margin-bottom: 20px;
  border-bottom: 1px solid #520602;
}
.category_resources {
  margin: 0;
  padding: 0;
}

/*********** COMMENT FORM ************/

.comment_form {
  width: 90%;
  border: 1px solid #520602;
  padding: 12px;
  margin: 15px 0;
}
.comment_form label {
  display: block;
  width: 80px;
  text-align: right;
  float: left;
  font-size: 12px;
  letter-spacing: .04em;
  text-transform: uppercase;
  clear: left;
  padding: 0 5px 0 0;
}
input#feedback_name, input#feedback_email, input#feedback_subject, textarea#feedback_body {
  background-color: #EEE;
  border: none;
  padding: 3px;
  margin:0;
}
.comment_form .indent {
  margin-left: 85px;
}
.comment_form #submit_button {
  margin: 12px 0 0 90px;
}
#comment_email2 {
  display: none;   /* spam robot trap */
}
input#feedback_subject {
  width: 80%;
}
.comment_form p {
  margin: 0 0 5px 0;
  padding: 0;
}
textarea#feedback_body {
  width: 80%;
  height: auto;
}
.form_note {
  font-size: 80%;
}
div#comments {
  border-top: 1px solid #520602;
  padding-top: 10px;
  margin-top: 15px;
}

/********* BOOKS *********/

.book_button {
  padding: 3px;
  color: #fff;
  margin-right: 20px;
  text-decoration: none;
}
.book_button:link, .book_button:visited {
  background-color: #4991c5;
  color: #fff;
  text-decoration: none;
}
.book_button:hover, .book_button:active {
  background-color: #003366;
  color: #fff;
  text-decoration: none;
}
.book_listing h1 {
  margin-bottom: 10px;
  padding-top: 5px;
}
.book_listing h2 {
  margin-bottom: 10px;
  padding-top: 5px;
}
.book_cover {
  float:left; 
  padding: 5px 15px 15px 0;
}

/******* LIST PAGE **********/

#list h2 {
  margin: 20px 0 5px 0;
  padding-top: 15px;
  border-top: 1px solid #520602;
}
#list h3 {
  margin-bottom: 10px;
  padding-top: 5px;
}
#list p {
  display:block;
}

/********* RESOURCES PAGE **********/

/* The resources page is a single-page presentation of database content using our knowledgebase structure. */
/* The HTML for this page is in the snippet called resources_page */

#resources_page .share {
  float:right;
}
#resources_page .resource_item {
  border-bottom: 1px solid #520602; 
  padding-bottom: 10px; 
  margin: 0 0 10px 30px;
}
#resources_page .book_image {
  float:left; 
  padding: 0 15px 15px 0;
}
#resources_page .book_text {
  margin-left: 25px;
}
#resources_page .book_button {
  padding: 3px 3px 3px 6px;
  margin-right:20px;
}
#resources_page .book_button:link, #resources_page .book_button:visited {
  background-color: #4991c5;
  color: #fff;
  text-decoration: none;
}
#resources_page .book_button:hover, #resources_page .book_button:active {
  background-color: #003366;
  color: #fff;
  text-decoration: none;
}
#resources_page h2 {
  font-size: 18px;
  font-weight: bold;
}
#resources_page h3 {
  font-size: 16px;
  font-weight: bold;
}
#resources_page h4 {
  font-size: 14px;
  font-weight: bold;
  margin: 1em 0 1em 0;
}
#resources_page h5 {
  font-size: 14px;
  font-weight: normal;
}

/********* TREE NAVIGATOR FOR CATEGORIES ********/

/* Modified for Webvanta from YUI tree.css example 2.7.0b */
/* See http://developer.yahoo.com/yui/treeview/ for more on styling the tree */

.ygtvtn {  /* first or middle sibling, no children */
  background: transparent; 
  width:1em; 
  height:20px; 
}
.ygtvtm {  /* first or middle sibling, collapsable */
  background: url('/webvanta/img/tree/1.0/collapse.gif') 0 6px no-repeat; 
  width:1em; 
  height:22px; 
  cursor:pointer; 
}
.ygtvtmh {  /* first or middle sibling, collapsable, hover */
  background: url('/webvanta/img/tree/1.0/collapseh.gif') 0 6px no-repeat; 
  width:1em; 
  height:22px; 
  cursor:pointer; 
}
.ygtvtp {  /* first or middle sibling, expandable */
  background: url('/webvanta/img/tree/1.0/expand.gif') 0 6px no-repeat; 
  width:1em; 
  height:22px; 
  cursor:pointer; 
}
.ygtvtph {  /* first or middle sibling, expandable, hover */
  background: url('/webvanta/img/tree/1.0/expandh.gif') 0 6px no-repeat; 
  width:1em; 
  height:22px; 
  cursor:pointer; 
}
.ygtvln {  /* last sibling, no children */
  background: transparent; 
  width:1em; 
  height:20px; 
}
.ygtvlm {  /* Last sibling, collapsable */
  background: url('/webvanta/img/tree/1.0/collapse.gif') 0 6px no-repeat; 
  width:1em; 
  height:22px; 
  cursor:pointer; 
}
.ygtvlmh {  /* Last sibling, collapsable, hover */
  background: url('/webvanta/img/tree/1.0/collapseh.gif') 0 6px no-repeat; 
  width:1em; 
  height:22px; 
  cursor:pointer; 
}
.ygtvlp {  /* Last sibling, expandable */
  background: url('/webvanta/img/tree/1.0/expand.gif') 0 6px no-repeat; 
  width:1em; 
  height:22px; 
  cursor:pointer; 
}
.ygtvlph {  /* Last sibling, expandable, hover */
  background: url('/webvanta/img/tree/1.0/expandh.gif') 0 6px no-repeat; 
  width:1em; 
  height:22px; 
  cursor:pointer;
}
.ygtvloading {  /* Loading icon */
  background: url('/webvanta/img/tree/1.0/loading.gif') 0 6px no-repeat; 
  width:1em; 
  height:22px; 
}
.ygtvdepthcell {  /* empty cells used for rendering the depth of the node */
  background: transparent; 
  width:1em; 
  height:20px; 
}
.ygtvblankdepthcell { 
  background: transparent; 
  width:1em; 
  height:20px; 
}
.ygtvitem {  /* div around each node */
  border: 0px solid #333; 
}  
* html .ygtvchildren { /* for IE, div around each node's collection of children */
  height:1%; 
}  
.ygtvlabel, .ygtvlabel:link, .ygtvlabel:visited, .ygtvlabel:hover { /* text label in ygTextNode */
  font-size: 12px;
}
.ygtvrow td {
  padding: 0;
  margin: 0;
}
.ygtvrow td a {
  text-decoration: none;
}
.ygtvitem table {
  padding: 0;
  margin: 0;
}
.wvCurLabel {
  font-weight:bold;
  padding-left:2px;
}

#JT_arrow_left{
    background-image: url("arrow_left.gif");
    background-repeat: no-repeat;
    background-position: left top;
    position: absolute;
    z-index:101;
    left:-12px;
    height:23px;
    width:10px;
    top:-3px;
}

#JT_arrow_right{
    background-image: url("arrow_right.gif");
    background-repeat: no-repeat;
    background-position: left top;
    position: absolute;
    z-index:101;
    height:23px;
    width:11px;
    top:-2px;
}

#JT {
    position: absolute;
    z-index:100;
    border: 2px solid #CCCCCC;
    background-color: #fff;
}

#JT_copy{
    padding:10px 10px 10px 10px;
    color:#333333;
}

.JT_loader{
    background-image: url("loader.gif");
    background-repeat: no-repeat;
    background-position: center center;
    width:100%;
    height:12px;
}

#JT_close_left{
    background-color: #CCCCCC;
    text-align: left;
    padding-left: 8px;
    padding-bottom: 5px;
    padding-top: 2px;
    font-weight:bold;
}

#JT_close_right{
    background-color: #CCCCCC;
    text-align: left;
    padding-left: 8px;
    padding-bottom: 5px;
    padding-top: 2px;
    font-weight:bold;
}

#JT_copy p{
margin:3px 0;
font-size:0.8em;
}

#JT_copy img{
    padding: 1px;
    border: 0px solid #CCCCCC;

}

.jTip{
cursor:help;
}

/* ------------------------------------------------------------------------
    This you can edit.
------------------------------------------------------------------------- */

    div.light_rounded .pp_top .pp_left { background: url(../images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat; } /* Top left corner */
    div.light_rounded .pp_top .pp_middle { background: #fff; } /* Top pattern/color */
    div.light_rounded .pp_top .pp_right { background: url(../images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat; } /* Top right corner */
    
    div.light_rounded .pp_content { background-color: #fff; } /* Content background */
    div.light_rounded .pp_content a.pp_next:hover { background: url(../images/prettyPhoto/light_rounded/btnNext.png) center right  no-repeat; cursor: pointer; } /* Next button */
    div.light_rounded .pp_content a.pp_previous:hover { background: url(../images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */
    div.light_rounded .pp_content a.pp_expand { background: url(../images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
    div.light_rounded .pp_content a.pp_expand:hover { background: url(../images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
    div.light_rounded .pp_content a.pp_contract { background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
    div.light_rounded .pp_content a.pp_contract:hover { background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
    div.light_rounded .pp_content a.pp_close { width: 75px; height: 22px; background: url(../images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */

    div.light_rounded .pp_content .pp_details .pp_nav a.pp_arrow_previous { background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
        div.light_rounded .pp_content .pp_details .pp_nav a.pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
    div.light_rounded .pp_content .pp_details .pp_nav a.pp_arrow_next { background: url(../images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */
        div.light_rounded .pp_content .pp_details .pp_nav a.pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }

    div.light_rounded .pp_bottom .pp_left { background: url(../images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */
    div.light_rounded .pp_bottom .pp_middle { background: #fff; } /* Bottom pattern/color */
    div.light_rounded .pp_bottom .pp_right { background: url(../images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */

    div.light_rounded .pp_loaderIcon { background: url(../images/prettyPhoto/light_rounded/loader.gif) center center no-repeat; } /* Loader icon */
    
    /* ----------------------------------
        Dark Rounded Theme
    ----------------------------------- */
    
    div.dark_rounded .pp_top .pp_left { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat; } /* Top left corner */
    div.dark_rounded .pp_top .pp_middle { background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Top pattern/color */
    div.dark_rounded .pp_top .pp_right { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat; } /* Top right corner */
    
    div.dark_rounded .pp_content { background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Content background */
    div.dark_rounded .pp_content a.pp_next:hover { background: url(../images/prettyPhoto/dark_rounded/btnNext.png) center right  no-repeat; cursor: pointer; } /* Next button */
    div.dark_rounded .pp_content a.pp_previous:hover { background: url(../images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */
    div.dark_rounded .pp_content a.pp_expand { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
    div.dark_rounded .pp_content a.pp_expand:hover { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
    div.dark_rounded .pp_content a.pp_contract { background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
    div.dark_rounded .pp_content a.pp_contract:hover { background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
    div.dark_rounded .pp_content a.pp_close { width: 75px; height: 22px; background: url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */
    div.dark_rounded .currentTextHolder { color: #c4c4c4; }
    div.dark_rounded  p.pp_description { color: #fff; }

    div.dark_rounded .pp_content .pp_details .pp_nav a.pp_arrow_previous { background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
        div.dark_rounded .pp_content .pp_details .pp_nav a.pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
    div.dark_rounded .pp_content .pp_details .pp_nav a.pp_arrow_next { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */
        div.dark_rounded .pp_content .pp_details .pp_nav a.pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }

    div.dark_rounded .pp_bottom .pp_left { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */
    div.dark_rounded .pp_bottom .pp_middle { background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Bottom pattern/color */
    div.dark_rounded .pp_bottom .pp_right { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */

    div.dark_rounded .pp_loaderIcon { background: url(../images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat; } /* Loader icon */
    
    
    /* ----------------------------------
        Dark Square Theme
    ----------------------------------- */
    
    div.dark_square .pp_top .pp_left ,
    div.dark_square .pp_top .pp_middle,
    div.dark_square .pp_top .pp_right,
    div.dark_square .pp_bottom .pp_left,
    div.dark_square .pp_bottom .pp_middle,
    div.dark_square .pp_bottom .pp_right,
    div.dark_square .pp_content { background: url(../images/prettyPhoto/dark_square/contentPattern.png) top left repeat; }
    div.dark_square .currentTextHolder { color: #c4c4c4; }
    div.dark_square  p.pp_description { color: #fff; }
    div.dark_square .pp_loaderIcon { background: url(../images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat; } /* Loader icon */
    
    div.dark_square .pp_content a.pp_expand { background: url(../images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
    div.dark_square .pp_content a.pp_expand:hover { background: url(../images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
    div.dark_square .pp_content a.pp_contract { background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
    div.dark_square .pp_content a.pp_contract:hover { background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
    div.dark_square .pp_content a.pp_close { width: 75px; height: 22px; background: url(../images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */
    
    div.dark_square .pp_content .pp_details .pp_nav a.pp_arrow_previous { background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
        div.dark_square .pp_content .pp_details .pp_nav a.pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
    div.dark_square .pp_content .pp_details .pp_nav a.pp_arrow_next { background: url(../images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */
        div.dark_square .pp_content .pp_details .pp_nav a.pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }
    
    div.dark_square .pp_content a.pp_next:hover { background: url(../images/prettyPhoto/dark_square/btnNext.png) center right  no-repeat; cursor: pointer; } /* Next button */
    div.dark_square .pp_content a.pp_previous:hover { background: url(../images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */


    /* ----------------------------------
        Light Square Theme
    ----------------------------------- */
    
    div.light_square .pp_top .pp_left ,
    div.light_square .pp_top .pp_middle,
    div.light_square .pp_top .pp_right,
    div.light_square .pp_bottom .pp_left,
    div.light_square .pp_bottom .pp_middle,
    div.light_square .pp_bottom .pp_right,
    div.light_square .pp_content { background: #fff; }
    
    div.light_square .pp_content a.pp_expand { background: url(../images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
    div.light_square .pp_content a.pp_expand:hover { background: url(../images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
    div.light_square .pp_content a.pp_contract { background: url(../images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
    div.light_square .pp_content a.pp_contract:hover { background: url(../images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
    div.light_square .pp_content a.pp_close { width: 75px; height: 22px; background: url(../images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */
    
    div.light_square .pp_content .pp_details .pp_nav a.pp_arrow_previous { background: url(../images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
        div.light_square .pp_content .pp_details .pp_nav a.pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
    div.light_square .pp_content .pp_details .pp_nav a.pp_arrow_next { background: url(../images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */
        div.light_square .pp_content .pp_details .pp_nav a.pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }
    
    div.light_square .pp_content a.pp_next:hover { background: url(../images/prettyPhoto/light_square/btnNext.png) center right  no-repeat; cursor: pointer; } /* Next button */
    div.light_square .pp_content a.pp_previous:hover { background: url(../images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */


/* ------------------------------------------------------------------------
    DO NOT CHANGE
------------------------------------------------------------------------- */

    div.pp_pic_holder a:focus { outline:none; }

    div.pp_overlay {
        background: #000;
        position: absolute; top: 0; left: 0;
        z-index: 9500;
        width: 100%;
    }
    
    div.pp_pic_holder {
        position: absolute; z-index: 10000;
        width: 100px;
    }
        
        div.pp_pic_holder .pp_top {
            position: relative;
            height: 20px;
        }
            * html div.pp_pic_holder .pp_top { padding: 0 20px; }
        
            div.pp_pic_holder .pp_top .pp_left {
                position: absolute;
                left: 0;
                width: 20px; height: 20px;
            }
            div.pp_pic_holder .pp_top .pp_middle {
                position: absolute;
                left: 20px; right: 20px;
                height: 20px;
            }
                * html div.pp_pic_holder .pp_top .pp_middle { position: static; left: 0; }
            
            div.pp_pic_holder .pp_top .pp_right {
                position: absolute;
                top: 0; left: auto; right: 0;
                width: 20px; height: 20px;
            }
        
        div.pp_pic_holder .pp_content {
            position: relative;
            text-align: left;
            width: 100%; height: 40px;
        }
        
            div.pp_pic_holder .pp_content .pp_details {
                display: none;
                margin: 10px 15px 2px 20px;
            }
                div.pp_pic_holder .pp_content .pp_details p.pp_description { display: none; float: left; margin: 0; }
                
                div.pp_pic_holder .pp_content .pp_details .pp_nav {
                    float: left;
                    margin: 3px 0 0 0;
                }
                
                    div.pp_pic_holder .pp_content .pp_details .pp_nav p { float: left; margin: 2px 4px; }
                
                    div.pp_pic_holder .pp_content .pp_details .pp_nav a.pp_arrow_previous,
                    div.pp_pic_holder .pp_content .pp_details .pp_nav a.pp_arrow_next {
                        float: left;
                        display: block;
                        width: 14px; height: 15px;
                        overflow: hidden;
                        text-indent: -10000px;
                        margin-top: 3px;
                    }
        
        div.pp_pic_holder .pp_content div.pp_hoverContainer {
            position: absolute; z-index: 2000;
            top: 0; left: 0;
            width: 100%;
        }
        
        div.pp_pic_holder .pp_content a.pp_next {
            display: block; float: right;
            text-indent: -10000px;
            width: 49%; height: 100%;
            background: url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
        }
            
        div.pp_pic_holder .pp_content a.pp_previous {
            display: block; float: left;
            text-indent: -10000px;
            width: 49%; height: 100%;
            background: url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
        }
        
        div.pp_pic_holder .pp_content a.pp_expand,
        div.pp_pic_holder .pp_content a.pp_contract {
            position: absolute; z-index: 20000;
            top: 10px; right: 30px;
            cursor: pointer;
            display: none;
            text-indent: -10000px;
            width: 20px; height: 20px;    
        }
            
        div.pp_pic_holder .pp_content a.pp_close {
            float: right;
            display: block;
            text-indent: -10000px;
        }
        
        div.pp_pic_holder .pp_bottom {
            position: relative;
            height: 20px;
        }
            * html div.pp_pic_holder .pp_bottom { padding: 0 20px; }
            
            div.pp_pic_holder .pp_bottom .pp_left {
                position: absolute;
                left: 0;
                width: 20px; height: 20px;
            }
            div.pp_pic_holder .pp_bottom .pp_middle {
                position: absolute;
                left: 20px; right: 20px;
                height: 20px;
            }
                * html div.pp_pic_holder .pp_bottom .pp_middle { position: static; left: 0; }
                
            div.pp_pic_holder .pp_bottom .pp_right {
                position: absolute;
                top: 0; left: auto; right: 0;
                width: 20px; height: 20px;
            }
        
        div.pp_pic_holder .pp_loaderIcon {
            display: none;
            position: absolute;
            top: 50%; left: 50%;
            margin: -12px 0 0 -12px;
            width: 24px; height: 24px;
        }
        
        div.pp_pic_holder #pp_full_res { display: block; margin: 0 auto; width: 100%; text-align: center; }
        div.pp_pic_holder #pp_full_res object,
        div.pp_pic_holder #pp_full_res embed { visibility: hidden; }
    
        div.ppt {
            display: none;
            position: absolute;
            top: 0; left: 0;
            z-index: 9999;
            color: #fff;
            font-size: 17px;
        }


 /* ----------------------------------
        masonry
    ----------------------------------- */

.item {
  width: 400px;
margin-right:55px;
    

  float: left;
}

.item h1 {
  margin-top:10px;
  font-size:1.8em;}

.item a {
text-decoration: none;
margin-bottom:20px;}

.item img {
  padding-top:0px;
  padding-right:0px;}

.item iframe {
  padding-top:0px;
  padding-right:0px;
margin:0 0 0 0;}

.item span {color:color:#4991c5;
text-decoration:none;
display:inline;}

#video_filler {
  height:225px;
  background-image:url('/vidplaceholder.jpg');

}

#menu_wrapper_new{
 background:#000000;
}
#menu_new {
  height:26px;
  font-size:12px;
  background:#000000;
}
 
#menu_new ul{
list-style-type:none;
}

#menu_new li{
display:inline;
}

#menu_new a{
  float:left;
  width:80px;
  text-decoration:none;
  color:white;
  font-weight:bold;
  background:#000000;
  padding-top:5px;
  padding-bottom:3px;
  padding-right:0px;
  padding-left:10px;

}
#menu_new a:hover{
background:#394457;
}
  
  
  
  


#menu-icons_new {
  height:25px;
  font-size:12px;
  background:#000000;
 
}
#menu-icons_new ul{
  list-style-type:none;
}
#menu-icons_new li{
  display:inline;

}
#menu-icons_new a{
  width:16px;
  text-decoration:none;
  color:white;
  font-weight:bold;
  background:#000000;
  padding-top:5px;
  padding-bottom:0px;
  padding-right:10px;
  padding-left:0px;

}

#top_bar {
  height:25px;
  background:#000000;
  font-size: 8px;
 
}

#banner{
  width:950px;
  height:200px;
  background-image:url('/5.jpg');
  
}

#header_new{
  height:200px;
 
  background-color:#000;
  
}