body { font: 1em "arial", verdana, sans-serif; font-size: 100%; background-color: #f7f7f7; overflow-x: hidden; }
label { display: block; } 
img { border-style: none; }
a { color: #f7f7f7; }
* { margin:0; padding:0; border:0; }

h3 { font-size: 36px; color: #33cc66; padding-bottom: 15px; }
h2 { padding-bottom: 15px; padding-top: 20px; }
p { padding-bottom: 10px; }

.hooray { margin: 0px auto 10px auto; padding-right: 15px; width: 900px; text-align: left; color: #868686; height: 36px; font-size: 14px; font-family: Arial; background-color: #f7f7f7; text-decoration: none; }
.hooray a { color: #33cc66; }

.hooray_text { color: #575757; line-height: 1.5em;}

ul { list-style-position: outside; }

#twitter_update_list li { margin-bottom: 30px; font-size: 10px; list-style-type: none; list-style-position: outside; color: #aaa; }
#twitter_update_list li a { display: block; text-align: left; color: #FFF; text-decoration: none; font-size:12px; margin: 3px 0 0 0; padding: 1px; }
#twitter_update_list span { color: #aaa; font-size:12px; }
#twitter_update_list span a { display: inline; color: #f25845; font-size:12px; }
#twitter_update_list li span { color: #aaa; font-size:12px; }
#twitter_update_list li span a { display: inline; color: #f25845; font-size:12px; }


#loader { position: absolute; top: 10px; right: 10px; width: 24px; height: 24px; z-index: 99999; }

/* Logo */
#logo { margin-top: 30px;
		text-align: center; }

#triangles_left { position: absolute; margin-left: 50px; width: 10px; height: 397px; z-index: 99999; background: url('images/triangles_left.png') no-repeat; }
#triangles_right { position: absolute; margin-left: 940px; width: 10px; height: 397px; z-index: 99999; background: url('images/triangles_right.png') no-repeat; }

.coda-slider-wrapper { margin: 18px auto; width: 1020px; }
.coda-slider { margin-bottom: 4px; }
.title { display: none;}

#secondary { color: #fff; padding: 20px 35px; }
#secondary a { text-decoration: none; color: #fff; }
#secondary a:hover { color: #f25845; }
#secondarycontact { width: 320px; height: 100px; }
#secondaryimg { width: 48px; height: 51px; margin: 20px 15px 20px 0px; position: relative; float: left;}
#secondarytwit { position: relative; float: left; padding-top: 32px; }
#pageslide-slide-wrap { background-color: #000; background: url('images/new_triangle_bg.png') repeat-y top left; }
#pageslide-content h2 { color: #f25845; }
#pageslide-content a { font-size:12px; padding:20px; }

.pageslide-close { padding:10px !important; text-decoration: none; position: relative; float: left; }
#ps-close { position: absolute; top: 33px; left: 320px; width: 16px; height: 16px; z-index: 9999999; }

#content { margin: auto !important; padding:10px; background-color:#f7f7f7; width:1000px; text-align:center; margin-bottom:12px !important; }

a { outline: none; }
        
/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
.coda-slider-no-js .coda-slider { height: 252px; overflow: auto !important; }
        
/* Change the width of the entire slider (without dynamic arrows) */
.coda-slider, .coda-slider .panel { width: 900px; }
        
/* Tab nav */
.coda-nav ul li a.current { background: url('images/nav-on.png') no-repeat center; }
        
/* Panel padding */
.coda-slider .panel-wrapper {}
        
/* Preloader */
.coda-slider p.loading { padding: 20px; text-align: center }

/* Don't change anything below here unless you know what you're doing */

/* Tabbed nav */
.coda-nav ul { clear: both; display: block; overflow: hidden; width: 970px; padding: 0; margin: 0px auto; margin-bottom: 23px;}
.coda-nav ul li { display: inline-block; margin: 0; padding: 0; text-align: center;}
* html .coda-nav ul li { display: inline; text-align: center; }  /* for IE 6 */
* + html .coda-nav ul li { display: inline; text-align: center; }  /* for IE 7 */
.coda-nav ul li a { display: block; float: left; height: 12px; width: 12px; }
        
/* Miscellaneous */
.coda-slider-wrapper { clear: both; overflow: auto }
.coda-slider { float: left; overflow: hidden; position: relative }
.coda-slider .panel { display: block; float: left }
.coda-slider .panel-container { position: relative }
.coda-nav-left, .coda-nav-right { float: left }
.coda-nav-left a { display: block; width: 40px; text-align: center; padding-top: 385px; text-decoration: none; background: url('images/left.png') no-repeat center; }
.coda-nav-right a { display: block; width: 40px; text-align: center; padding-top: 385px; text-decoration: none; background: url('images/right.png') no-repeat center; }


.coda-slider-wrapper a {
  margin: 5px;
  text-decoration: none;
  color: #CCC;
}

.coda-slider-wrapper a:hover {
  color: #666;
}

.coda-slider-wrapper a.current {
  color: #000;
}

#tiptip_holder {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99999;
}

#tiptip_holder.tip_top {
	padding-bottom: 5px;
}

#tiptip_holder.tip_bottom {
	padding-top: 5px;
}

#tiptip_holder.tip_right {
	padding-left: 5px;
}

#tiptip_holder.tip_left {
	padding-right: 5px;
}

