/* 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: #E6E6E6;
}

a {
color: #305880;
}

a:hover {
color: #306B95;
}

a:visited {
color: #306B95;
}

a:visited:hover {
color: #2C91B2;
}

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

h2 {
font-family: "Arial Narrow",Tahoma, Geneva, Arial, Helvetica, sans-serif;
font-size: 1.3em;
color: #4D63D3;
border: 1px #3952CD solid;
padding-top: 0.3em;
padding-bottom: 0.3em;
padding-left: 1.2em;}

h3 {
font-family: "Arial Narrow",Tahoma, Geneva, Arial, Helvetica, sans-serif;
font-size: 1.2em;
color: #3952CD;
margin: 15px;
text-align: center;}
h4{
font-family: "Arial Narrow",Tahoma, Geneva, Arial, Helvetica, sans-serif;
font-size: 2.8em;
color: #3952CD;
margin: 10px 0 10px 0;
padding-left: 0px; 
}
img {border: 0px}

p {
margin: 10px 15px 5px 15px;
}

p.Vspace {
margin: 100px 15px 5px 15px;
font-weight: bold;}

p.center {text-align: center;
font-weight: bold;

}
/* layout styles 766 */

#container {
width: 766px;
text-align: left;
margin: 10px auto 0 auto;
background: url(imgs/back_container.gif) #FFFFFF repeat-y;
padding: 0 !important;
line-height: 1.8em;
}
/*out*/

.order{
height: 70px;
padding-top:20px;
text-align:left;
display: block;}

.contact{
height:70px;
padding-top:20px;
text-align:left;
}

.address{
margin-left: 10em;}

.small{
font-size: small;
text-align:right;
}

.italics{ font-style: italic; 
display:inline;
}
img.left {
margin-left: -10px;}

img.faces{
margin-left: 200px;}

img.portrait{
margin-left: 40px;
}
img.portrait1{
float: left;
padding: 2px;
background-color: #cccccc;
margin-left: 20px;
margin-right: 5px;
}
img.portrait2{
margin-left: 200px;}

img.portrait3{
margin-right: 95px;
padding-left: 70px;}

img.HR_wide{
margin-left: 90px;
margin-top: 20px;
}

img.HR_slim{
margin-left: 40px;
margin-top: 20px;

}
img.cover{
margin-left: 10px;
margin-top: 20px;
margin-right: 10px;
margin-bottom: 0px;
width: 420px;
}

.large{
text-align:left;
font-size: 2em;}

#titles{
font-family: "Arial Narrow",Tahoma, Geneva, Arial, Helvetica, sans-serif;
font-size: 1.7em;
color: #3952CD;
margin: 15px 0 15px 0;
padding-left: 15px; 
padding-top: 20px;
padding-bottom: 20px;
}




#titles li{
font-size: 20px;
list-style-type: none;
padding-top: 15px;
padding-bottom: 20px;
}
.author{
font-size: 18px;
font-weight: normal;
text-decoration: none;
}
#banner {
height: 100px;
background: url(imgs/back_banner.gif) purple no-repeat;
}

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

#content {
float: left;
width: 470px; 
margin: 10px 10px 0 10px;
background-image: url(imgs/back_content.gif);
background-repeat: no-repeat;
padding: 0;
font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
}

#content-half {
float: left;
width: 370px; 
margin:  10px  5px 10px 10px;
background-image: url(imgs/back_content.gif);
background-repeat: no-repeat;
padding: 0;
font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
}

#side-half {
min-height: 108px;
float: left;
width: 370px;
height: 85px;
margin: 10px 0 0 0;
padding: 0;
background-image: url(imgs/back_half.jpg);
background-repeat: no-repeat;
color: #787878;
}
#content7f {
float: left;
width: 470px; 
margin: 0px 10px 0 10px;
padding: 0;
font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
}
#contentfullwide {
float: left;
width: 600px; 
margin: 0  10px 0px 10px;
padding: 0;
font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
}
#contentnewsletter {

float: left;
width: 650px; 
margin-left: 50px;
padding: 0;
font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
}


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


#articles {
float: left;
width: 750px;
margin: 20px 10px 10px -5px;
padding: 10;
background-image: url(imgs/back_underbar_760.gif);
background-repeat: no-repeat;
color: #787878;
}

#underbar {
float: left;
width: 470px;
margin: 0 0 0 0;
padding: 0;
background-image: url(imgs/back_underbar.gif);
background-repeat: no-repeat;
color: #787878;
}
#underbar_full {
float: left;
width: 750px;
margin: 10px 10px 10px -5px;
padding: 0;
background-image: url(imgs/back_underbar_760.gif);
background-repeat: no-repeat;
color: #787878;
}
#indent{
position:relative;
margin-left:100px;
}


#sidebar {
min-height: 108px;
float: left;
width: 254px;
margin: 10px 0 0 0;
padding: 0;
background-image: url(imgs/back_sidebar.gif);
background-repeat: no-repeat;
color: #787878;
}

/* meta nav */

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

#nav-meta ul {
margin: 0;
padding: 2px;
background: url(imgs/back_navmeta1.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: #D1EBd4;
}

.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(imgs/back_navmain.gif) 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: #c1cBf4;
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;
}
.leadin{

font-family:"Bookman Old Style", Book Antiqua, New Times Roman, serif;
font-size: 1.1em;
color: #303030;

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

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

.current a:hover, .current a:visited:hover {
color: #3091B2 !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;
}

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

/* footer */
#info-site {
clear: both;
text-align: center;
background-image: url(imgs/back_infosite.gif);
background-repeat: no-repeat;
background-position: center bottom;
margin: 0;
padding: 30px 0 15px 0;
}

	
#info-company {
padding: 5px;
background: url(imgs/back_navmain.gif) #007AAC 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;
padding: 0;
margin: 5px !important;
}
#bkg1{
padding: 5px;
background: url(imgs/blue.gif) #e0e9ee repeat;
margin: 10px 16px 10px 10px!important;
color: #000000;

}