/* Touch the sky, keep looking */


/*

------------------------------------------------------
Copyright Kemie Guaida, some rights reserved
http://creativecommons.org/licenses/by-sa/2.0/

You are free to use this style sheet and its
associated image files to create your own site.
However, we ask that you respect the template's
creator by maintaining this attribution in
the style sheet.
------------------------------------------------------

*/

/* general styles */


/* Touch the sky, keep looking color: #4D4D4D;  background: #E6E6E6; */

body {
color: #4D4D4D;
font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
font-size: 0.8em;
line-height: 1.8em;
text-align: center;
background: #e2fdff;}

.hidden {
	display: none;
}


a {
color: #4D4D4D;
}

a:hover {
color: #000000;
}

a:visited {
color: #000000;
}

a:visited:hover {
color: #4D4D4D;
}

h1{
font-family: "Arial Narrow",Tahoma, Geneva, Arial, Helvetica, sans-serif;
font-size: 1.6em;
color: #006B95;
margin: 15px 0 15px 0;
padding-left: 15px; 
}

h2 {
font-family: "Arial Narrow",Tahoma, Geneva, Arial, Helvetica, sans-serif;
font-size: 1.3em;
color: #007AAC;
margin: 15px;
}

h3 {
font-family: "Arial Narrow",Tahoma, Geneva, Arial, Helvetica, sans-serif;
font-size: 1.1em;
color: #56A7C1;
margin: 15px;
}

p {
margin: 10px 15px 5px 15px;
color: #4D4D4D
}

/* layout styles */

#container {
width: 960px;
text-align: left;
margin: 10px auto 0 auto;
background: #FFFFFF ;
padding: 0 !important;
line-height: 1.8em;border: 1px #d3d1e8 solid;}

#banner {
height: 88px;
background: #007AAC url(imgs/mainlogo.jpg) no-repeat;}

#banner h1 {
float: left;
color: #FFFFFF;
margin: 40px 0 0 20px;
background: none;
}

/* meta nav */

#nav-meta {
float: right;
margin: 0px 0px 0px 0px;
padding: 2px;
background: ;}

#nav-meta ul {
margin: 0;
padding: 2px;
background: ;
}

#nav-meta li {
display: inline;
padding: 5px;
}

#nav-meta a, #nav-meta a:visited {
color: #FFFFFF;
text-decoration: none;
margin: 4px;
}

#nav-meta a:hover, #nav-meta a:visited:hover {
color: #D1EBF4;
}

.skip {
position: absolute;
overflow: hidden;
width: 0;
height: 0;
}

.skip:active, .skip:focus {
position: absolute;
overflow: visible;
width: auto;
height: auto;
background: #2C91B2;
}

/* main nav */

#nav-main {
margin: 0px 0px 00px 0px;
min-height: 30px;
background: #007AAC no-repeat;
}

#nav-main ul {
height: 100%;
margin: 0;
padding: 0 0 0 10px;
}

#nav-main li {
list-style-type: none;
float: left;
width: auto;
margin: 7px 5px 0 5px;
background: url(imgs/back_navmainitems2.gif) no-repeat top right;
}

#nav-main a:link, #nav-main a:visited {
display: block;
color: #D1EBF4;
font-weight: bold;
text-decoration: none;
padding: 1px 10px 2px 12px;
background: url(imgs/back_navmainitems.gif) no-repeat top left;
}

#nav-main a:hover, #nav-main a:visited:hover {
color: #FFFFFF;
font-weight: bold;
text-decoration: none;
padding: 2px 10px 1px 12px;
}

.current {
margin-top: 4px;
background-image: url(imgs/back_current2.gif)!important;
}

.current a:link, .current a:visited {
color: #006B95 !important;
background-image: url(imgs/back_current1.gif) !important;
}

.current a:hover, .current a:visited:hover {
color: #2C91B2 !important;
}

/* sub nav */

#nav-section {
clear: both;
}

#nav-section ul {
margin: 0;
padding: 0 10px 0 10px;
}

#nav-section li {
list-style-type: none;
float: left;
margin: 0px 4px 0 4px;
background-image: url(imgs/bullet_off.gif);
background-repeat: no-repeat;
background-position: bottom left;
padding-left: 12px;
}

#nav-section a:link, #nav-section a:visited {
text-decoration: none;
}




.youarehere a:link, .youarehere a:visited {
font-weight: bold;
}

.youarehere{
background-image: url(imgs/bullet_on.gif)!important;
}



/* sub navb */

#nav-sectionb {
clear: both;
}

#nav-sectionb ul {
margin: 0;
padding: 0 10px 0 10px;
}

#nav-sectionb li {
list-style-type: none;
float: left;
margin: 0px 4px 0 4px;
background-image: url(imgs/bullet_off.gif);
background-repeat: no-repeat;
background-position: bottom left;
padding-left: 12px;
}

#nav-sectionb a:link, #nav-sectionb a:visited {
text-decoration: none;
}




.youarehere a:link, .youarehere a:visited {
font-weight: bold;
}

.youarehere{
background-image: url(imgs/bullet_on.gif)!important;
}







/* sub ad */

#nav-ad {
clear: both;
}

#nav-ad ul {
margin: 0;
padding: 0 10px 0 10px;
}

#nav-ad li {
list-style-type: none;
float: left;
margin: 0px 4px 0 4px;
background-image: url(imgs/bullet_off.gif);
background-repeat: no-repeat;
background-position: bottom left;
padding-left: 12px;
}

#nav-ad a:link, #nav-ad a:visited {
text-decoration: none;
}




.youarehere a:link, .youarehere a:visited {
font-weight: bold;
}

.youarehere{
background-image: url(imgs/bullet_on.gif)!important;
}





/*supplemental nav */

#nav-supp ul {
list-style: none;
margin: 0;
padding: 0;

}

#nav-supp {
margin: 15px;
}

#nav-supp li {
background-image: url(imgs/bullet_link.gif);
background-repeat: no-repeat;
background-position: center left;
padding: 0 0 0 15px;
margin: 2px 0 2px 10px;
}



#content {

width: 650px; 
margin: 10px 10px 0 10px;
background-image: ;
background-repeat: no-repeat;
padding: 0;
font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;float: left;
color: #4D4D4D;border: none;}

* html #content {
margin-left: 5px;

}

#sidebar {

width: 270px;
margin: 10px 0 0 0;
padding: 0;
background-image: ;
background-repeat: no-repeat;
color: #4D4D4D;
float: left;}


/* footer */
#footer {
clear: both;
text-align: center;
background: #77B3BC;
color: #FFFFFF;}



