/* Sputtr Base Stylesheet */

/* Font sizes: 10px = 0.8333em; 12px = 1.0em; 14px = 1.1666em; 16px = 1.3333em; 18px = 1.5em */

/* Friendly global style resetting */
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { padding: 0; margin: 0 }
table { border-collapse: collapse; border-spacing: 0 }
a, img { border: none}
address, caption, cite, th { font-style: normal; font-weight: normal }
ol, ul { list-style: none }
caption, th { text-align: left }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
em, strong { font-weight: normal; font-style: normal }
abbr { border: none; }
iframe { border: none; overflow: hidden; }

/* Global Styles
==============================================================================================  */

body { background: #FFF; font: 12px Arial, Helvetica, sans-serif; color: #222; cursor: default; }

/* Titles */
h1 { margin-bottom: 10px; font-size: 1.5em; color: #222; }
h1 a.subject { color: #1DB2EF; }
h1 a:hover.subject { border-color: #1DB2EF; color: #1DB2EF; }
h4 {margin-bottom: 5px; margin-top: 10px; font-size: 1.1em; color: #222; font-weight: bold; }

/* Links */
a { font-weight: bold; text-decoration: none }
a:link { color: #1DB2EF }
a:visited { color: #1DB2EF }
a:hover { border-bottom: 1px dotted #7CE; color:#7CE }
a:active { border-color: #8FCAE5; color: #8FCAE5 }

/* Form Styles */
#container #content #introduction_about form input.textclass { padding: 3px; font-size: 1.2em; font-weight: normal; background: #E8F1F5 none repeat scroll 0%; color: #222; border: 1px solid #bbb; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;}
#container #content #introduction_about form input.text-field { padding: 3px; font-size: 1.2em; font-weight: normal; background: #E8F1F5 none repeat scroll 0%; color: #222; border: 1px solid #bbb; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;}
input[type=password] { padding: 3px; font-size: 1.2em; font-weight: normal; background: #E8F1F5 none repeat scroll 0%; color: #222; border: 1px solid #bbb; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;}
textarea { margin-top: 1px; font-weight: normal; background: #E8F1F5 none repeat scroll 0%; color: #222; padding: 3px; border: 1px solid #bbb; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;}

/* General Classes */
.hidden { display: none; }

/* Layout
==============================================================================================  */

html { height: 100%; }
body { height: 100%; background: #fff; }
#sputtr { background: transparent url(../img/stripes.png) top left repeat; }
#container { position: relative; min-width: 950px; min-height: 100%; }
#header { clear: both; float: left; width: 100%; padding: 10px 0; border-top: 1px solid #74A7BF; border-bottom: 1px solid #163652; }
#navigation { clear: both; float: left; width: 100%; padding: 5px 0; border-bottom: 1px solid #CACACA; }
#subnavigation { clear: both; float: left; width: 100%; padding: 5px 0; border-bottom: 1px solid #D6D6D6; }
#content { position: relative; clear: both; width: 100%; margin: 0 auto; padding-top: 0; padding-bottom: 10px; }
#main, #extra { margin-bottom: 40px; }
#main { float: left; width: 100%; margin-bottom: 20px; background: none; }
#main .inner { width: 950px; padding-top: 40px; margin: 0 auto; }
#footer { position: relative; clear: both; width: 100%; padding: 3px 0; border-top: 1px solid #E9E9E9; margin-top: -43px; line-height: 18px; }
* html #container { height: 100%; }
* html #content { height: 1%; padding-bottom: 52px; }

/* Global Sections
==============================================================================================  */

#header { background: #222; }
    #header .inner { width: 950px; margin: 0 auto; }
    #header h1, #header a.logo { float: left; border: none; margin-top: 9px; }
    #header h1 img, #header a.logo img { display: block }
    #header form { float: right; width: 510px; padding-left: 70px; line-height: 1.5em; font-weight: bold; color: #FFF; text-shadow: -0 -1px 0 #046800; }
        #header form div { clear: both; }
        #header form ul { float: left; display: inline; text-align: left; }
        #header form li { display: inline; padding-left: 16px; background: url("../img/ornaments/header-separator.png") no-repeat 6px center; }
        #header form li.first-child { padding: 0; background: none; }
        #header form li a { border: none; margin: 0; color: #75D553; }
        #header form li a.selected { color: #FFF; }
        #header form a { margin-left: 20px; border-color: #FFF; color: #FFF; }
        #header form #search-field label { float: left; margin-left: -70px; }
        #header form #search-field #search { width: 440px; padding: 2px 0 1px 0; }
        #header form .controls { width: 440px; text-align: right; }
        * html #header form { width: 520px;}
  
#navigation { position: relative; background: #E8E8E8 url("../img/navigation.png") repeat-x 0 -2px; font-size: 1.1em; line-height: 1.0;}
    #navigation .inner { width: 950px; margin: 0 auto; }
    #navigation ul#sections { float: left }
    #navigation ul#sections img {margin: 0; padding-right: 2px; padding-left: 1px;}
    #navigation ul#utilities { float: right }
    #navigation ul#utilities img {margin: 0; padding-right: 2px; padding-left: 1px;}
    #navigation li { float: left; padding: 0 10px; border-right: 1px solid #BEC7AF; border-left: 1px solid #FFF; text-shadow: 0 1px 0 #FFF; color: brown; font-weight: bold; }
    #navigation li.current { position: relative; z-index: 100; font-weight: bold; color: #222 }
    #navigation ul .first-child { padding-left: 0; border-left: none }
    #navigation ul .last-child { border-right: none }
    #navigation li a { padding: 1px 0; border-color: #0193CE;  color: #0193CE; }
    #navigation .profile { position: relative; }
    #navigation .photo { position: absolute; top: 1px; left: -22px; border: 1px solid #CCC; border-top: 1px solid #97A48F; }
    #navigation a:hover .photo { border-color: #AAA; border-top-color: #787;}
    * html #navigation li.current span { width: 15px; left: 40%; }
    * html #navigation li.current.first-child span { left: 25%; }
  
#subnavigation { clear: both; float: left; width: 100%; padding: 5px 0; border-bottom: 1px solid #D6D6D6; background: #F1F1F1 url("../img/subnavigation.png") repeat-x 0 0; }
  #subnavigation .inner { width: 950px; margin: 0 auto; }
  #subnavigation ul { float: left; }
  #subnavigation li { float: left; padding: 0 6px 0 10px; background: url("../img/ornaments/subnavigation-separator.png") no-repeat left center }
  #subnavigation li.current { padding: 1px 6px; font-weight: bold; }
  #subnavigation li.first-child { padding-left: 0 }
  #subnavigation a { display: block; padding: 1px 0; }
  #subnavigation a:hover { padding-bottom: 0; }

#introduction { width: 100%; padding: 80px 0 36px 0; background: #fff url("../img/introduction.png") repeat-x 0 0; border-bottom: 1px solid #CACACA; }
#introduction .inner { position: relative; z-index: 1; width: 950px; margin: 0 auto; }
#introduction .inner input[type=text] { font-size: 2.6em; font-family: Arial, Helvetica, sans-serif; background: #fff; color: #75C4E4; font-weight: normal; border: none; padding-left: 10px; padding-right: 3px; padding-left: 5px; padding-top: 0; padding-bottom: 0; }

#introduction_about { width: 100%; padding: 60px 0 36px 0; background: #fff url("../img/introduction.png") repeat-x 0 0; border-bottom: 1px solid #fff; }
#introduction_about .inner { position: relative; z-index: 1; width: 850px; margin: 0 auto; padding-left: 100px;}
#introduction_about img { margin-left: -100px; padding-right: 16px;}
#introduction_about h1 {margin-bottom: 20px;}
#introduction_about p {line-height: 14pt;}
#introduction_about li {background: url(../img/separator.png) center left no-repeat; padding-left: 10px; line-height: 18pt;}
.submitbuttonclass { width: 64px; background: #efefef; border: 1px solid #999; color: #222; font-size: 1.2em; padding:2px; margin: 0; text-align: center; cursor:pointer;}


#footer { width: 100%; min-width: 950px; background: #ebebeb; border-top: 1px solid #CACACA; text-align: center; font-size: 0.9166em; font-weight: bold; }
  #footer ul { margin: 0 0; }
  #footer li { display: inline; padding: 0 6px 0 10px; background: url("../img/separator.png") no-repeat left center; }
  #footer li.first-child { padding-left: 0; background: none; }
  #footer li a { color: #0193CE; border-color: #0193CE; }


#inputbox {
z-index: 3;
position: relative;
top: 0;
left: 14px;
font: Arial, Helvetica, sans-serif;
font-size: 1.3em;
margin-right: 17px;
width: 100%;
height: 70px;
}

#inputbox img{
cursor: pointer;
}

#container #content #introduction form #sbox #inputbox input {
z-index: 4;
vertical-align: top;
position: relative;
top: 12px;
font-family: Arial, Helvetica, sans-serif;
font-size: 2.6em;
padding-left: 5px;
padding-right: 3px;
background: none;
color: #76C5E4;
width: 531px;
border: none;
}

#legend {
z-index: 5;
position:absolute;
top: -29px;
left: 20px;
font-family: Arial, Helvetica, sans-serif;
font-size: 1.7em;
color: #fff;
background: #242424;
padding-top: 2px;
padding-left: 4px;
padding-right: 4px;
padding-bottom: 5px;
}

#tooltip {
z-index: 5;
position: absolute;
width: auto;
height: auto;
font-family: Arial, Helvetica, sans-serif;
font-size: 1.7em;
top: -27px;
left: 130px;
}

#sbox {
position: absolute;
background: url(../img/searchbox.png) top left no-repeat;
width: 670px;
height: 72px;
}

#main .inner .buttonarea {
position: relative;
padding-top: 20px;
padding-bottom: 25px;
width: 950px;
height: auto;
background: none;
margin-bottom: 20px;
cursor: default;
}

#main .inner .buttonarea .button {
float: left;
width: 72px;
height: 89px;
margin-right: 7px;
margin-top: 2px;
}

#main .inner .buttonarea .handle {
float: right;
width: 17px;
height: 17px;
top: 0;
margin-right: 2px;
margin-bottom: 1px;
background: transparent url(../img/icons.png) no-repeat;
background-position: -17px 0px;
visibility: hidden;
cursor: move;
}

#main .inner .buttonarea .close {
float: right;
width: 17px;
height: 17px;
top: 0;
margin-right: 1px;
margin-bottom: 1px;
background: transparent url(../img/icons.png) no-repeat;
background-position: 0px 0px;
visibility: hidden;
cursor: pointer;
}

#main .inner .buttonarea .content {
width: 72px;
height: 72px;
}

#main .inner .buttonarea img {
width: 72px;
height: 72px;
margin: 0;
cursor: pointer;
}

#main .inner .buttonarea a:hover {
border-bottom: none;
}