#tiptip_content {
	font-size: 10px;
	color: #fff;
	padding: 4px 8px;
	background: #111;
	background-color: #111;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

#tiptip_arrow, #tiptip_arrow_inner {
	position: absolute;
	border-color: transparent;
	border-style: solid;
	border-width: 3px;
	height: 0;
	width: 0;
}

#tiptip_holder.tip_top #tiptip_arrow {
	border-top-color: #fff;
	border-top-color: transparent;
}

#tiptip_holder.tip_bottom #tiptip_arrow {
	border-bottom-color: #fff;
	border-bottom-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_right #tiptip_arrow {
	border-right-color: #fff;
	border-right-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_left #tiptip_arrow {
	border-left-color: #fff;
	border-left-color: transparent;
}

#tiptip_holder.tip_top #tiptip_arrow_inner {
	margin-top: -3px;
	margin-left: 0px;
	border-top-color: #111;
	border-top-color: #111;
}

#tiptip_holder.tip_bottom #tiptip_arrow_inner {
	margin-top: -5px;
	margin-left: -6px;
	border-bottom-color: rgb(25,25,25);
	border-bottom-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_right #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -5px;
	border-right-color: rgb(25,25,25);
	border-right-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_left #tiptip_arrow_inner {
	margin-top: 1px;
	margin-left: -3px;
	border-left-color: #111;
	border-left-color: #111;
}

/* Styles for the entire LavaLamp menu */
        
.lavaLamp {
            position: relative;
            text-align: center;
            height: 29px;
            width: 360px;
            padding-top: 15px;
            margin: 20px auto 0px auto;
            overflow: hidden;
            border: none;
        }
                .lavaLamp li {
                    float: left;
                    list-style: none;
                }
                    .lavaLamp li.back {
                        border-bottom: 1px solid;
                        border-bottom-color: #33cc66;
                        width: 9px;
                        height: 30px;
                        z-index: 8;
                        position: absolute;
                    }
                    .lavaLamp li a {
                        font: bold 12px arial;
                        text-decoration: none;
                        color: #000;
                        outline: none;
                        text-align: center;
                        top: 7px;
                        letter-spacing: 0;
                        z-index: 10;
                        display: block;
                        float: left;
                        height: 30px;
                        position: relative;
                        overflow: hidden;
                        margin: auto 0px;
                    }   
                        .lavaLamp li a:hover, .lavaLamp li a:active, .lavaLamp li a:visited {
                            border: none;
                        }                     

/* Webkit Hacks  */
@media screen and (-webkit-min-device-pixel-ratio:0) {	
	#tiptip_content {
		padding: 4px 8px 5px 8px;
		background-color: #111;
	}
	#tiptip_holder.tip_bottom #tiptip_arrow_inner { 
		border-bottom-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_top #tiptip_arrow_inner { 
		border-top-color: rgba(20,20,20,0.92);
	}
}