@charset "UTF-8";
body {
	margin: 20px 0 20px 0;
	padding: 0;
	text-align: center;
	color: #48544C;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 13px;
	background-color: #EEE;
}
.satisnet #container {
	width: 980px;  

	margin: 0 auto; 
	text-align: left; 
}

/* //////// HEADER \\\\\\\\ */

.satisnet #header {
	background-image: url(images/mainboxmid.jpg);
	background-repeat: repeat-y;
	padding: 0 10px 0 20px;
	height: 100px;
}
.satisnet #header h2 {
	font-size: 18px;
	margin-top: 10px;
	margin-bottom: 10px;
}


/* //////// NAV BAR \\\\\\\\ */

.satisnet #navbar {
	font-size: 11px;
	width: 980px;
	height: 40px;
	background-image: url(images/navbar.jpg);
	background-repeat: no-repeat;
} 
.satisnet #navbar ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.satisnet #navbar ul a {
	color: #FFF;
	display: block;
	cursor: pointer;
	text-decoration: none;
	height: 27px;
	padding: 13px 2px 0 2px;
	text-align: center;
	vertical-align: middle;
	border-left: 1px solid #999;
	border-right: 1px solid #000;
	text-shadow: 1px 1px 1px #OOO;
}
.satisnet #navbar ul a:hover {
	color: #CCC;
	text-shadow: 1px 1px 1px #000;
}
.satisnet #navbar ul li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	position: relative;
	text-align: left;
	cursor: pointer;
	width: 116px;
	float: left;
	
}


/* //////// TITLE BAR \\\\\\\\ */

.satisnet #titlebar {
	font-size: 16px;
	width: 980px;
	height: 40px;
	background-image: url(images/navbar_over.jpg);
	background-repeat: no-repeat;
} 
.satisnet #titlebar ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.satisnet #titlebar ul a {
	color: #FFF;
	display: block;
	cursor: pointer;
	text-decoration: none;
	height: 30px;
	padding: 10px 2px 0 20px;
	vertical-align: middle;
	border-left: 1px solid #666;
	text-shadow: 1px 1px 1px #000000;
}
.satisnet #titlebar ul a:hover {
	color: #FFF;
	text-shadow: 1px 1px 1px #000000;
}
.satisnet #titlebar ul li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	position: relative;
	text-align: left;
	cursor: pointer;
	float: left;
	
}


/* //////// SIDEBARS \\\\\\\\ */




.satisnet #sidebar180 {
	float: right;
	width: 180px;
	padding: 10px 20px;
	margin: 0px 0px 20px 20px;
	border: 1px solid #CCC;
	border-radius: 7px;

}
.satisnet #sidebar180 a {
	color: #5A8431;
	text-decoration: none;
}

.satisnet #sidebar180 a:hover {
	text-decoration: underline;
}
.satisnet #sidebar180 h2 {
	font-size: 16px;
	color: #446724;
}
.satisnet #sidebar180 h3 {
	font-size: 14px;
}




.satisnet #sidebar180_home {
	float: right;
	width: 180px;
	height: 533px;
	padding: 0px 20px;
	margin-top: 10px;
	border: 1px solid #CCC;
	background-color: #F9F9F8;
	border-radius: 7px;
}
.satisnet #sidebar180_home a {
	color: #5A8431;
	text-decoration: none;
}

.satisnet #sidebar180_home a:hover {
	text-decoration: underline;
}



.satisnet #sidebar180_green {

	width: 200px;
	padding: 3px 10px 0px 10px;
	margin: 0px 20px 20px 0px;
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-left: 1px solid #CCC;
	background-color: #F9F9F8;
	background-image: url(images/navbar_green.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	border-radius: 7px;
}
.satisnet #sidebar180_green h2 {
	color: #FFF  !important;
	font-size: 16px  !important;
	margin-top: 10px;
}
.satisnet #sidebar180_green a {
	color: #5A8431;
	text-decoration: none;
}

.satisnet #sidebar180_green a:hover {
	text-decoration: underline;
}





.satisnet #sidebar220_borderless {
	float: right;
	width: 220px;

	margin: 0px 0px 0px 20px;


}