#adbar {
background: none;
border: none;
margin-bottom: 0;
position: absolute;
right: 5px;
top: -65px;
width: 255px;
height: 125px;
padding: 10px;
padding-top: 15px;
}

#adbar .sponsortext a {
position: absolute;
top: 0;
left: 12px;
width: auto;
height: auto;
color: #ccc;
font-size: 0.9em;
}

#adbar .sponsortext a:hover {

color: #999;
border-bottom-color: #999;
border: none;
}

#addsection {
position: relative;
width: 640px;
background: #FFF url(../img/introduction.png) top left repeat-x;
margin-top: 10px;
border: 1px dashed #FFF;
}

#addsection a {
color: blue;
border-bottom-color: blue;
}

#addsection img{
border: none;
margin-left: 10px;
margin-right: 1px;
}

#addsection .inner2 {
margin: 10px;
width: 100%;
height: 100%:
}

.noselect {
color: #888;
}

.subinner {
width: 65%;
text-align: left;
}

.subinner_j {
width: 65%;
text-align: justify;
}

#popupmsg, #popupmsg2 {
z-index: 999;
position: absolute;
left: 50%;
margin-left: -197px;
margin-top: 57px;
width: 330px;
height: 20px;
text-align: center;
background: #222;
padding: 2px;
padding-top: 4px;
}

#popupmsg p, #popupmsg2 p {
color: #fff;
font-size: 1.2em;
}

#popupmsg a {
}

.mainbanner {
float: right;
width: 468px;
height: 60px;
margin: 0;
margin-right: 15px;
text-align: center;
}

.skyscraper {
float: right;
width: 160px;
height: 600px;
text-align: center;
margin-top: 10px;
}

#checkbox1 {
margin-right: 2px;
margin-left: 30px;
margin-bottom: 4px;
}

#savepagebox {
z-index:101;
float: left;
margin-left: 24px;
margin-top: 13px;
width: auto;
height: auto;
background: none;
color: #fff;
}

#savepagebox img {
border: none;
margin-bottom: 3px;
}

#savepagebox p {
font-size: 0.9em;
}

#google_results iframe {
width: 98%;
padding-left: 1%;
padding-right: 1%;
}

#gbar a {
color: #0000CC;
border-bottom: none;
text-decoration: underline;
padding: 3px;
font: Arial, Helvetica, sans-serif;
font-weight: normal;
}