@charset "UTF-8";
/* CSS Document for Deafblind Services Website*/
body{
color:#000000;
font-family:Verdana, "Times New Roman", Times, Arial, serif;
font-size: 12px;
width:100%;
margin:0;
padding: 0;
background-color: #e6e7e8;
}

#container1 /*Container for all of the boxes*/
{padding:0;
margin:0 auto;
width:80%;
background-color: #ffffff;
border:thin solid  #0C007A;
}

.headings
{
background-color:#f1921a;
width:240px;
height:65px;
}

h2
{
background:url(../images/pagetitle530.jpg) no-repeat top left; 
}


.breadcrumbs
{
font-size:12px;
}

/*==========Below is the style for the header elements==========*/

#headercontainer /*container for all the elements in the header*/{
margin:0;
padding-top:1px;
color:#000000;
text-align:center;
background-color: #679EC9;
}

#headerleft/*Style for dss logo and quoted text*/
{
float:left;
width:150px;
margin:0;
font-size: 0.9em;
font-weight: bold;
}

#headerright /*Style for hand and finger photo and quoted text*/
{
float:right;
width:150px;
margin:0;
font-size: 0.75em;
font-weight: bold;
}

#dss{/*for Header text in the middle*/
margin-left:155px;
margin-right:155px;
}

#dss h3
{margin-bottom: 0px;}

div#clearfloat/*to clear header floats*/
{
clear: both;
height: 1px;
}

/*----------End Style for Header elements----------*/

#container2/*container for left nav, middle content, and right accessibility nav*/ 
{
margin:0;
padding:0;
border-top:#0c007a solid 20px;
}

/*==========Below is the style for left and right navigation==========*/
div#navleft/*containing div for the left nav*/
{
width:175px;
float:left;
padding: 10px 0 40px 0;
margin:0 0 15px 0;
background-color: #669900;
font-weight:bold;
}

ul#navlist, ul#accessbilitymenu/*for main left nav menu and right nav*/
{
list-style-type:none;
padding:0;
margin: 0;
}

ul#navlist li, ul#subnavlist1 li,ul#subnavlist2 li,ul#subnavlist3 li,ul#subnavlist4 liul#subnavlist5 li 
{margin-left:5px;
margin-bottom:10px;
}

ul#accessbilitymenu li
{margin:0 0 10px 0;
}
ul#subnavlist1,ul#subnavlist2, ul#subnavlist3 ,ul#subnavlist4, ul#subnavlist5/*for sub menus in left nav*/
{
list-style-type:none;
margin:10px 0 0 0;
padding:0;
width:165px;
}


ul#navlist a, ul#accessbilitymenu a /*for a links in main left menu*/
{display:block;
text-decoration: none;
width:165px;
color:#000000;}

ul#accessbilitymenu a
{
padding-left: 10px;
}

ul#navlist a:visited, ul#accessbilitymenu a:visited 
{color:#000000;}

ul#subnavlist1 a, ul#subnavlist2 a, ul#subnavlist3 a,ul#subnavlist4 a, ul#subnavlist5  a /*for a links in left nav sub menus and right nav menu*/ 
{display:block;
text-decoration: none;
padding-left: 10px;
width:149px;
}
 
ul#navlist a:hover, ul#accessbilitymenu a:hover /*Changes the background color to dark blue and text to white when hover for main left nav and right accessibility nav*/
{
background:url(../images/arrow.png) no-repeat right;
text-decoration: underline;
}

ul#subnavlist1 a:hover,ul#subnavlist2 a:hover,ul#subnavlist3 a:hover,ul#subnavlist4 a:hover,ul#subnavlist5 a:hover/*Changes the background color to white when hovering over a submenu item*/
{
background: url(../images/arrow.png) no-repeat right;
text-decoration: underline;
}

/*----------End Style for  left and right Navigation----------*/

/*----------Below is Style for  the right column----------*/
#contentright 
{
float:right;
width:175px;
text-align: left;
margin:0;
padding:10px 0 20px 0;
background-color: #669900;
}

div#contentright h3 
{margin-top: 0px;
padding-left: 10px;}

/*----------End of style for right content---------*/

/*----------Below is Style for  the middle content----------*/
.middlecontent{
margin-left:185px;
margin-right:185px;
padding:1px 0 0 0;
}

div#box1, div#box2, div#box3/*for news item on home page*/
{
width: 48%;
float: left;
margin-left: 8px;
margin-bottom: 5px;
}

div#box4{clear:both;/*for news item on home page*/
 width:100%;
 margin-left: 8px;
float:left;}

.middlecontent a:visited
{color:blue;}

 .middlecontent a:hover/*Changes the background dark blue and text to white when hover*/
 {
text-decoration: none;
background: #0c007a; 
color:#ffffff;
}

.middlecontent ul#links/*list of links on the links.php*/
{margin:0;
padding:0;
list-style-type:none;}

.middlecontent li.color/*adds dotted line for list of links on the links.php*/
{border-top: 1px dotted #000000;
}

.middlecontent ul#links li a/*on links.php*/
{text-decoration:none;}

.rectangle /*for the dotted box on the bottom of the donate.php*/
{
border: 1px dotted #0C007A;
padding: 5px;
margin-top: 10px;
}

ul#donors_list/*for the donors list in the donors.php*/
{
list-style-type: none;
margin:0;
padding:0;
}

/*----------End of style for middle content---------*/
/*===========Style for Images in middle content area==================*/
#donate_img
 {margin-left: 10px;}
 
.img_left /*for the images*/
{
float: left;
margin-right: 10px;
}


#helen /*photo of Helen Keller on index.php*/
{
float: left;
margin-right: 10px;
}

#eddy/*photo on the index.php*/
{
float: left;
margin-right: 10px;
}

#beach/*photo on board.php*/
{
float: right;
margin-left: 10px;
}

#eric_bio/*photo on the index page*/
{
float: left;
margin-right: 20px;
}
#paige_bio/*photo on the index page*/
{
float: left;
}

#r_s
{
float:right;
}

.readmore /*for the read more text*/
{
text-align:right;
margin-right: 10px;
}

/*===========This is the end of style for images==========*/

/*----------Below is Stye for the bottom navigation and coyright info-----------*/
div#footer {clear:both; 
text-align:center; 
background:#0c007a; 
color: #ffffff;
padding: 0;
margin:0;
font-size: 0.9em;}

 ul#bottomnav
{padding: 5px 0;
list-style-type:none;
margin:0px; }

ul#bottomnav li 
{display:inline; 
padding: 0 5px;
border-right: 1px solid #ffffff;
}

ul#bottomnav li a 
{text-decoration:none; 
color:#ffffff;}

ul#bottomnav li a:hover
 {background:#ffffff; 
 color: #000000;}
 
 #copyright
 {color:#ffffff;
 background:#0c007a; 
 text-align:center;
 font-size: 0.8em;
 padding-top:5px;
} 
/*----------End style for the bottom navigation----------*/

/*----------Style for the navigation focus to indicate which page the user is on-----------*/
#focusleftnav,#focusrightnav
{background:url(../images/arrowblack.png) no-repeat right;}/*the background color in the left nav is dark blue for the page of focus and for standard print*/
#focusleftnavsub1
{background:url(../images/arrowblack.png) no-repeat right;
}/*the background color in the left sub menu is grey*
/*----------End of Style for the focus of navigation----------*/