@charset "utf-8";
/* CSS Document */

* {margin:0;padding:0;} 

html, body {height: 100%;
	background: url(/images/wripple_background.jpg) center no-repeat fixed;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px}

#wrapper {min-height: 100%;
	margin-left:auto;
	margin-right:auto;
	width:960px;
	background: #fff;
	overflow: auto;}

#header {background-image:url(/images/bstc_header-blue.png);
	width:960px;
	height:150px;}
#tag {background-image:url(/images/sstc_tag-line.png);
	width:960px;
	height:35px;}
#main {width:960px;
	overflow:auto;
	padding-bottom: 55px}   /* must be same height as the footer */
#nav {width:220px;
	float:left;
	padding: 10px;
	font-size: 1.1em;}
#content {width:720px;
	float:right;
	font-size:1.2em;}
#copy {width:700px;
	margin:0 auto;}
#stickybutton {clear:both;
	width:700px;
	margin:0 auto;}

/* Navigator settings */
.nav_group {width: 200px;
	padding: 10px;
	background-image:url(/images/sstc_nav-background.png); }
.nav_links {background-color:#FFF;
	width:180px;
	padding: 10px;}
li.nav {appearance:normal;
	baseline-shift:baseline;
	list-style-position:inside;
	padding-bottom:.3em;
	padding-left: 0;}
ul.nav {padding:10px 0;}

/* Ad settings */
.ad_group {width: 136px;
	padding: 0 0 30px 10px;}
.ad_links {background-color:#FFF;
	border: #245497 3px dashed;
	width:120px;
	padding: 5px;}


h1 {font-size: 1.5em;}
h2 {font-size: 1.4em;}
h3 {font-size: 1.3em;}
h4 {font-size: 1.2em;}
h5 {font-size: 1.1em;}

h1, h2, h3, h4 {margin:0; padding: 20px 0;}
li {appearance:normal;
	baseline-shift:baseline;
	list-style-position:inside;
	padding-bottom:.3em;
	padding-left: 40px;}
hr {
  border:none;
  height: 5px;
  background-image: url('/images/line.png');
  background-repeat: repeat-x;
  background-position: top;
}
ul, ol {padding-bottom: .7em;}
p {padding-bottom: 1em;}
button {padding: 5px 10px;
	border: 2px solid #245497;
	display:block;
	margin: 0 auto;}

.object-left {float:left;}
.object-right {float:right;}

.status {text-align:center;
	color:#245497;}
.errorcode {color:#245497;}

/* login page */
.leftside {float:left;
	width:300px;
	padding: 0 20px 20px 20px;}
.rightside {float:right;
	width:300px;
	padding: 0 20px 20px 20px;}
.box {width: 240px;
	border: #245497 3px dashed;
	padding: 0 20px 20px 20px;
	background-color:#FFF;}
.login_status {padding-bottom: 10px;
	width: 240px;}
.login_status_box {outline: #C00 dotted 1px;
	padding: 5px 10px;
	width: 220px;}
p.status {color: #245497;
	padding: 0 0 4px 0;
	font-size: .9em;
	padding-bottom: 1em;}

/* area page formatting */
.areas {background: url(/images/sstc_faded-hex-background.png) center no-repeat;}
.areas li {padding-bottom:.75em;}

/*  ***Sticky formatting**  */

@media screen{
.sticky {width:525px;
	overflow:hidden;
	font-size:1.1em;}
}
@media print{
.sticky{display: none}
}
.sticky-left {float:left;}
.sticky-right {float:right;}


.sticky_foot li {padding-bottom:.3em;}
hr.sticky {width: 93%;}
.sticky_head {padding: 0 20px;}

.sticky_foot {position:relative;
	background: url(/images/sticky_bottom.jpg) bottom no-repeat;
	padding: 0 20px 30px 20px;}
	
.sticky-ass {background-color: #fcf;}
.sticky-act {background-color: #ff9;}
.sticky-inf {background-color: #9f6;}
.sticky-edp {background-color: #ccf;}
.sticky-tch {background-color: #f99;}
.sticky-cal {background-color: #cff;}

.sticky-pic-right {position:absolute;
	margin-left:515px;
	margin-top:25px;
	z-index: 10;
	width:185px;}
.sticky-pic-left {position:absolute;
	margin-left:-175px;
	margin-top:25px;
	z-index: 10;
	width:185px;}
.sticky_complete{color:green; 
	float:right; 
	font-size:.8em;}
.sticky_not_complete{color:red; 
	float:right; 
	font-size:.8em;}
.stick_page_summary_group {
	padding-top: 5px;}
.stick_page_summary {background-color:#FFF;
	border: #245497 3px dashed;
	width:300px;
	padding: 5px;
	float:right;
	font-size:.8em;}

.spacer {width:700px;
	height:10px;}

#footer {position: relative;
	margin-top: -55px; /* negative value of footer height */
	clear:both;
	background: #FFF url(/images/sstc_footer.png) center bottom no-repeat;
	width:960px;
	height:55px;
	margin-left:auto;
	margin-right:auto;}
	

/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}