/***********************************************/
/* 3col_master.css Service Dogs of the Pacific */
/***********************************************/
body{
top:0;
left:0;
margin:0;
padding:0;
text-align:center;
background-color:#00539B;
background-image: url(images/body_bg.jpg);
background-repeat: repeat-x;
}
#container{
position: relative;
margin-top:0;
margin-right:auto;
margin-bottom:0;
margin-left:auto;
width:900px;
background-color:#f4efdc;
font:normal 0.8em "Trebuchet MS", Arial, Verdana, sans-serif;
text-align:left;
color:#003366;
line-height:0.5cm;
}
#masthead{
padding:0;
width:100%;
z-index:-1;
}

/*------- #links & headlines ------*/
a:link{color:#005596; /*blue*/ text-decoration:underline;}
a:visited{color:#005596; /*blue*/ text-decoration:underline;}
a:hover{color:#AE4410; /*rust*/ text-decoration:underline;}
a:active{color:#AE4410; /*rust*/ text-decoration:underline;}
hr{
border:1px dashed #ccc;
}
h2, h3, {margin:0;}
h1{/*Main headline*/
font:bold 1.5em "Trebuchet MS", Arial, Verdana, sans-serif;
text-transform:uppercase;
color:#003366; /* was red #9f1c00*/
margin: 6px 0 0 0;
padding:0;
letter-spacing:1px;
}
h2{/*tagline or subheader*/
font:bold 1.2em "Trebuchet MS", Arial, Verdana, sans-serif;
color:#06c;
margin:4px 0 0 0;
padding:0;
letter-spacing:1px;
}
ul{
 list-style-type: none;
}

/*-----------Tabbed Navigation -------------*/
#navigationContainer{
padding:0;
margin:0;
position:relative; 
width:100%;
z-index: 2;
}
.tab{
width: 125px;
height: 33px;
float: right;
margin-right: 2px;
}

/* --------------left and right navigation------------- */
#left {
width:140px; 
float:left; 
position:relative; 
margin-top:0;
margin-right:0; 
margin-bottom:0;
margin-left:-140px; 
padding:0;
}
#right {
width:122px; 
float:right; 
position:relative; 
margin-top:16px;
margin-right:-122px; /*this pushes the right myBox to the right*/
margin-bottom:0;
margin-left:0;
padding:0;
text-align:center;
}
/*----------- #leftNav styles ---------*/
#sectionLinks{
margin:-16px 0 0 -28px;
padding:0;
width:140px;
}
/*#sectionLinks h3{
margin:0;
padding:10px 0 10px 0;
font:bold 12px "Trebuchet MS", Arial, Verdana, sans-serif;
letter-spacing:2px;
line-height:0.4cm;
text-transform:uppercase;
color:#334d55;
}
#sectionLinks li h3 a:link{
color:#633;
}
#sectionLinks li h3 a:hover, a:visited{
color:#AE4410; 
}
#sectionLinks li{
padding:2px 0 2px 0;
}
#sectionLinks a{
text-decoration:none;
}
#sectionLinks a:hover, a:visited{
color:#AE4410;
}
/*----------- #rightNav styles -----------*/
#rightNav{
margin:0 0 0 4px;
padding:0;
}
#rightNav h3{
font:bold 16px Helvetica, Arial, Verdana, sans-serif;
color:#003366;
background-color:#ddd3ba; /*beige*/
padding:2px;
}
#rightNav a{
text-decoration:none;
}
#rightNav ul{
margin:0;
padding:0;
}
#rightNav li{
padding:1px 0 2px 0;
}
#rightNav a:hover, #rightNav a:visited{
color:#AE4410; /*rust*/
}
/*--------- #video ----------*/
.videomyBox{
margin:10px 0 10px 7px;
padding:0;
width:122px;
background-color:#FEF6E7; /*light beige*/
border:1px solid #999;
}
.videomyBox img{
margin:0;
padding:0;
}
.videomyBox p{
margin:0;
padding:5px;
}
/* ----------this wraps the content----------------- */
#outer{ 
clear:both;
border-left:solid 140px #f2e9c4; /*color behind left menu  */ 
border-right:solid 127px #f2e9c4; /*color behind right menu */ 
background-color:#f4efdc;/*color for inner content  */
padding:0;
} 
#inner{
margin:0; 
width:100%; 
}
/* ----------------- content --------------------- */ 
#content{ 
position:relative; 
margin:0; 
padding:0;
background-color:#f4efdc;
overflow: hidden;
_height: 1%;
}
/* -----------------content components--------------------- */ 
.feature{
padding:0 20px 10px 20px;
background-image: url(images/paws_backgrd.gif);
background-repeat: no-repeat;
}
.feature h1{
padding:10px 0 5px 0;
}
.feature p{
margin:0;
padding:2px 0 5px 0;
}
.feature img{
float:right;
padding:0 0 0 10px;
}
.left img{
float:left;
padding:0 20px 0 0;
}
.right img{
float:right;
padding:0;
}
.featurecaption{
float:right;
padding:0 0 10px 0;
}
.application{
font:normal 12px Georgia, "Times New Roman", Times, serif;
line-height:0.5cm;
margin:10px 0;
padding:10px;
background-color:#d2d9e4;
}
.list ul {
margin:0;
padding:2px 10px;
list-style: disc;
}
.list li {
padding:2px 0;
}
.events {
width:360px;
}
.news {
float:right;
margin: -30px 0 0 20px;
padding:20px;
background-color:#d2d9e4;
border:1px solid #fff;
}
.news h3{
font:normal 14px "Times New Roman", Times, serif; 
color:#366; 
padding: 5px 0 1px 0;
}
/* ---- this is the graduates photo gallery ----*/
#enlargement {
padding:10px 0 0 0;
margin:0;
height:300px;
}
#enlargement p {
margin:0;
padding:0;
}
.graduates {
float:right;
width:360px;
height:270px;
padding:4px;
background-color:#f2e9c4;
background-image: url(images/graduate_hat.gif);
background-repeat: no-repeat;
border:1px solid #fff;
}
.thumbnails {
float: left;
width: 90px;
margin: 0;
 padding: 4px;
}
/* ---- ends here --- */

.label{
text-align:left;
}
input{
border:1px solid #666;
text-align:inherit;
}
submit{
border:1px solid #666;
text-align:inherit;
}
textarea{
border:1px solid #666;
text-align:inherit;
}
.caption{
font:oblique 10px Georgia, "Times New Roman", Times, serif;
margin:20px 0 0 60px;
color:#003366;
}
.tagline{
font:normal 11px Verdana, Arial, Helvetica, sans-serif;
color:#366; 
background-color:#DCECF1;/*aqua*/
padding:2px;
}
td{
border:0;
padding:2px;
font:normal 10px Verdana, Arial, Helvetica, sans-serif;
}
#form{ 
position:relative; 
margin:0; 
}
/*----------- #footer styles ----------*/
#footer{
clear:both;
margin: 0;
padding:0;
background-color:#014f97; /*royal blue*/
font-size:9px;
color:#f4efdc;
text-align:center;
}
#footer a{color:#f4efdc; /*beige*/ text-decoration:none;}
/*--------- #description styles -------*/
.description{
margin:0;
padding:0;
}
.description p{
margin:0;
padding:0 5px 5px 0;
}
.description h4 a:link{
color:#666;
margin:0;
padding:0;
}