/* CSS Document */

/****************************
 * Generic elements
 ****************************/
   
body {
	margin: 0 20px;
	padding: 20px 0;
	font-family: Verdana, Tahoma, Arial, Helvetica, "Bitstream Vera Sans", sans-serif;
	color: #333333;
	font-size: 76%; /* 76% of the default 16px is slightly more than 12px */
	line-height: 150%; /*150% of 12px is 18px*/
}
p {
	font-size: 100%;
	margin: 0em 0em 1.2em 0em;
	padding: 0px;
	line-height: 150%;
}
pre, code {
	font-size: 1.1em; /* Monospace fonts can be hard to read */
	font-family: "Bitstream Vera Sans Mono", "Courier New", monospace;
}
hr {
	height: 1px;
	border: 1px solid #DDDDDD;
	width: 100%;
}
img, a img {
	border: 0px none;
}
/******************************
 * HEADINGS
 *****************************/
  
h1, h2, h3, h4, h5, h6 {
	padding: 0;
	font-family: Lucida Grande, helvetica, arial, sans-serif;
}
h1 {
	font-size: 2.25em;
	line-height: 1.3em;
	margin-top: 0.5em;
	margin-bottom: 0.5em; /* 0.5em is equavalent to 1em in the page's base font.
                             Remember, a margin specified in ems is relative to
                             the element's font-size, not to the pages' base
                             font size. So, for example, if we want a 1em margin
                             (relative to the base font), we have to divide that
                             length by the element's font-size:
                             1em / 2em = 0.5em */
}
h2 {
	font-size: 1.5em;
	line-height: 1.3em;
	margin-top: 0.667em; /* Equivalent to 1em in the page's base font: 1 / 1.5 = 0.667em */
	margin-bottom: 0.667em;
	background-color: #CCCCFF;
	padding: 5px;
}
h3 {
	font-size: 1.3em;
	line-height: 1.3em;
	margin-top: 0.769em; /* Equivalent to 1em in the page's base font: 1 / 1.3 = 0.769 */
	margin-bottom: 0.769em;
}
h4, h5, h6 {
	font-size: 1.1em;
	line-height: 1.3em;
	margin-top: 0.909em; /* Equivalent to 1em in the page's base font: 1 / 1.1 = 0.909 */
	margin-bottom: 0.909em;
}

#breadcrumbs {
	font-size: 90%;
	margin: 0;
	padding: 0; 
}
/******************************
 * BLOCK LEVEL ELEMENTS
 *****************************/
ul, ol, dl, pre, table, fieldset, blockquote, quote, code {
	margin: 1em 0;
}
/******************************
 * LISTS
 *****************************/
ul, ol {
	margin-left: 0;
	padding-left: 2em;
}
 ul ul, ul ol, ol ol, ol ul, {
 margin: 0;
}
li {
	margin: 0;
	padding: 0 0 .2em 0;
}
ul {
	list-style-type: disc;
}
ul ul {
	list-style-type: circle;
}
ul ul ul {
	list-style-type: square;
}
ul ul ul ul {
	list-style-type: circle;
}
ol {
	list-style-type: decimal;
}
ol ol {
	list-style-type: lower-alpha;
}
ol ol ol {
	list-style-type: decimal;
}
dt {
	margin: 0;
	padding: 0;
}
dd {
	margin: 0 0 0 2em;
	padding: 0;
}
/******************************
 * LINKS
 *****************************/

a, a:link, a:visited {
	text-decoration: none;
	font-size: 100%;
}
a:hover, a:focus {
	text-decoration: underline;
}
a:active {
}

#content a, #content a:link, #content a:visited {
color: #0000FF;
text-decoration: underline;
}
#content a:hover, #content a:focus {
	color: #CC0000;
}
/******************************
 * TABLES
 *****************************/
table {
}
th, thead th, tbody th {
	text-align: center;
	padding-right: 0;
	border-bottom: none;
}
tbody {
	border-top: none;
}
td, th {
	padding: 5px;
	border-color: #666666;
	vertical-align: top;
}
th, tbody th, tbody th {
	font-weight: bold;
	text-align: center;
	border-bottom: none;
	padding: 5px;
}
/******************************
 * ABBREVIATIONS
 *****************************/

  abbr {
	border-bottom: 1px dotted #666;
	cursor: help;
	white-space: nowrap;
}
/* Date-based "abbreviations" show computer-friendly timestamps which are not
     human-friendly. */
  abbr.created {
	border: none;
	cursor: auto;
	white-space: normal;
}
/******************************
 * FORMS
 *****************************/
form {
	margin: 1em 0;
	padding: 0;
}
fieldset {
	margin: 1em 0;
	padding: 0.5em;
}
/********************
 * LAYOUT ELEMENTS
 ********************/

