/*  
Theme Name:	Communications	Center for Hearing and Speech
Author URI: http://straightforwardgraphics.com
Description: Uses suckerfish, switchable sidebars
*/


body {
background: #83a796; 
font-family: Helvetica, Verdana, sans-serif;
margin: 0px auto;
padding:0px;
text-align: center; 
	font-size: 13px;
	line-height:17px;
letter-spacing:1px;
	}
	
/*Various Elements --------------------*/
	
a:link {
text-decoration:none;
}

a:visited{
text-decoration:none;
}

a:hover{
text-decoration:none;
}

 ul{
 text-align:left;
}

li{
  /*	list-style: disc inside;*/
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

h1,h2{
margin:5px 0px 0px 0px;
font-size:16px;
font-family:Helvetica, Verdana, sans-serif;
color:#00467e;
}




#content h1,#content h2 {
font-size:16px;
font-family:Helvetica, Verdana, sans-serif;
color: #00467e; 
}
#content h1 a{
color:#00467e; 
text-decoration:none;
}

#content h4,{
font-size:12px;
color: #1c3333;
}
#content h2 a, {
color:#00467e; 
text-decoration:none;
}


#content h3, h3 a {
font-size:13px;
color:#00467e; 
text-decoration:none;s
}


body a:link, body a:visited,{
text-decoration:none;
}

body a:hover {
color:red;
}


.postmetadata {
margin-bottom:50px;
}

/* h3 colors
--------------------------------------------------*/
h3 a {
color: blue;
text-decoration:none;
}

h3 a:hover {
color: blue;
text-decoration:none;
}
/* End Various Elements --------------------*/

#container { 
width:810px;
background:url('images/background.jpg');
	margin: 0px auto; 
	min-height:600px;
	}
	
	
*html #container { 
height: 600px;
}

#page{
width:780px;
clear:both;
margin:0px;
}
#page-cchs-front{
width:780px;
clear:both;
background-image: url(images/cchs-frontpage-image.gif);
 background-position: top left;
 background-repeat:no-repeat;
 margin:0px;
}
	
/* header
--------------------------------------------------*/
#header {
width: 810px;
height: 95px;
background: url('images/header.jpg');
}


.page_title {
font-family:Helvetica, Verdana, sans-serif;
width:400px;
}


.description {
font-family: Helvetica, sans-serif;
font-size:11px;
margin:0;
padding:0;
}


.clear {
clear:both;
}


/* Sidebar --------------------*/

#sidebar {
clear:both;
float:right;
width:160px;
height:100%;
text-align:left;
margin:5px 10px 0px 0px;
padding:0px 15px 0px 0px;
}

#sidebar ul {
list-style:none;
font-family: Helvetica, Verdana, sans-serif;
font-size:11px;
letter-spacing:0.9px;
line-height:14px;
}

#sidebar a:link{
text-decoration:none;
}

#sidebar a:hover{
	text-decoration:none;
}

#sidebar a:visited{
	text-decoration:none;
}

#sidebar h2 {
font-family: Helvetica, Verdana, sans-serif;
font-size:13px;
color:#00467e;
text-align:left;
}

/*Content and Post Entry s------------------*/


#content { 
float:left;
width: 520px;
margin: 0px 0px 0px 0px;
padding:0px 0px 0px 45px;
}	
	
#content-nosidebar { 
float:left;
width: 720px;
padding:0px 0px 0px 45px;
}	
	
.post,.entry {
margin:10px 0px 0px 0px;
font-family: Helvetica, Verdana, sans-serif;
font-size:12px;
line-height:17px;
text-align: left;
}

.entry p{
margin:10px 0px 5px 0px;
font-family: Helvetica, Verdana, sans-serif;
font-size:12px;
line-height:17px;
text-align: left;
letter-spacing: 1px;
}

.entry ul, .entry li {
font-family: Helvetica, Verdana, sans-serif;
font-size:12px;
line-height:17px;
text-align: left;
letter-spacing: 1px;
}
.entry li {
list-style: disc inside;
}
table, td{
font-family: Helvetica, Verdana, sans-serif;
font-size:12px;
line-height:17px;
letter-spacing: 1px;
}

