/*
 general document styles
*/

html, body{
height: 100%;
}

body{
margin:0;
background-color:#c8c8c8;
}




#outer{
width:800px; /*760px;*/
margin:0 auto;
background-image:url(../gfx/outer.jpg);
background-repeat:repeat-y;
background-position:center;
}

a{
color:#7b8c96;
text-decoration:none;
}

a:active, a:visited{
text-decoration:none;
}

a:hover, {
text-decoration:underline;
}


/*
header stuff
*/

#header{
padding: 55px 0 0 103px;
width:657px;/*760px;*/
height:58px;/*113px;*/
margin:0 auto;
/*width:760px;*/
/*padding:0;*/
background-image:url(../gfx/wwf_whales.gif);
background-repeat:no-repeat;
}

#header h1{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#FFFFFF;
margin:0;
padding:0;
}

#header h3{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#FFFFFF;
font-style:italic;
margin:0;
padding:0;
margin-top:5px;
}


/*page-content related
*/

#wrapper{
padding:0;
margin:0;
background-repeat:repeat-y;
/*border-bottom:3px solid #e6e6e7;*/
}


#inner-wrapper{
margin:0 auto;
width:760px;
}

#container{
margin:0;
}

#page-content{
width:620px; /*588px;/*516px;*/
float:right;
margin:0;
padding:0;
}

#grey-box{
border-left:2px solid #dfe1e4;
border-top:2px solid #dfe1e4;
padding-top:15px;
padding-left:15px;
margin-top:9px;
margin-right:3px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
line-height:18px;
font-weight:500;
/*padding-bottom:100px;*/
padding-right:25px;
margin-bottom:10px;
}

#grey-box p, #grey-box div p{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
line-height:18px;
}

#grey-box h1,#grey-box h1 .big-text{
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#004c93;
font-size:16px;
}

#grey-box h1{
margin-top:2px;
padding-top:0px;
}

#grey-box h1 .big-text{
font-size:20px;
}

.image-right{
float:right;
}

#page-content h2{
margin-top:2px;
padding-top:0px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#000000;
font-size:14px;
}

#page-content h3{
font-size:12px;
color:#004c93;
}


table.links a{
font-weight:bold;
}

table.links td h3{
padding-right: 20px;
}

#page-content #grey-box ul li{
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
color:#000000;
font-size:12px;
line-height:20px;
}

#page-content a{
color:#004c93;
text-decoration:underline;
}
#page-content a:hover{
color:#5fa2bb;
text-decoration:underline;
}

/*
sidebar
*/

#sidebar{
width:140px;/*206px;*/
margin-right:620px;/*554px;*/
margin:0;
padding:0;
float:left;
/*padding-bottom:150px;
/*background-color:#e7e7e8;*/
}

/*
footer
*/

#footer{
width:800px;
height:33px;
background-image:url(../gfx/footer.jpg);
background-repeat:no-repeat;
background-position:center bottom;
clear:both;
}

#footer-nav{
width:760px;
height:16px;
margin-left:20px;
font-size:10px;
color:#FFFFFF;
background-color:#004c93;
text-align:right;
}

#footer a{
text-decoration:underline;
color:#FFFFFF;
}

#footer img{
border:0;
vertical-align:middle;
}

#footer-nav a{
margin-right:6px;
}


/*
clearing class
*/

.clearing{
height:0;
clear:both;
}

.right{
float:right;
}



/*
nav bar
*/

ul#nav{
list-style-type:none;
margin-left:0;
padding:0;
margin-top:20px;
font-family:Arial, Helvetica, sans-serif;
border-left:3px solid #0c5396;
margin-left:4px;
}

ul#nav li, ul#nav li a{
padding:0;
margin:0;
display:block;
height:22px;
}

/*ul#nav li a{
width:93px;
}*/

ul#nav li a{
padding-left:8px;
width:115px;
border-top:1px solid #d3d3d3;
padding-top:5px;
color:#000000;
}
ul#nav li.last a{
border-bottom:1px solid #d3d3d3;
height:15px;
padding-bottom:2px;
}

ul#nav li:hover a, ul#nav li.last a:hover, ul#nav li#on a{
background-image:url(../gfx/nav-active-tab.gif);
background-repeat:no-repeat;
background-position:top left;
border:0;
border-bottom:0;
background-color:#d7dadd;
color:#000000;
text-decoration:underline;
height:17px;
}


table.inputtable td, table.inputtable td label{
font-size:12px;
line-height:20px;
}

ul#nav li a:hover{

}

div.error{
padding:10px 18px 10px 18px;
background-image:url(../gfx/error.gif);
background-repeat:no-repeat;
background-position: center left;
font-weight:bold;
}

div.info{
background-image:url(../gfx/info.gif);
}

div.success{
background-image:url(../gfx/success.gif);
}

div.info, div.success{
padding:10px 18px 10px 30px;

background-repeat:no-repeat;
background-position: center left;
font-weight:bold;
}

div.form-message{
padding:0 18px 18px 18px;
}

/*
main menu items
*/
/*
li.menu a:link, li.menu a:visited{
font-size:25px;
color:#6c7179;
}

li.menu a:hover, li.menu a:hover{
text-decoration:none;
color:#3cb6e9;
}

li.menu-on a{
font-size:25px;
font-weight:bold;
color:#3cb6e9;
text-decoration:none;
}
*/