body{
background:#878F85;
background: linear-gradient(left top, #878F85, #999);
background: -moz-linear-gradient(top, #878F85, #999);
background: -webkit-gradient(linear, left top, left bottom, from(#878F85), to(#999));
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#878F85, endColorstr=#999999)";
-pie-background: linear-gradient(left top, #878F85, #999);
margin:0;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}

#container {
width:960px;
margin: 0 auto;
-moz-box-shadow: 0 0 5px #555;
-webkit-box-shadow: 0 0 5px #555;
box-shadow: 0 0 5px #555;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
background:#fff;
}

/* header items
-------------------------------------------------------------- */
#header {
width:960px;
height:133px;
margin: 0 auto;
overflow:visible;
background:url(clipart/header/header960.jpg) top left no-repeat;
-moz-border-radius-topleft: 10px;
-webkit-border-top-left-radius: 10px;
-moz-border-radius-topright: 10px;
-webkit-border-top-right-radius: 10px;

}

#nav {
width:960px;
height:32px;
position:relative;
text-align:left;
display:inline-block;
border-bottom:#FFCC00 1px solid;
border-top:1px solid #888;
background:#878F85;
background: linear-gradient(left top, #878F85, #999);
background: -moz-linear-gradient(top, #878F85, #999);
background: -webkit-gradient(linear, left top, left bottom, from(#878F85), to(#999));
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#878F85, endColorstr=#999999)";
-pie-background: linear-gradient(left top, #878F85, #999);
}


#menu {
margin: 0;
padding: 0;
display:inline-block;
z-index: 30;}

#menu li {	
margin: 0;
list-style: none;
float: left;
overflow:hidden;
border-right:#999 groove 2px;
height:32px;
}

#menu li a {	
display: block;
margin: 0;
padding: 9px 8px 0 8px;
min-width:40px;
text-align: center;
text-decoration: none;
color:#fff;
font-weight:bold;
}

#menu li a:hover {	
display: block;
height:22px;
margin: 0;
padding: 9px 8px 0 8px;
text-align: center;
background:#878F85;
background: linear-gradient(left top, #878F85, #777777);
background: -moz-linear-gradient(top, #878F85, #777777);
background: -webkit-gradient(linear, left top, left bottom, from(#878F85), to(#777777));
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#878F85, endColorstr=#777777)";
-pie-background: linear-gradient(left top, #878F85, #777777);
text-decoration: none;
font-weight:bold;
}

/* = Content
-------------------------------------------------------------- */
#content {
width:960px;
overflow:auto;
background:#fff;
padding;top:15px;
height:auto;
}

#content h1 {
font-size: 24px;
font-weight: bold;
color:#006600;
}
#content h2 {
font-size:16px;
font-weight:bold;
color:#660000;
margin-bottom:5px;
}

#content a { color:#006600; }
#content a:hover {color:#336600; text-decoration:none;}

.shadow {
-moz-box-shadow: 0 0 5px #555;
-webkit-box-shadow: 0 0 5px #555;
box-shadow: 0 0 5px #555;
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#555555')";
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#555555');
}

#leftBox {
width:390px;
height:auto;
background:#F5EDDB;
float:left;
position:relative;
margin:10px 0 10px 10px;
padding:10px;
z-index:2;
}

#rightTextBox {
float:right;
position:relative;
margin:10px 0 10px 0;
padding-bottom:10px;
height:auto;
width:510px;
border-left:1px solid #ccc;
vertical-align:top;
}

#fullTextBox {
position:relative;
margin:10 0 0 10px;
padding-bottom:10px;
height:auto;
width:99%;
}

#textPad {
padding:5px 15px 15px 15px;
color:#000;
line-height:150%;
font-size:14px;
}

#rightText a {
color:#333;
text-decoration:underline;
font-weight:bold;
}

#rightText a:hover {
color:#333;
text-decoration:none;
font-weight:bold;
}

#rightText h1 {
color:#006600;
font-size:26px;
}

.small {font-size:10px; }

/* = Home Page
-------------------------------------------------------------- */
#ferretHome {
width:420px;
background:#F6ECBF;
float:left;
position:relative;
margin:10px 0 10px 10px;
}

#ferretHome h2 {
color:#222;
font-size:17px;
font-weight:bold;
margin: 2px 0 2px 5px;
}

#ferretHome a {
color:#222;
text-decoration:none;
}

#buttons {
height:86px;
width:480px;
margin-bottom:0;
}
#buttonsText {
padding:35px 0 0 140px;
font-size:20px;
font-weight:bold;
}
#buttons a {
color:#336666;
text-decoration:none;
}
#buttons a:hover {
color:#669999;
text-decoration:none;
}

#loading{
position:fixed;
top:0;
left:0;
z-index:100;
background:#000;
width:100%;
height:100%;
text-align:center;
font-family:"Trebuchet MS", verdana, arial,tahoma;
font-size:30pt;
color:#fff;
}

.faded {
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=55)";
opacity: .55;
filter:alpha(opacity=55);
}

/* = footer
-------------------------------------------------------------- */
#footer {
width:100%;
background:#555;
color:#fff;
border-top:2px #222 groove;
padding:6px 0 6px 0;
font-size:10px;
text-align:center;
-moz-border-radius-bottomleft: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-webkit-border-bottom-right-radius: 10px;
line-height:160%;
margin-bottom:15px;
}
#footer a { color:#fff; font-size:10px; text-decoration:none;}
#footer a:hover { color:#fff; text-decoration:underline; }
#footer h3 {font-size:13px; color:#fff; font-weight:bold; letter-spacing:2px; color:#E6E6E6; margin-bottom:10px;}


/* = forms
-------------------------------------------------------------- */
.textfield { width:300px; border:#999 thin solid; color:#777; font-size:12px; padding:3px;}
.button { padding:5px 10px; background:#F5EDDB; color:#222; border:thin #999 solid; font-weight:bold; font-size:14px; cursor:pointer; }
.button:hover { color:#006600; }
