/*screen.css CSS file*/
body {
  background:#e0e0e0 url(../images/bg.gif) top center repeat-x;
  margin:0px; 
  padding: 0px;
  text-align:center; /*center hack*/
}
#wrap {
  margin:0px; 
  padding: 0px;
  width: auto !important; /*IE6 hack*/
  width:1022px; /*IE6 hack*/
  margin:0 auto; /*center hack*/
  text-align:left; /*center hack*/
    background: url(../images/wrapbg.png) top center repeat-y;
	height:100%; /* otherwise have to be careful about all elements having height */
}
* {
  margin:0;
 padding:0;
}

 /*IF we wanted a 100% span*/
#content_top {
width: 100%; 
	height:118px;
	margin:0;
	padding:0;
	text-align:center;
	 margin-left:auto;
margin-right:auto;
	margin-top:0px; 
/* background: rgba(255, 255, 255, 0.25); */
} 

/* no longer doing overlay:: for Internet Explorer */
/*\*/
/*
* html #content_top{
background-color:white;
filter:alpha(opacity=25);
margin-left:1px;
}
*/
/**/


 /* header 
 *
 *
 */
#header {
 border: 0px solid blue; 
  width: 980px; 
	height:118px;
	margin:0;
	padding:0;
	text-align:center;
	 margin-left:auto;
margin-right:auto;
	margin-top:0px; 

} 
 /* logo */
#identity {
float: left;
width: 220px;
}
 /* header  right*/
#top_text {
float: left;
height: 118px;
width:720px;
}
.addthis_toolbox {
float:right;
margin-top:30px;
}
.addthis_toolbox a{ color: #b7b7b7; font-family:arial; font-size:.85em; }

 /* small top navigation 
 *
 *
 */
ul.menutop {
float:right;
margin-top:30px;

}
ul.menutop li { list-style:none; float:right; padding-right:5px; padding-left:5px;}
 ul.menutop li + li { border-right: 1px solid #b7b7b7;  }
ul.menutop li a{
color: #b7b7b7; font-family:arial; font-size:.85em;
}

 /*Layout
 *
 *
 */
 
#content_main {
width: 980px; 
	margin:0;
	padding:0;
	text-align:center;
	 margin-left:auto;
margin-right:auto;
} 

#content {
margin-top: 0px;
 border: 0px solid blue; 
width: 980px;
float:left;
text-align:center;
}
.contentinside {
 /*border: 1px solid blue; */
margin-left: 37px;
width:903px;

}


  /* Footer
 *
 *
 */
 #footer  {
 width: 980px; 
   padding-top:40px;
   text-align: center;
   position:relative;
   z-index:100;
   margin:0 auto; /*center hack*/
   clear:both;
 }
 
 #footer .inside {
margin-top: 0px;
 border: 0px solid blue; 
width: 980px;
text-align:left;
 }
#below {
 clear:both;
 vertical-align:center;
 height:150px;
 width:980px;
 text-align:center;
 }
  /* bottom menu
 *
 *
 */
 .copyright {
 margin-left:30px;
 margin-top:30px;
 width: auto;
 height:50px;
     color:#9c9c9c;
     font-size: .7em;
     font-family: "Arial", verdana;
      list-style-type: none;
     /* float:right; */
 }
 #thankyou {  width: 575px; 
 text-align: left;
 font-family:arial;
 font-size:14px;
 color: #898787;
 margin-left:330px;
 margin-top:20px;
 }
 .copyright ul { margin-right: 30px; }
.copyright li {
      list-style-type: none;
      float:right;   
	  border-left : 1px solid #9c9c9c;
	  padding-left:5px;
	  padding-right:5px;
 }
/*
 .copyright li+li {
     border-left : 1px solid #c9c8c8;
 } */
 .copyright a {
       color:#9c9c9c;
 }

 /* MainMenu
 *
 *
 */
.moduletablemenu {
width: 840px;
float:right;
}