.satisnet #sidebar220 {
	float: right;
	width: 220px;
	padding: 10px 20px;
	margin: 0px 0px 20px 20px;
	border: 1px solid #CCC;
    border-radius: 7px;

}
.satisnet #sidebar220 a {
	color: #5A8431;
	text-decoration: none;
}

.satisnet #sidebar220 a:hover {
	text-decoration: underline;
}
.satisnet #sidebar220 h2 {
	font-size: 16px;
	color: #446724;
}
.satisnet #sidebar220 h3 {
	font-size: 14px;
}


.satisnet #sidebar300 {
	float: right;
	width: 300px;
	padding: 10px 20px;
	margin: 0px 0px 20px 20px;
	border: 1px solid #CCC;
	border-radius: 7px;

}
.satisnet #sidebar300 a {
	color: #5A8431;
	text-decoration: none;
}

.satisnet #sidebar300 a:hover {
	text-decoration: underline;
}
.satisnet #sidebar300 h2 {
	font-size: 16px;
	color: #446724;
}
.satisnet #sidebar300 h3 {
	font-size: 14px;
}
.satisnet #sidebar300 h4 {
	color: #333 !important;
	font-size: 13px;

}
.satisnet #sidebar300 blockquote {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 14px;
}


.satisnet #sidebar300_borderless {
	float: right;
	width: 300px;
	margin: 0px 0px 20px 20px;

}
.satisnet #sidebar300_borderless a {
	color: #5A8431;
	text-decoration: none;
}

.satisnet #sidebar300_borderless a:hover {
	text-decoration: underline;
}
.satisnet #sidebar300_borderless h2 {
	font-size: 16px;
	color: #446724;
}
.satisnet #sidebar300_borderless h3 {
	font-size: 14px;
}



.satisnet #sidebar450 {
	float: right;
	width: 450px;
	padding: 10px 20px;
	margin: 0px 0px 20px 20px;
	border: 1px solid #CCC;
	border-radius: 7px;

}
.satisnet #sidebar450 a {
	color: #5A8431;
	text-decoration: none;
}

.satisnet #sidebar450 a:hover {
	text-decoration: underline;
}
.satisnet #sidebar450 h2 {
	font-size: 16px;
	color: #446724;
}
.satisnet #sidebar450 h3 {
	font-size: 14px;
}
.satisnet #sidebar450 blockquote {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 14px;
}


/* //////// MAIN CONTENT \\\\\\\\ */

.satisnet #mainboxtop {
	background-image: url(images/mainboxtop.jpg);
	height: 10px;
}
.satisnet #mainboxmid {
	width: 620px;
}
.satisnet #mainboxbtm {
	background-image: url(images/mainboxbtm.jpg);
	height: 10px;
	margin-bottom: 10px;
}


.satisnet #outer {
	background-image: url(images/mainboxmid.jpg);
	background-repeat: repeat-y;
}
.satisnet #mainContent {
	padding: 20px 20px 0px 20px;
	background-image: url(images/mainboxmid.jpg);
	background-repeat: repeat-y;

}
.satisnet #mainContent p {
}
.satisnet #mainContent h1 {
	margin-top: 10px;
	font-size: 20px;
}
.satisnet #mainContent h2 {
	font-size: 16px;
	color: #446724;
}
.satisnet #mainContent h3 {
	color: #446724;
	font-size: 14px;
}
.satisnet #mainContent h4 {
	color: #446724;
	font-size: 13px;

}
.satisnet #mainContent a {
	color: #5A8431;
}
.satisnet #mainContent a:hover {
	color: #446724;
	text-decoration: none;
}
.satisnet #mainContentInner {
	padding: 0 20px; 
}
.satisnet #mainContent blockquote {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 14px;
}
.satisnet #box {
	width: 630px;
	min-height: 180px;
	margin-bottom: 20px;
	padding-left: 10px;
	padding-right: 10px;
	border: 1px solid #CCC;
	border-radius: 7px;
}
.satisnet #box2 {
	width: 550px;
	min-height: 180px;
	margin-bottom: 20px;
	padding-left: 10px;
	padding-right: 10px;
	border: 1px solid #CCC;
	border-radius: 7px;
}
.satisnet #box3 { /* Same as Box2 except no min height  */
	width: 550px;
	margin-bottom: 20px;
	padding-left: 10px;
	padding-right: 10px;
	border: 1px solid #CCC;
	border-radius: 7px;
}

