/* navBar margin-top -> 8px */

html, body {
height: 100%;
margin:0;
text-align:center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9pt;
color: #000;
background-color: #1a69ab;
background-image:url(/images/bg.jpg);
background-attachment:fixed;
background-repeat:repeat-x;
}

a:link {  color: #165F9C; text-decoration: none}
a:active {  color: #165F9C; text-decoration: none}
a:visited {  color: #165F9C; text-decoration: none}
a:hover {  color: #7DB3DF; text-decoration: underline}

/* layout - Content Padding = Height of Footer */

#wrapper {
min-height: 100%;
width: 100%;
margin: 0 auto;
position: relative;
background:url('/images/main_bg.gif') repeat-y top center;
}
#content {
padding: 0 0 150px;
margin: 0 auto;
width: 940px;
background-color:#FFFFFF;
}

/* header */

#header {
float: left;
width: 940px;
height: 120px;
margin: 0px 0px 0px 0px;
}
#logo {
float:left;
width:auto;
height:auto;
margin: 15px 0px 0px 40px;
display:inline;
}

#snet-header {
  float: right;
  margin: 9px 10px 0px 0px;
  height: 50px
}
#snet-header img {
  vertical-align: middle;
  border:         0px;
}
#snet-header-facebook {
  margin: 0px 0px 0px 15px;
}

/* nav */

#navBar {
float: right;
width: 712px;
height: 38px;
margin: 67px 5px 0px 0px;
display:inline;
}
#nav, #nav ul {
padding: 0;
margin: 0;
list-style: none;
height:38px;
line-height:38px;
background-image:url(/images/nav_bg.jpg);
background-repeat:repeat-x;
}
#nav a {
display: block;
width: auto;
color:#fff;
margin:0px 12px;
padding:0px 10px;
}
#nav a:hover {
text-decoration:none;
background-color:#1564A7;
color:#fff;
}
#nav li {
float: left;
width: auto;
}
#nav li ul {
position: absolute;
width: 156px;
height:auto;
left: -999em;
margin:0px 0px 0px 12px;
padding:0px;
background-image:none;
border-left:1px solid #1564A7;
border-right:1px solid #1564A7;
}
#nav li ul ul {
margin: -28px 0 0 156px;
border-top:1px solid #1564A7;
}

#nav li ul li a{
width:150px;
height:auto;
line-height:normal;
color:#1564A7;
background-color:#fff;
text-align:left;
margin:0px;
padding:6px 0px 6px 6px;
border-bottom:1px solid #1564A7;
}
#nav li:hover ul ul, #nav li.sfhover ul ul {
left: -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {
left: auto;
}


/* main content areas - home page */

#homeFlash {
float: left;
width: 932px;
height: auto;
margin: 0px 4px;
display:inline;
}
#homeFlash img {
border:1px solid #286fb1;
}
#main {
float:left;
width: 940px;
height:auto;
padding:15px 0px 0px 0px;
text-align:left;
background-color:#fff;
}
#homeLeft {
float:left;
width: 305px;
height:auto;
margin: 0px 20px 0px 5px;
display:inline;
}
#homeRight {
float:left;
width: 600px;
height:auto;
display:inline;
}
#homeRight h1{
font-size:160%;
margin-top:0px;
margin-bottom:10px;
padding:0px;
color:#1C69AF;
}

/* survey box */

.surveyBox {
float:left;
width:305px;
height:auto;
background:#357cb9 url('/images/survey_bg2.png');
display:inline;
}
.surveyBox2 {
float:left;
width:305px;
height:auto;
background:url('/images/survey_bg.png') no-repeat top;
display:inline;
}
.SBContent {
float:left;
width:285px;
height:auto;
margin:10px 10px 0px 10px;
color:#fff;
display:inline;
}
.SBContent H1{
font-size:150%;
margin-top:0px;
margin-bottom:10px;
padding:0px;
font-weight:normal;
}
.SBSelect {
float:left;
width:285px;
height:auto;
padding: 5px 0px;
}

/* page layout */
/* column 1 layout */
.col1 {
float:left;
width:200px;
height:auto;
margin: 0px 0px 0px 5px;
display:inline;
}
/* sub nav box */
.subNavBox {
float:left;
width:200px;
height:auto;
background:#337ab7 url('/images/sub_nav_bg2.png');
display:inline;
}
.subNavBox2 {
float:left;
width:200px;
height:auto;
background:url('/images/sub_nav_bg.png') no-repeat top;
display:inline;
}
.SNContent {
float:left;
width:193px;
height:auto;
margin:10px 7px 0px 0px;
color:#fff;
display:inline;
text-transform:capitalize;
}
.SNContent H1{
font-size:120%;
margin-top:0px;
margin-bottom:5px;
padding:0px 0px 0px 7px;
font-weight:bold;
}
.SNCli {
padding: 10px 0px 5px 7px;
font-weight:bold;
font-size:120%;
}
.SNContent ul {
margin: 0;
padding: 0;
list-style: none;
width: 200px; /* Width of Menu Items */
}
.SNContent ul li {
position: relative;
}
.SNContent li ul {
position: absolute;
left: 200px; /* Set 1px less than menu width */
top: 0;
display: none;
}