ul.menu {

position:relative;

width:840px;
 /*border:1px solid red;  */
}
ul.menu li.parent, ul.menu li.item29, ul.menu li.item27{
margin:0px;
background-color:#ffffff;
color: #898787;
text-align: left;
  font-weight: bold;
 font-family: "Arial", verdana;
  font-size: .80em;
  margin-right:10px;
  margin-left:10px;
  color: #ffffff;
  color:#000;
list-style:square outside;

/*
 list-style-type: none;
  background-image:url('../images/square.gif');
background-repeat:no-repeat;
background-position: left center;  
position:relative;
*/
}

ul.menu li a {
padding-top: 10px;
padding-bottom: 10px;
padding-left:20px;
padding-right:20px;
 display:block;
 color: #898787;
 text-decoration: none;
}
/* this makes the current element red */

ul.menu li#current {
background-color: #a8a7a7;
color:#000;
}


/* this makes the current element red */
ul.menu li#current  a {
/*background-color: #fff;*/
color:#fff;
}
/* this makes bottom grey on roll over but looks funny 
li#current  a:hover {
  color: #fff;
  background-color:#a8a7a7;
}
*/

ul.menu li ul {  position: absolute; width:100%; margin-right: -25px;}

ul.menu  li:hover ul, ul.menu li a:hover ul {visibility:visible; bottom:32px; left:0;}

ul.menu li ul li  { 
  background-color:#a8a7a7;
  padding:-5px;
/*
  margin-left:5px;
*/
}
ul.menu li ul li a { 
  text-align:center;
  padding:6px 0px 0px 0px;
  display:block;
  height:25px;
  color: #555555;
  font-family:arial;
  font-size:1.0em;
  font-weight:normal;
  text-decoration: none;
  background-image: none;
  border-bottom:	1px dotted #fff;
}
/* make drop ups current grey again */
/*makes it stay grey: */
ul.menu li:hover a {
background-color:#a8a7a7;
color:#ffffff;
}

ul.menu li#current ul li  a { 
  color: #555555;
  background-color:#a8a7a7;
padding-top:6px;
  }
ul.menu li#current ul li  a.active { 
  color: #fff;
  background-color:#a8a7a7;
}
ul.menu li:hover ul li  a { 
  color: #555555;
  background-color:#a8a7a7;
}

ul.menu li a span { width:100%;   display:block; padding-top:3px;
}
ul.menu li ul li a:hover { 
 color: #fff; }
ul.menu li#current ul li a:hover { 
 color: #fff; }
 /*gallerylink
 *
 *
 */
#gallerylink{
display:block;
float:left;
width: 100px;
margin-left:49px;
margin-top:3px;
 text-align:center;
 height:32px;
 width:75px;
 background-color:#d40025;
 /*padding-top:12px;*/
}
#gallerylink a{
margin-top:8px;
height:24px;
display:block;
background-color:#d40025;
color:#fff;
font-family:arial;
font-size:.9em;
font-weight:bold;
}
a#close {display:none; cursor:pointer;}
a#open {cursor:pointer; }

