/* 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 */

body {
color: #4D4D4D;
font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
font-size: 0.8em;
line-height: 1.8em;
text-align: center;
background-image: url("../images/backgroundWedge.jpg");
background-repeat: repeat-x;

}

a {
color: #426583;
}

a:hover {
color: #87671B;
}

a:visited {
color: ##808080;
}

a:visited:hover {
color: #757b8a;
}

h1{
font:175% Georgia,Serif;
  line-height:1.4em;
color: #426583;
margin: 15px 0 15px 0;
padding-left: 15px; 
}

h1 .title{
	float: right;

}


h2 {
font-family: Georgia, serif;
line-height:1.4em;
font-size: 1.3em;
color: #426583;
margin: 15px;
}

h3 {
font-family: Georgia, serif;
line-height:1.4em;
font-size: 1.2em;
color: #426583;
margin: 15px;
}

h4 {
font-family: Georgia, serif;
color: #426583;
margin-right: 15px;
}

p {
margin: 10px 15px 5px 15px;
font-family: Verdana, Helvetica, Arial, sans-serif;}

/* layout styles */

#container {
width: 766px;
text-align: left;
margin: 10px auto 0 auto;
background: url(../images/back_container1.jpg) #FFFFFF repeat-y;
padding: 0 !important;
line-height: 1.8em;
background-color: transparent;
}

#banner {
height: 100px;
background: url(../images/back_bannerPaint1.jpg) no-repeat;
}

#banner h1 {
float: left;
color: #FFFFFF;
margin: 40px 0 0 20px;
background: none;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-weight: normal;}

#content {
float: left;
width: 735px; 
margin: 10px 10px 0 10px;
background-image: url(../images/1_col_header.jpg);
background-repeat: no-repeat;
padding: 0;
font-family: Verdana, Helvetica, Arial, sans-serif;
vertical-align: top;
}

#SVContent {
vertical-align: top;
height: 620px;
width: 730px; 


}

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

.tbl2 {

margin: 5px;
}

.givespace {
float: right;
margin: 5px;
}
/*#sidebar {
float: left;
width: 254px;
margin: 10px 0 0 0;
padding: 0;
background-image: url(../images/back_sidebarB.jpg);
background-repeat: no-repeat;

}*/

/* meta nav */

#nav-meta {
float: right;
margin: 11px 25px 0 0;
background: url(../images/back_meta_2.gif) no-repeat bottom right;
}

#nav-meta ul {
margin: 0;
padding: 2px;
background: url(../images/back_meta_1.gif) no-repeat bottom left;
}


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

#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: 10px 16px 10px 11px;
min-height: 30px;
background: url(../images/Nav_background.jpg) #c1d8eb 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(../images/back_navmainitems2B.jpg) 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(../images/back_navmainitemsB.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;
}
.latestCrumb {
font-family: Verdana, Helvetica, sans-serif;
color: #c0c0c0;
font-size: 10px;
}
.current {
margin-top: 4px;
background-image: url(../images/back_current_2.jpg)!important;
}

.current a:link, .current a:visited {
color: #74a3cb !important;
background-image: url(../images/back_current_1.jpg) !important;
}

.current a:hover, .current a:visited:hover {
color: #5c666f !important;
}

/* sub nav */

#nav-section {
clear: both;
text-indent: 20px;
	vertical-align: top;
margin-top: -35px;
}


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

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

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

/*supplemental nav list-style: none;*/

#nav-supp ul {
margin: 0;
padding: 0;
}

#nav-supp {
margin: 15px;
font-family: Verdana, sans-serif;
line-height: 1.3em;
text-align: left;
}

#nav-suppHead {
color: #426583;

}
.nav-suppText
{
	margin-left: 12px;
}
#nav-supp li {
list-style: circle;
font-family: Verdana, sans-serif;
margin: 2px 0 2px 10px;
}

#nav-supp a:hover {
color: #87671B;
}

.textindent {
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;

}

/* ROUNDED CORNERS */
.roundbox-tr {
	margin:15px auto;
	padding:0;
	background:url("../images/roundbox_trS.gif") no-repeat right top;
	width: 90%;
}

/* top-left corner and left side */
.roundbox-tl {
	margin:0;
	padding:0;
	background:   url("../images/roundbox_tlS.gif") no-repeat left top;
}

/* bottom-right corner and bottom side */
.roundbox-br {
	margin:0;
	padding:0;
	background:   url("../images/roundbox_brS.gif") no-repeat right bottom;
}

/* bottom-left corner */
.roundbox-bl {
	margin:0;
	padding:0;
	background:   url("../images/roundbox_blS.gif") no-repeat left bottom;
}

/* content div, it could be omitted (the content going into "roundbox-bl" but I felt that alinging the content was easier 
with "roundbox-content" in place */
.roundbox-content {
	margin:0;
	padding:2.5em 3.5em;
}

.roundbox-content p {
	margin:0;
	padding:0;
	line-height:1.6;
}

/* roundbox CSS ends here  */

dl {
	margin: 20px;

}



/* footer */
#info-site {
clear: both;
text-align: center;
background-image: url(../images/back_infosite_paint1.jpg);
background-repeat: no-repeat;
background-position: bottom;
margin: 0;
padding: 28px 0 15px 0;
}

	
#info-company {
padding: 5px;
background: url(../images/Nav_background.gif) no-repeat;
margin: 10px 16px 10px 10px!important;
/*color: #FFFFFF;*/
}

#info-company a,#info-company a:visited {
color: #D1EBF4;
}

#info-company a:hover,#info-company a:visited:hover {
color: #FFFFFF;
}

#info-standards{
font-size: 10px;
color: #828A95;
padding: 0;
margin: 5px !important;
}

#datestamp{
font-size: 10px;
font-color: #fff;

}