.left,.alignleft {
float:left;
}

.right,.alignright {
float:right;
}
	
	
/* footer
--------------------------------------------------*/
#footer {
width: 810px;
margin:10px 0px 0px 0px;
background-image:url('images/footer.jpg');
text-align:center;
height:280px;
font-size:11px;
clear:both;
}

#footer a:link{
color:blue;
}

#footer a:hover {
color:red;
}
#footer a:visited {
color:blue;
}

.footertext{
width: 760px;
text-align:center;
font-size:11px;
letter-spacing:0.8px;
}


/* wp-stuff
--------------------------------------------------*/
.wp-caption {
width:810px;
border:1px solid #ddd;
text-align:center;
background-color:#f3f3f3;
padding-top:4px;
optionalroundedcornersforbrowsersthatsupportit-moz-border-radius:3px;
-khtml-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
margin:10px;
}

.wp-caption img {
border:0 none;
margin:0;
padding:0;
}

.wp-caption p.wp-caption-text {
font-size:10px;
line-height:16px;
margin:0;
padding:0 4px 5px;
}

.aligncenter,div.aligncenter {
display:block;
margin-left:auto;
margin-right:auto;
}



/* COMMUNICATION CENTER PAGES  BUTTON BAR - hardcoded into communication-center-page.php template */

#communicationbar{
	width: 515px;
		margin: 15px 0px 0px 0px;
	background-image: url(images/buttonbar.jpg);
	background-repeat:no-repeat;
		font-family:  Helvetica, sans-serif;
	font-size:12px;

}

ul#commmenu {
	width: 520px;
height: 30px;
	font-family: Helvetica, sans-serif;
	font-size:12px;
	font-weight: bold;
margin:0;
padding: 43px 0px 0px 0px;
}
ul#commmenu li {
	display: block;
	font-family: Helvetica, sans-serif;
	font-size:12px;
height: 30px;
	float: left;
	margin: 0 0 0 0px;
}

ul#commmenu li a {
width: 168px;
font-family: Helvetica, sans-serif;
	font-size:12px;
color: blue;
text-decoration: none;
	display: block;
	float: left;
	padding: 5px 0px 5px 0px;
}


ul#commmenu li a:hover {
	color: red;
}
ul#commmenu li a.current {
	color: #640000;
}

/*----- Preschool button bar --*/

#preschoolbar{
width: 510px;
margin: 15px 0px 10px 0px;
background-image: url(images/preschoolbar.gif);
background-repeat:no-repeat;
font-family: Helvetica, sans-serif;
font-size:14px;
}

ul#preschool {
width: 510px;
height: 35px;
font-family: Helvetica, sans-serif;
font-size:14px;
font-weight: bold;
list-style-type: none;
margin:0;
padding: 20px 0px 25px 0px;
}

ul#preschool li {
	display: block;
height: 35px;
	float: left;
	margin: 0 0 0 0px;
	padding: 0px 0px 0px 10px;
}

ul#preschool li a {
width: 245px;
font-family: Helvetica, sans-serif;
	font-size:14px;
text-decoration: none;
color:white;
text-align:center;
display: block;
float: left;
padding: 5px 0px 5px 0px;

}


ul#preschool li a:hover {
	color: yellow;
	text-transform:uppercase;
}
ul#preschool li a.current {
	color: yellow;
	text-transform:uppercase;
}
/*----- Preschool Pictures button bar --*/


#preschoolpicsbar{
width: 510px;
margin: 15px 0px 0px 0px;
background-image: url(images/preschoolpicturebar.gif);
background-repeat:no-repeat;
font-family: Helvetica, sans-serif;
font-size:14px;
}

/*----- Preschool Projects button bar --*/

#preschoolprojectbar{
width: 510px;
margin: 15px 0px 0px 0px;
background-image: url(images/preschoolprojectbar.jpg);
background-repeat:no-repeat;
font-family: Helvetica, sans-serif;
font-size:14px;
}


br {
	clear: both;
}


