/* Styles for Sawyer Community Alliance Site */

body {
	color: #002D4B;                         /*overall font color for page */
	font-family: Corbel,fantasy,Bell MT;
	background-color: #006633;
}

#columnright

/* used in conjunction with #contentsmall to put three columns on a page */

{
	float: right;
	width: 180px;
    height: 340px;
	padding: 0px 5px 5px 0px;
	margin: 20px 10px 0 0;
	display: inline;
    background: #ccc;
    border: 1px solid #006633;
}

#columnright h2 {
	margin: 10px 0px 0px 0px;
	font-weight: bold;
	text-align: center;
}

#columnright h3 {
	margin: 0;
	font-weight: bold;
	text-align: center;
}

#container

/* controls container for entire page unless overridden by content containers */

{
	margin: 0 auto;
	width: 100%;
}

#container-content
{
	float: left;
	width: 100%;
	background: white; 
      
}

#contentsmall
{
	float: left;
	width: 52%;
	padding: 20px 0;
	margin: 0 0 0 30px;
}

#contentsmall a
{
	font-family: "Comic Sans MS", cursive;
	font-size: large;
	font-style: normal;
	font-weight: normal;
}

#contentsmall h1 
{ 
      margin: 0;
	  font-size:30px;
	  font-style:italic;
}

#contentsmall h2 
{ 
      margin: 0;
	  font-size:20px;
}
#contentwide
{
	float: left;
	width: 75%;
	padding: 20px 0;
	margin: 0 0 0 30px;
	font-family: Corbel, fantasy, "Bell MT";
}

#contentwide a
{
	font-family: "Comic Sans MS", cursive;
	font-size: large;
	font-style: normal;
	font-weight: normal;
}

#contentwide h1 
{ 
    margin: 0;
	font-size:30px;
	font-style: italic;
}

#contentwide h2 
{ 
    margin: 0;
	font-size:20px;
}
#footer
{
	background: teal;
    border-top: 10px solid #006633;
    border-bottom: 10px solid #006633;
	clear: left;
	color: white;
	height: 1%;
	padding: 10px; 
	text-align: center;
}

#footer a
{
	color: lime;
}
#header
{
    background: teal;
    padding: 5px;
    border-bottom: 10px solid #006633;
}

#header h1 { margin: 0; }

#navigation
{
	float: left;
	width: 1000px;
	background: #333;
}

#navigation ul
{
	margin: 0;
	padding: 0;
}

#navigation ul li
{
	list-style-type: none;
	display: inline;
}

#navigation li a
{
	display: block;
	float: left;
	padding: 5px 10px;
	color: #fff;
	text-decoration: none;
	border-right: 1px solid #fff;
}

#navigation li a:hover { background: #383; }

#section-navigation
{
	float: left;
	width: 170px;
    height: 400px;
	padding: 20px 0; 
	margin: 10px 20px;
	display: inline;
    background: #ccc;
    border: 1px solid #006633;
}

#section-navigation ul
{
	margin: 0;
	padding: 0;
}

#section-navigation ul li
{
/*	margin: 0 0 1em; */
	padding: 0;
	list-style-type: none;
}

/* Class Definitions */

.blueballimage
{
	height: 10px;
	width: 10px;
}
	
.contentinternalspacingwide{
    margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
	margin-top: 0px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	padding-left: 5px;
	padding-right: 5px;
      padding-bottom: 5px;
 /*      border-top: 1px solid blue;
	border-bottom: 1px solid blue;
	border-right: 1px solid blue;
	border-left:1px solid blue; */
		text-align:left;
		background-color: #ffffff;
}

.hdrcenterimg
{
	height: 187px;
	width: 284px;
	padding: 10px 5px 5px 5px;
	margin: 0 0 0 0px;
	vertical-align:top;
}

.hdrouterimg
{
	height: 197px;
	width: 319px;
	padding: 5px;
	margin: 0 0 0 0px;
	vertical-align:top;
	border: 0px;
}

.linktextindent {
  	padding-left: 20px;
	font-family: "Comic Sans MS";
	font-size: 12px;
	font-weight: normal;
	color: #000000;
    }
	
.linktextindent2 {
  	padding-left: 20px;
	font-family: "Comic Sans MS";
	font-size: 12px;
	font-weight: normal;
	color: #000000;
    }