#page, #closure-blocks {
	/*
     * If you want to make the page a fixed width and centered in the viewport,
     * this is the standards-compliant way to do that. See also the ie.css file
     * for the necessary IE5 hack to center a div.
     */
   	margin-left: auto;
	margin-right: auto;
	width: 780px;
}
#page-inner {
}
/********************
 * HEADER
 ********************/
#header {
	height: 125px;
	margin: 0px;
	padding: 0px;
	text-align: center;
}
#header-inner {
}
/********************
 * NAVIGATION
 ********************/

#navbar {
	height: 40px; /*if you don't specify a height, layout collapses when navbar-overflow isn't hidden */
	line-height: 40px; /*set to same as heigh to align text vertically*/
	background-color: #1E6496;
	text-align: center;
	margin: 0px;
	padding: 0px; /* DO NOT CHANGE. Add padding or margin to #navbar-inner. */
}
#navbar-inner {
	padding: 0px;
	margin: 0px;
}
#navbar ul /* Primary and secondary links */ {
	margin: 0 auto;
	padding: 0;
	text-align: center;
	list-style-type: none;
}
#navbar li /* if you display inline, it's easier to center them*/ {
	display: inline;
	padding: 0 10px;
	margin: 0;
	color: white;
	font-weight: bold;
}
#navbar-inner a {
	color: white;
	padding: 0px;
	margin: 0px;
	text-decoration: none;
}
/****************************************
 * MAIN - SIDEBARS AND PRIMARY CONTENT
 ****************************************/
#main {
	height:auto;
}
#main-inner {
}
/********************
 * SIDEBAR-LEFT
 ********************/
#sidebar-left {
	float: left;
	width: 200px;
	background-color: #E1E6FA;
	margin: 0;
	padding: 0; /* DO NOT CHANGE. Add padding or margin to #sidebar-left-inner. */
}
#sidebar-left-inner {
	margin: 15px 0px;
	padding: 0 5px 0 0;
}
#sidebar-left ul {
	list-style-type: none;
	list-style-image: url(/images/star2.gif);
}
#sidebar-left li {
	padding-bottom: .3em;
	font-weight: bold;
}

#sidebar-left a {
color: #333333;}

#sidebar-left ul ul {
	list-style-type: none;
	list-style-image: none;
	margin: 0em 0em 0em 1em;
	padding-left: 0;
}

#sidebar-left ul ul li {
	padding-bottom: .3em;
	font-weight: normal;
	font-size: 90%;
}
/***************************
 * CONTENT (NOT SIDEBARS)
 ***************************/
#content {
	float: left;
	width: 580px;
	margin: 0;
	padding: 0; /* DO NOT CHANGE. Add padding or margin to #content-inner. */
}
#content-inner {
	margin: 0;
	padding: 15px 0px 15px 20px;
}
/********************
 * SIDEBAR RIGHT
 ********************/
#sidebar-right {
	float: right;
	width: 200px;
	margin: 0px;
	padding: 0; /* DO NOT CHANGE. Add padding or margin to #sidebar-right-inner. */
}
#sidebar-right-inner {
	margin: 0px;
	padding: 0;
}
/********************
 * FOOTER
 ********************/
#footer {
	display:block;
	clear:both;
	padding: 0;
	margin: 0;
	text-align: center;

}
#footer-inner {
	padding: 0 0 20px 0;
	margin: 0;
}

#footer ul /* Primary and secondary links */ {
	height: 40px;
	line-height: 40px;
	margin: 0 auto 20px auto;
	padding: 0;
	text-align: center;
	list-style-type: none;
	background-color: #1E6496;
}
#footer li /* A simple method to get navbar links to appear in one line. Works better than display:inline */ {
display: inline;
	padding: 0 10px;
	margin: 0;
	color: white;
	font-weight: bold;
}
#footer a {
	color: white;
	padding: 0px;
	margin: 0;
	text-decoration: none;
}
/********************
 * CLOSURE
 ********************/
#closure-blocks /* See also the #page declaration above that this div shares. */ {
}
/******************************
 * PREVENT OVERFLOWING CONTENT
 *****************************/
#header, #content, #sidebar-left, #sidebar-right, #footer, #closure-blocks {
	overflow: hidden;
	word-wrap: break-word; /* A very nice CSS3 property */
}
#navbar {
	overflow: hidden; /* May need to be removed if using a dynamic drop-down menu */
	word-wrap: break-word; /* A very nice CSS3 property */
}
/* If a div.clear-block doesn't have any content after it, Firefox and Safari will mistakenly place several pixels worth of space between the bottom of the div and the bottom of the viewport. This fixes it. */

#page {
	overflow-y: hidden;/* CSS3 property */
}
/*********************************************************************************
** MARKUP FREE CLEARING - KEEP FLOATING ELEMENTS FROM BREAKING OUT OF CONTAINER
** Details: http://www.positioniseverything.net/easyclearing.html
*********************************************************************************/
.clear-block:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clear-block {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clear-block {
	height: 1%;
}
.clear-block {
	display: block;
}
/* End hide from IE-mac */