@charset "utf-8";
/* CSS Document */
body{padding:0;margin:0;font:13px Arial,Helvetica,Garuda,sans-serif;*font-size:small;*font:x-small;}
h1,h2,h3,h4,h5,h6,ul,li,em,strong,pre,code{padding:0;margin:0;line-height:1em;font-size:100%;font-weight:normal;font-style: normal;}
table{font-size:inherit;font:100%;}
ul{list-style:none;}
img{border:0;}
p{margin:1em 0;}

body{background:url(../images/bg_home.gif) repeat-x;}
.clear{clear:both;}

#PageWrap{width:1000px;margin:0 auto;text-align:center;}

#Header{}
#Logo a{float:left;margin:17px 0 22px 0;width:259px;height:52px;outline:none;}
#TopNum{float:left;font-size:1.8em;margin:28px 0 0 20px;color:#0066CC;}
#Menu{clear:both;margin:0;padding:0;width:100%;}
#Menu ul{list-style:none;margin:0;padding:0;}
#Menu ul li{float:left;}
#Menu ul li a{display:block;text-decoration:none;color:#333333;font-size:1.3em;font-weight:bold;padding:10px;outline:none;}
#Menu ul li a:hover{color:#006699;}
#Menu ul .SignUpLi{background:url(../images/signupbutton.gif) no-repeat;width:158px;height:33px;float:right;margin:0 0 11px 0;}
#Menu ul .SignUpLi a{color:#FFFFFF;font-size:1.2em;}
#Menu ul .SignUpLi a:hover{color:#FFCC33;}

.Bullets{list-style-image:url(../images/arrow.gif);}

#HeaderHome{clear:both;height:416px;margin:0;}
#HeaderHomeLeft{float:left;width:517px;margin:0 10px 0 0;text-align:left;}
#HeaderHomeLeft h1{font-size:2.5em;color:#FFFF00;margin:40px 0 0 0;font-weight:bold;}
#HeaderHomeLeft h2{font-size:1.7em;color:#CCFFFF;margin:15px 0 0 0;}
#HeaderHomeLeft p{font-size:1.3em;color:#F2F2F2;}
#HeaderHome div .try{float:left;margin-right:20px;display:block;width:160px;height:20px;padding:10px;font-size:1.3em;color:#333;font-weight:bold;background:#F2F2F2;border:1px #999 solid;text-decoration:none;text-align:center;}
#HeaderHome div .try:hover{color:#333;background:#FFD800;border:1px #666666 solid;}
#HeaderHome div .tour{float:left;display:block;width:260px;height:20px;padding:10px;font-size:1.3em;color:#333;font-weight:bold;background:#F2F2F2;border:1px #999 solid;text-decoration:none;text-align:center;}
#HeaderHome div .tour:hover{color:#333;background:#FFD800;border:1px #666666 solid;}
#HeaderHomeSites{width:467px;height:362px;float:right;margin:40px 0 0 0;}
#SliderMenu{background:url(../images/menu2.gif) no-repeat;height:111px;width:1024px;}
#SliderAboveLinks{padding:0;margin:0;padding-top:10px;height:34px;font-size:1.4em;text-align:center;font-weight:bold;color:#0066CC;}
#SliderLinks{padding:0 0 0 74px;}
#SliderLinks a{float:left;outline:none;}

#Content{min-height:750px;text-align:left;}

#Footer{background:url(../images/footer.gif) repeat-x;height:414px;padding:0;}
#FooterWrap{width:1000px;margin:0 auto;text-align:center;}
#FooterMain{padding:5px;height:361px;}
.FooterCol{float:left;margin:20px 20px 0 0;width:300px;text-align:left;}
.FooterCol p{color:#FFFFFF;border-bottom:1px #FFF solid;width:100%;padding-bottom:5px;font-size:1.4em;}
#FooterBottomCol{float:right;width:220px;text-align:center;margin:30px 155px 0 0;}
#FooterBottomCol p{color:#FFFFFF;font-size:1.3em;margin:0;padding:0;}
#FooterBottomCol img{}
.FooterCol ul{list-style-image:url(../images/arrow.gif);margin:0 0 0 20px;}
.FooterCol ul li{padding:0 0 10px 0;}
.FooterCol a{color:#CCCCCC;text-decoration:none;font-size:1.3em;}
.FooterCol a:hover{color:#FFFFFF;}
#FooterBottom{color:#666666;}


.stripViewer .panelContainer .panel ul {text-align: left;margin: 0 15px 0 30px;}
.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */margin: 0 0 20px 0;position: relative;width: 100%;}
/* These 2 lines specify style applied while slider is loading */
.csw {width: 100%; height: 460px;overflow: scroll}
.csw .loading {margin: 200px 0 300px 0; text-align: center}
.stripViewer { /* This is the viewing window */position: relative;overflow: hidden;margin: auto;width: 890px; /* Also specified in  .stripViewer .panelContainer .panel  below */			height:auto;clear: both;}
.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
position: relative;left: 0; top: 0;width: 100%;	list-style-type: none;/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */}
.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */float:left;height: 100%;position: relative;width: 890px; /* Also specified in  .stripViewer  above */}
.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */padding:30px 15px 10px 15px;font-size:1.2em;}
.stripNav { /* This is the div to hold your nav (the UL generated at run time) */margin: auto; display:none; visibility:hidden;}
.stripNav ul { /* The auto-generated set of links */list-style: none;}
.stripNav ul li {float: left;margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */}
.stripNav a { /* The nav links */font-size: 10px;font-weight: bold;text-align: center;line-height: 32px;color: #fff;text-decoration: none;display: block;padding:0;	}
.stripNav li.tab1 a { background: #065;}
.stripNav li.tab2 a { background: #60c; }
.stripNav li.tab3 a { background: #63f; }
.stripNav li.tab4 a { background: #63c; }
.stripNav li.tab5 a { background: #00e; }
		
.stripNav li a:hover {background: #333;}
.stripNav li a.current {background: #000;color: #fff;}
.stripNav li.tab1 a.current {background:#006633;color: #fff;}

.stripNavL, .stripNavR { /* The left and right arrows */position: absolute;top: 230px;text-indent: -9000em;}
.stripNavL a, .stripNavR a {display: block;height: 40px;width: 40px;}
.stripNavL {left: 0;}
		
.stripNavR {right: 0;}
.stripNavL {background: url("../images/arrow-left.gif") no-repeat center;}		
.stripNavR {background: url("../images/arrow-right.gif") no-repeat center;}

.Title{font-size:1.5em;font-weight:bold;color:#000033;}
.Title2{font-size:1.3em;font-weight:bold;color:#0033CC;margin-top:15px;}