#gallery { clear:both; display:none; height: 500px; background-color:#000; width:980px; padding-top:15px; }       
#gallery a { color:#8a8989; }   
#sspgallery { width:570px; margin-top:15px; margin-left:45px;  float:left;}
#contactinfo { float:right; width: 340px; text-align:left; font-family:arial; color:#8a8989; margin-top:14px;}
#contactinfo img {float:right; }
.contactus  { color: #d40025; font-size:14px; font-family:arial; font-weight:bold;}
.phone { 	font-family: "HelveticaNeue-UltraLight", "HelveticaNeue-Light", "Helvetica Neue", Helvetica, Arial, _sans; margin-top:12px; margin-bottom:12px; font-size:25px; }
address {font-style:normal; font-size:13px; width:300px;}
.copyright2 { font-size:10px; clear:both; color:#565656; font-family:arial; margin-left:50px; margin-top:35px; height:40px;}
  #blackbar { padding:0; clear:both; width: 980px;   margin:0 auto; height: 40px; background-color: #000; text-align:center; }
  #blackbar img { float:left; margin-left:49px; }
#newsticker {   float:right; width: 700px;  margin-right:100px;}
#newsticker div { width: 300px; height: 20px; padding: 10px; color: #cecece; text-align: center; font-size: 13px; overflow: hidden; font-family:arial;}
#newsticker a { color: #cecece; font-size: 13px;  font-family:arial;}

/*contact form 
/
/
*/
.chronoform {
display:none;
}
#ChronoContact_contactus {
width: 572px; 
 text-align: left;
 font-family:arial;
 font-size:11px;
 color: #898787;
 margin-left:330px;
 height: 310px;
}
.formrow { height: 25px; }
input.text   {
float:right;
width:150px;
margin-right:30px;
}
label.join { 
  width: 150px; }
.instructions { margin-top: 6px; margin-bottom: 9px; font-weight:bold; width:572px; height:30px;}
.leftform {
width: 300px;
float:left;
}
textarea { width:270px; margin-top:10px; margin-bottom:10px; height:90px;}
.rightform {
width: 270px;
float:left;
}
input.button   { float:right; }














 
h1 {
	font-family: "HelveticaNeue-UltraLight", "HelveticaNeue-Light", "Helvetica Neue", Helvetica, Arial, _sans;
	font-weight: 100;
	font-size:20pt;
	margin-top:-20px;
	margin-bottom:10px;
	color:#000;
	/*line-height:1em;
float:left;*/
}

.arrow {
/* border: 1px solid white; */
float:left;
height:20px;
padding-top:8px;
padding-left:4px;
} 
.moduletable_icons {
    margin-top: 10px;
}
.iconrow img {
    padding: 0px;
}
a { text-decoration:none; color: #d40025; }
p {margin-top:10px; }
 .article { width: 275px; 
 text-align: left;
 font-family:arial;
 font-size:12px;
 color: #898787;
 /*height:32px!important;*/
 margin-left:320px;
 } 
  .xmap{ width: 275px; 
 text-align: left;
 font-family:arial;
 font-size:12px;
 color: #898787;
 margin-left:630px;
 } 

  .blog{ 
  /*
 text-align: left;
 font-family:arial;
 font-size:12px;
 color: #898787;
 margin-left:620px;
 

 */
 width: 300px; 
 overflow:scroll;
  height:308px;
 } 
 .blog h1 { margin-top: 0px; }
  .blog h1.title {
 font-family: "HelveticaNeue-UltraLight", "HelveticaNeue-Light", "Helvetica Neue", Helvetica, Arial, _sans;
 margin-top:15px;
	font-weight: 200;
	font-size:12pt;
 }
 
 .jScrollPaneContainer {
 /*stuff from blog */

 text-align: left;
 font-family:arial;
 font-size:12px;
 color: #898787;
 margin-left:610px;

 
overflow:hidden; /*gets rid of scrollbar */
position:relative;
z-index:99;
}
.jScrollPaneTrack {
background: url(../images/scroll.png) repeat-y;
cursor:pointer;
height:100%;
position:absolute;
right:0;
top:0;
}
.jScrollPaneDrag {
background: url(../images/drag.png) no-repeat;
cursor:pointer;
overflow:hidden;
position:absolute;
}
.jScrollPaneDragTop {
left:0;
overflow:hidden;
position:absolute;
top:0;
}
.jScrollPaneDragBottom {
bottom:0;
left:0;
overflow:hidden;
position:absolute;
}
a.jScrollArrowUp {
display:block;
height:9px;
overflow:hidden;
position:absolute;
right:0;
text-indent:-2000px;
top:0;
z-index:1;
}
a.jScrollArrowUp:hover {
}
a.jScrollArrowDown {
bottom:0;
display:block;
height:6px;
overflow:hidden;
position:absolute;
right:0;
text-indent:-2000px;/* removes scroll down text*/
z-index:1;
}
a.jScrollArrowDown:hover {
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
}
a.jScrollArrowUp {
	background: url(../images/scroll_up.png) no-repeat;
}
a.jScrollArrowDown {
	background: url(../images/scroll_down.png) no-repeat;
}