/* NAVIGATION TABS */
#nav {
font-family: Helvetica, Verdana, sans-serif;
font-weight:bold;
}

/* end Navigation */

 /* float clearing for IE6 */
* html .clearfix{
  height: 1%;
  overflow: visible;
}

/* float clearing for IE7 */
*+html .clearfix{
  zoom: 1;     /* triggers hasLayout */
    }  /* Only IE can see inside the conditional comment
    and read this CSS rule. Don't ever use a normal HTML
    comment inside the CC or it will close prematurely. */

/* float clearing for everyone else */
.clearfix:after{
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
}
   
   
    
.clearfrontpage{
       height:90px;
        line-height: 0px; 
}
.clearfloat {
/* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
        height:30px;
        line-height: 0px; 
}

.clearmenu {
/* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
        height:2px;
        line-height: 0px; 
}

.clearfooter{
/* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
        height:60px;
        line-height: 0px; 
}

/*Search and Heater styles */

.headerdiv{
	float:left;
	margin:0px;
	padding:0px;
}


#content-search{
float:left;
width: 520px;
margin: 0px 0px 0px 0px;
padding:0px 0px 0px 45px;
font-family: Helvetica, Verdana, sans-serif;
font-size:12px;
line-height:17px;
text-align: left;	
}

.search{

font-size:11px;

}
.searchform{
float:left;
margin:0px;
padding:45px 0px 0px 0px;
width: 120px;
font-size:11px;
color: #333333;

}

#searchform input{
margin:0px;
width: 120px;
padding:2px 1px 2px 1px;
border:1px solid #dddddd;
font-size:11px;
color: #333333;
}

#s{

border:1px solid #dddddd;
font-size:11px;	
color: #333333;
}


#searchsubmit{
width: 20px;
font-size:11px;
border:1px solid #dddddd;
padding:2px;
background-color:#cccccc; 
}

/*Google Calendar Widget Styling */


.wpng-cal-widget-events{
width: 160px;
text-align:left;
		margin-bottom: 150px;
}

h2.widgettitle{
font-family: Helvetica, sans-serif;
font-size:13px;
color:#00467e;
text-align:left;
}

.wpng-cal-loading {
	height: 100px;
		font-family: Helvetica, sans-serif;
	font-size:11px;
/*	text-align: center;*/

}

.wpng-cal-image {
	margin-top: 20px;	}
		
	
.wpng-page-list-table {
width: 160px;
text-align:left;
	font-family: Helvetica, sans-serif;
	font-size:11px;
/*	margin-bottom: 60px;*/
}

.wpng-page-list-head {
	padding-top: 20px;
font-family: Helvetica, sans-serif;
font-size:11px;
color:#00467e;
text-align:left;
font-weight:bold;
letter-spacing:1px;

}

.wpng-page-list-time {
width: 0px;
text-align:left;
	padding-top: 10px;
	font-family: Helvetica, sans-serif;
	font-size:11px;
	letter-spacing:0.9px;
}

.wpng-entry {
text-align:left;
font-family: Helvetica, sans-serif;
	font-size:11px;
	letter-spacing:0.9px;
}

.wpng-entry-label-row {
text-align:left;
	padding-top: 7px;
font-family: Helvetica, sans-serif;
	font-size:11px;
	letter-spacing:0.9px;
}

.wpng-entry-label {
	font-weight: bold;
/*	width: 60px;
        float: left;*/
        text-align:left;
        font-family: Helvetica, sans-serif;
	font-size:11px;
	letter-spacing:0.9px;
}

.wpng-entry-label-text {
/*	float: left;*/
	text-align:left;
	font-family: Helvetica, sans-serif;
	font-size:11px;
	letter-spacing:0.9px;
}

.wpng-entry-desc {
	padding-top: 10px;
	text-align:left;
font-family: Helvetica, sans-serif;
	font-size:11px;
	letter-spacing:0.9px;
}

.wpng-widget-date-title {
text-align:left;
	margin-top: 6px;
	font-family: Helvetica, sans-serif;
	font-size:11px;
	letter-spacing:0.9px;
}