/* //////// FOOTER \\\\\\\\ */


.satisnet #footer {
	background-image: url(images/mainboxmid.jpg);
	background-repeat: repeat-y;
	font-size: 12px;
	padding: 0 20px;
	border-top: 1px solid #CCCCCC;
}
.satisnet #footer p {
	margin: 0; 
	padding: 10px 0; 
}
.satisnet #footer a {
	color: #5A8431;
	margin-left: 5px;
	margin-right: 5px;
}
.satisnet #footer a:hover {
	color: #446724;
	text-decoration: none;
}






/* //////// BUTTON 180 \\\\\\\\ */


.satisnet #btn180 {
	font-size: 14px;
	background-image: url(images/btn_180.jpg);
	height: 40px;
	width: 180px;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: center;
}
.satisnet #btn180 p {
	padding: 11px 2px 0 2px;
	text-align: center;
	text-shadow: 1px 1px 1px #000000;
}
.satisnet #btn180 a {
	
	color: #FFF;
	text-decoration: none;
	text-shadow: 1px 1px 1px #000000;
}
.satisnet #btn180 a:hover {
	text-decoration: none;
	color: #CCC;
	text-shadow: 1px 1px 1px #333;
}

/* //////// BUTTON 120 \\\\\\\\ */


.satisnet #btn120 {
	font-size: 13px;
	background-image: url(images/btn_120.jpg);
	height: 30px;
	width: 120px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.satisnet #btn120 p {
	padding: 6px 2px 0 2px;
	text-align: center;
	text-shadow: 1px 1px 1px #000000;
}
.satisnet #btn120 a {
	color: #FFF;
	text-decoration: none;
	text-shadow: 1px 1px 1px #000000;
}
.satisnet #btn120 a:hover {
	text-decoration: none;
	color: #CCC;
	text-shadow: 1px 1px 1px #333;
}

/* //////// BUTTON 220 \\\\\\\\ */


.satisnet #btn220 {
	font-size: 13px;
	background-image: url(images/btn_220.jpg);
	height: 30px;
	width: 220px;
	margin-top: 10px;
	margin-bottom: 30px;
}
.satisnet #btn220 p {
	padding: 6px 2px 0 2px;
	text-align: center;
	text-shadow: 1px 1px 1px #000000;
}
.satisnet #btn220 a {
	
	color: #FFF;
	text-decoration: none;
	text-shadow: 1px 1px 1px #000000;
}
.satisnet #btn220 a:hover {
	text-decoration: none;
	color: #CCC;
	text-shadow: 1px 1px 1px #333;
}

/* //////// ADDITIONAL STYLES \\\\\\\\ */

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 10px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 10px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.blockquotesub {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 13px;
	font-weight: bold;
	font-style: normal;
	margin-top: 0px;
}

.formboxes1 {
	color: #000000;
	background-color: #FFFFFF;
	border: 1px solid #999999;
    border-radius: 3px;
	font-size: 9pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.smalltext {
	font-size: 10px;
}
.code {
	font-family: "Courier New", Courier, monospace;
	font-size: 14px;
	margin-left: 20px;
}
.emph1 {
	font-weight: bold;
	color: #446724;
}


#jFlowSlide{ background:#DBF3FD; font-family: Georgia; }
#myController { font-family: Georgia; padding:2px 0;  width:610px; background:#3AB7FF; }
#myController span.jFlowSelected { background:#43A0D5;margin-right:0px; }

.slide-wrapper { padding: 5px; }
.slide-thumbnail { width:300px; float:left; }
.slide-thumbnail img {max-width:300px; }
.slide-details { width:290px; float:right; margin-left:10px;}
.slide-details h2 { font-size:1.5em; font-style: italic; font-weight:normal; line-height: 1; margin:0; }
.slide-details .description { margin-top:10px; }

.jFlowControl, .jFlowPrev, .jFlowNext { color:#FFF; cursor:pointer; padding-left:5px; padding-right:5px; padding-top:2px; padding-bottom:2px; }
.jFlowControl:hover, .jFlowPrev:hover, .jFlowNext:hover { background: #43A0D5; }