/* Style sheet for GSDHS.org website */

/* Default styles for each page */


body   	{background-color: #cee3ff;
	font-family: arial, helvetica, sans-serif;
	color: #000;
	font-size: 100%;
	margin: 20px 0px 20px 0px ;
	padding:0px;
        background-image: url("img/bluefade.jpg");
	background-repeat: repeat-x;
	background-attachment: fixed;
	}

/* Styles for logo and heading images */
.logo  {padding: 35px 14px 21px 14px;}
.gsdhs {padding: 10px 0px 5px 0px;}
.address {padding: 0px 0px 23px 0px;}

/* Styles for the main navigation column at the left side of the page*/
.nav	{background-color :#347;
	text-align: center;
	line-height: 1em;
	vertical-align: top;
	width: 175px;
	}

/* Styles for the content areas of each page */
.content	{background-color: #FFF;
		vertical-align: top;
		}
		
.highlight 	{background-color: #fff8df;
		padding: 10px;
		border-style: solid;
		border-color: #fff5d5;
		border-width: 2px;
		}
		
.separate  {border-style: solid;
	   border-color: #6080B0;
	   border-width: 1px;
	   padding: 10px 10px 0px 10px;
	   }

/* used on trustee's page for upcoming dates */
blockquote     	{font-size: .8em;}

/* Heading styles */
h1     	{color: #458; color: #495a8d;
	font-size: 1em;
	margin: 0px;
	padding: 0px;
	}

h2    	{color: #293a6d;
	font-size: .8em;
	margin: 0px;
	padding: 0px}

h3	{color: #000;
	font-size: .8em;
	margin: 0px;
	}

/* Paragraph (p) styles */
p      	{font-size: .8em;
	font-family: arial, helvetica, sans-serif;
	padding: 0px 0px 10px 0px; margin: 0px;
	}
	
.dateposted    	{color: #000;
		font-family: verdana, arial, helvetica, sans-serif;
	    	font-size: .7em;
      		font-weight: bold;
	    	}

/* The following styles are used occasionally and can be removed from this style sheet if desired */

.sidebar	{font-family: verdana, arial, helvetica, sans-serif;
		font-size: .6em;
		text-align: center;
          	}

.margin	{margin-left: 30px;}

.bold	{font-weight: bold;}
/* End of occasional styles */

/* List styles */
li	{list-style-position: outside;
	font-size: .8em;}

/* Start of data table styles */
.data	{border-color: #6080B0;
	border-style: solid;
	border-width: 0px;
	}
	
.th	{background-color: #6080B0;
	font-family: verdana, arial, helvetica, sans-serif;
 	font-size: .7em;
	font-weight: bold;
 	text-align: left;
	color: #FFF;
	border-color: #6080B0;
 	border-style: solid;
	border-width: 0px;
	padding: 2px 2px 3px 2px;
	}

.td, .tdleft, .tdmiddle, .tdright, .tdlowleft, .tdborderleft, .tdlowright, .lowdatacell, .bottomleft, .bottomright, .noborder
     {background-color: #FFF;
     font-family: verdana, arial, helvetica, sans-serif;
     font-weight: normal;
     font-size: .7em;
     color: #000;
     border-style: solid;
     border-color: #6080B0;
     vertical-align: top;
     padding: 2px 4px 2px 6px;
     }

.td 	{border-width: 0px 1px 1px 1px;}
.tdleft  {border-width: 0px 0px 1px 1px;}
.tdmiddle, .bottomright {border-width: 0px 0px 1px 0px;}
.tdright, .bottomleft {border-width: 0px 1px 1px 0px;}

.datacorner {background-color: #6080B0;}
.tdlowleft  {border-width: 0px 1px 0px 1px;}
.tdborderleft  {border-width: 0px 0px 0px 1px;}
.tdlowright  {border-width: 0px 1px 0px 0px;}
.noborder    {border-width: 0px;}
.fullwidth   {border-width: 0px 1px 1px 1px;}
/* End of data table styles */

/* STYLES FOR ROUNDED-CORNER CONTENT BOXES */
.xsnazzy  {padding: 0px 0px 20px 0px}
.xsnazzy p {padding: 0px 0px 6px 5px;}
.xsnazzy h1 {padding: 5px 0px 5px 5px;}
.xsnazzy h1, .xsnazzy p {margin: 0px 10px 0px 10px;}
.xsnazzy {background: transparent; margin: 0px 0px 0px 0px;}

.xtop, .xbottom {display:block; background:transparent; font-size:20px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#fff; border-left:1px solid #6080b0; border-right:1px solid #6080b0;}

.xb1 {margin:0 5px; background: #6080b0;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

.xboxcontent {display:block; background:#fff; border:0 solid #6080b0; border-width:0px 1px 0px 1px;}
/* END OF STYLES FOR ROUNDED-CORNER CONTENT BOXES */

/* Footer styles */
.small 		{color: #000;
		font-family: verdana, arial, helvetica, sans-serif;
	    	font-size: .7em;
	    	margin-top: 0px;
	    	padding-top: 0px;
	    	}
	    
.smaller	{font-family: verdana, arial, helvetica, sans-serif;
          	color: #000;
          	font-size: .6em;
          	}

/* LINK STYLES */

/* Links in page content */
a:link  {color: #00C; text-decoration: underline;}
a:visited {color: #707; text-decoration: underline;}
a:focus  {color: #000; text-decoration: overline;}
a:hover  {color:#707; text-decoration: none;}
a:active {color:#707; text-decoration: none;}

/* If a heading is a link it will use these styles */
a.heading:link {font-family: arial, helvetica, sans-serif;
   	       font-size: 1em;
   	       font-weight: bold;
   	       color: #458;
	       text-decoration: underline;
   	       }

a.heading:visited   {font-family: arial, helvetica, sans-serif;
   		    color: #458;
   		    font-size: 1em;
   		    text-decoration: underline;
      		    font-weight: bold;
		    }

a.heading:active  {color: #458;}

a.heading:hover   {color:#800080;
		  background-color: #FFF;
		  text-decoration: none;
   		  }

/* Skip to main content. This link is the first thing a screen reader will see and will allow the visitor to skip directly to the page content without having to listen to all the links */
a.skiplink:link, a.skiplink:visited, a.skiplink:active, a.skiplink:hover  	
	{font-family:  arial, helvetica, sans-serif;
      	font-size: .8em;
     	font-weight: normal;
      	color: #FFF;
  	text-decoration: none;
	display: none;
	}

/* Navigation bar links */

a.navbar:link    {font-family: verdana, arial, helvetica, sans-serif;
	font-size: .8em;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	padding: 3px 5px 3px 5px;
	}

a.navbar:visited   {font-family: verdana, arial, helvetica, sans-serif;
		   color: #FFF;
		   font-size: .8em;
      		   text-decoration: none;
     		   font-weight: bold;
		   padding: 3px 5px 3px 5px;
       		   }

a.navbar:hover   { color:#FFF;}

a.navbar:active   {color: #FFF;}

navcontainer {width: 150px;}

#navcontainer a	{display: block;
	padding: 9px;
	}

#navcontainer a:link, #navlist a:visited	{ color: #FFF;
	text-decoration: none;
	text-align:center;
	}

#navcontainer a:hover	{ background-color: #57A;
	      color: #FFF;
	      }

.thispage	{background-color:#347;
	text-align: center;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: .8em;
	color: #FFF;
	font-weight: bold;
	padding: 7px;
	}