/* Styles for Menu Items */
.SNContent ul li a, .SNContent ul li a:visited {
display: block;
width:188px;
text-decoration: none;
color: #fff;
padding: 5px 5px 5px 7px;
}
.SNContent ul li a:hover {
display: block;
width:188px;
text-decoration: none;
color: #1564A7;
background-color:#fff;
padding: 5px 5px 5px 7px;
}
.SNContent li:hover ul, .SNContent li.over ul {
display: block;
padding:0px;
background-color:#1564A7;
border:1px solid #1564A7;
}



/* column 2 layout */
.col2 {
float:left;
width:448px;
height:auto;
margin: 0px 15px;
text-align:justify;
display:inline;
}
.col2 h1{
font-size:160%;
margin-top:0px;
margin-bottom:10px;
padding:0px;
color:#1C69AF;
text-transform:capitalize;
}
.col2 h2{
font-size:130%;
margin-top:0px;
margin-bottom:10px;
padding:0px;
color:#000;
}
.col2LinkBox {
float:left;
width:448px;
height:auto;
margin: 20px 0px 0px 0px;
padding: 0px;
font-style:italic;
}
.col2 li {
margin: 0px 0px 5px 0px;
}


/* column 3 layout */

.col3 {
float: right;
width: 250px;
margin-right: 5px;
display: inline;
}

.col3 img {
margin-bottom: 10px;
margin-right: 1px;
}


/* shared */

.pdfDownload {
float:left;
width:230px;
height:85px;
text-align:center;
padding:5px 10px 5px 10px;
margin: 0px 0px 10px 0px;
font-size:140%;
color:#fff;
background-image:url('/images/pdf_download.jpg');
}
.pdfD1 {
float:left;
width:170px;
height:auto;
}
.pdfD2 {
float:left;
width:50px;
height:auto;
font-size:50%;
}
.pdfDownload a{
color:#fff;
}
.pdfDownload img{
border:0px;
margin:0px;
}



/* footer */

#footer {
width: 100%;
height: 150px;
position: absolute;
bottom: 0;
left:0;
text-align: center;
}
#footerContent {
width:930px;
height:auto;
text-align: left;
margin: auto;
color: #1563a8;
background-color:#fff;
}
.footerBar {
float:left;
width:930px;
height:60px;
background-image:url(/images/footer_bg.jpg);
margin: 0px 0px 10px 0px;
}
.FBContent {
float:left;
width:auto;
height:60px;
line-height:60px;
color:#fff;
font-size:175%;
}
.FBPod {
float:left;
width:auto;
height:60px;
padding: 0px 23px;
border-right:1px solid #286192;
}
.FBPodLast {
border-right:0px;
padding-right:0px;
}
.FBContent a, .FBContent a:visited {  color: #fff; text-decoration: none}
.FBContent a:hover {  color: #fff; text-decoration: underline}

.footerNav1 {
float:left;
width:100%;
height:auto;
margin: 0px 0px 10px 0px;
}
.footerNav2 {
float:left;
width:auto;
height:auto;
}
.footerNav1 a, .footerNav1 a:visited {  color: #1563a8; text-decoration: none}
.footerNav1 a:hover {  color: #1563a8; text-decoration: underline}

/* Dajve */
.fr {
  float: left;
  width:  99%;
  margin-bottom:  5px;
}
.head {
  width:  150px;
  float:  left;
  font-size:  1.1em;
}
.finput {
  float:  left;
  width:  400px;
}

.rounded-box {
  border:   3px solid #93BCD2;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  padding:  8px 5px;
  margin-bottom: 10px;
}
.sidebox {
  float:    left;
  width:    234px;
}
.sidebox h3 {
  margin: 0px 0px 5px 0px;
  padding:  0px;
  font-weight: normal;
}

/* Opspoke login */
form#login label {
  float:    left;
  line-height:  1.6em;
  width:    50px;
  color:    #1469A0;
}
form#login input {
  float:    right;
  width:    150px;
}
form#login input.inp-submit {
  float: left;
  width:  auto;
  clear:  both;
}
form#login div.fr {
  float:  left;
  width:  230px;
  margin-bottom:  5px;
}

/* Twitter */
ul#twitter_update_list {
  list-style: none;
  margin: 0px;
  padding:  0px;
}
ul#twitter_update_list li {
  margin-bottom:  5px;
  padding-bottom: 5px;
  border-bottom:  1px solid #EEEEEE;
}
ul#twitter_update_list li span {
  display: inline;
  float: left;
  clear: both;
}

.fleft { float: left; }
.fright { float: right; }
.fnone { float: none; }