/**main styles**/
* { margin: 0; padding: 0; }
body { font-family: 'Century Gothic',Helvetica,Arial,sans-serif; background: #DEE6F2 url(../images/grad.gif) repeat-x 0px 13px; color: #ffffff; }
h1, h2, h3, h4 , small { color: #4978BC;}

p, ul, li, ol { font-size: 90%;  }
ul { list-style: circle; margin-left: 25px; line-height: 2em;  }
p { line-height: 2em; }

/**container around all content**/
#container { margin: 0 auto; width: 900px; text-align: left;}
	
/**header bar **/
#header { padding: 4px 4px 4px 30px; text-align: left; color: #ffffff; background-color: #4978BC; height: 80px;}
#header h1 { color: #ffffff; }
#header img { float: right; }

/**main navigation**/
#nav ul { float: left; width: 100%; height: 30px; margin: 0; padding: 2px 0 2px 0 ;vertical-align: middle; line-height: 30px; background: #DEE6F2; color: #4978BC; font-size: 135%;  }
#nav ul li { float: left; list-style: none; color: #4978BC; background: #DEE6F2;  }
#nav ul li a { float: left; display: block; padding: 0 8px 0 34px; color: #4978BC; background: #DEE6F2; font-weight: bold; text-decoration: none; }
#nav ul li a:hover { color: #BB8D49; background: #DEE6F2; }
#nav a.active { color: #000000; background: #DEE6F2; }
#nav a:hover.active { color: #BB8D49; background: #DEE6F2;   }

/**content**/
#content { padding: 4px; clear: left; color: #000000; background-color: #ffffff;  }
#content h2, p, small { text-align: justify; } 
#content h3 { padding: 10px 0px 10px 0px; }
#content p { line-height: 2em; font-size: 80%; padding-bottom: 10px;  }
#content p.last { text-align: right; }
#content p.end { text-align: center; font-weight: bold; color: #DF7E00; background: #33414D;  height: 29px; }
#content a { color: #4978BC; background-color: #ffffff; text-decoration: none; border-bottom: 1px dotted #4978BC; }
#content a:hover { background: #4978BC; color: #ffffff; text-decoration: none; border: 0; }
#content div.float a.external { color: #DF8713; background-color: #ffffff; line-height: 1.6em}
#content div.float3 a.external { color: #DF8713; background-color: #ffffff; line-height: 1.6em}
#content div.float a:hover.external { color: #ffffff; background-color: #DF8713; line-height: 1.6em}
#content div.float3 a:hover.external { color: #ffffff; background-color: #DF8713; line-height: 1.6em}

/**sidebar**/
#sidebar { margin: 2px; padding: 2px; float: right; width: 250px; color: #ffffff; background-color: #transparent; }
#sidebar h3 { color: #ffffff; background-color: #4978BC;}
#sidebar a { color: #ffffff; background: #4978BC; text-decoration: none; border-bottom: 1px dotted #ffffff; }
#sidebar a:hover { background: #BB8D49; color: #ffffff; text-decoration: none; border: 0; }
#sidebar ul { margin-left: 15px; }
#sidebar p { padding-bottom: 10px; }

/**footer**/
#footer { font-size: 85%; background-color: #4978BC; color: #ffffff; text-align: center; }
#footer h2 { text-align: center;  }
#footer p { padding: 4px; text-align: center;  }
#footer a { color: #ffffff; background-color: #4978BC; text-decoration: none; border-bottom: 1px dotted #ffffff;  }
#footer a:hover { background-color: #BB8D49; color: #ffffff; text-decoration: none; border: 0; }

/**rounded bits from Spiffy Corners - www.spiffycorners.com**/
.rounded{ display:block; } 
.rounded *{ display:block;height:1px;overflow:hidden;background:#4978BC;}
.rounded1{border-right:1px solid #b0c4e2;padding-right:1px;margin-right:3px;border-left:1px solid #b0c4e2;padding-left:1px;margin-left:3px;background:#7699cc;}
.rounded2{border-right:1px solid #ecf1f8;border-left:1px solid #ecf1f8;padding:0px 1px;background:#6b91c8;margin:0px 1px;}
.rounded3{border-right:1px solid #6b91c8;border-left:1px solid #6b91c8;margin:0px 1px;}
.rounded4{border-right:1px solid #b0c4e2;border-left:1px solid #b0c4e2;}
.rounded5{border-right:1px solid #7699cc;border-left:1px solid #7699cc;}
.rounded_content{padding:0px 5px;background:#4978BC;} 

/**images
Alignment borowed from  Mark Newhouse's, A List Apart's article (http://www.alistapart.com/articles/practicalcss/)**/
img { border: 0; }
div.float { margin: 10px; text-align: center; float: left; border: solid 1px #4978BC; padding: 2px; font-size: 85%; background: #ffffff; color: #4978BC; }
div.float2 { margin: 10px; float: right; border: solid 1px #4978BC; padding: 2px; font-size: 85%; background-color: #ffffff; color: #4978BC; }
div.float3 { margin: 10px; float: left; width: 195px; height: 220px;text-align: center; border: solid 1px #4978BC; padding: 3px 2px; font-size: 85%; background-color: #ffffff; color: #4978BC; }
div.float p, div.float1 p, div.float2 p, div.float3 p { text-align: center;  }
div.spacer { clear: both; }

/**code snippets
CSS borrowed from HTML Dog (http://www.htmldog.com/) **/
code { text-align: left; color: #1D272F; background-color: #ffffff; font-size: 70%;font-family: "Courier New",Courier,monospace; padding: 6px 4px; }
pre { white-space: normal; font-family: "Courier New",Courier,monospace;  border: 2px #DF7E00 dotted; margin: 6px; overflow: auto; width: 870px;	}
pre code { display: block; color: #1D272F; background-color: #ffffff; }

/*Forms*/
fieldset { padding: 2px; border: 1px dashed #4978bc; width: 590px; font-size: 80%; }
legend { padding-left: 6px; padding-right: 6px; font-weight: bold; color: #4978bc;}
label { float: left; width: 35%; text-align: left; padding-left: 20px; padding-top: 2px;  }
input, textarea { margin-bottom: 5px; }
input.button1 { margin-top: 6px; }
input.required { border: 2px solid #4978bc; } 
.checkbox { margin-right: 2px;  }
br { clear: left; }

/*Tables*/
table { font-size: 80%;  }
th { padding: 4px; background-color: #f5f5f5; color: #4978bc; }
td { padding: 4px; border: solid 1px #f5f5f5; }