body {
        font-family: "Trebuchet MS",Verdana,Arial,sans-serif;
        font-size: 0.9em;
        margin: 0px;
        padding: 40px;
        color: #3E3E3E;
        background: #EEEEEE; }

a {     text-decoration: none; }

p {
        margin: 0px;
        padding: 10px 0px 0px 0px;
        line-height: 140%; }

p.note { font-size: 0.9em; }

p.breaker { 
        font-size: 1.2em;
        color: #4E6781; }

p#validate {
        font-size: 0.8em;
        float:right;
        padding-top: 35px;
        text-align:right; }

div.spacer { clear:both }

/*============================================================================*/
#header {
	font-family: "Century Gothic",Verdana,Arial,sans-serif;
        margin: 0px;
        padding: 0px;
        height: 100px;
        border: 1px solid #728BA5;
        color: #8CA1B4;
        background-color: #4E6781; }

#header img {
        float: left;
        margin: 0px;
        padding: 0px;
        border-style: none; }

#header h1 {
	font-size: 40px;
	font-weight: normal;
	margin: 0px;
	padding: 30px 0px 0px 0px; }

#header div#date {
	font-size: 14px;
	font-weight: normal;
        float: right;
        margin: -5px 10px 0px 0px;
        padding: 0px; }



/*============================================================================*/
#navbar {
	font-family: Verdana,Arial,sans-serif;
	font-size: 14px;
        margin: 0px;
        padding: 4px 0px 0px 0px; /*to get border of ul inside the navbar*/
        height: 20px;
        border: 1px solid silver;
        border-width: 0px 1px;
        color: #785F30;
        background-color: #F7C364; }

#navbar ul {
        margin: 0px;
        padding: 0px;
        display: inline; } 

#navbar ul li {
        margin: 0px 5px;
        padding: 0px;
        list-style: none;
        display: inline; }

#navbar ul li.first {
        margin-left: 20px; }

#navbar a,a:link,a:visited,a:hover,a:active {
        display: inline;
        border: none;
        color: #785F30;
        background-color: transparent; }

#navbar a:hover    { border-top: 4px solid #DBA748; color:#363636; background-color: transparent; }
#navbar a:active   { border-top: 4px solid #DBA748; color:#363636; background-color: transparent; }



/*============================================================================*/
#content-area {
        margin: 0px;
        padding: 10px 20px 20px 20px;
        border: 1px solid silver;
        color: inherit;
        background-color: #FFFFFF; }

#content-area div.title {
	font-family: Verdana,Arial,sans-serif;
        font-size: 2em;
        margin: 0px;
        padding: 0px;
/*      text-transform: uppercase; */
        letter-spacing: 1px;
        color: #8FA8C2;
	background-color: transparent; }

#content-area span.heading {
        border-bottom: 1px dotted #CB522C;
        line-height: 200%;
        color: #4E6781;
	background-color: transparent;  }

#content-area h3 {
    /* clear:both; remove spacers?*/
	font-weight: normal;
	margin: 0px 10px 0px 0px;
	padding: 20px 0px 0px 0px;
        border-bottom: 1px dotted #CB522C;
        color: #8FA8C2;
	background-color: transparent;  }

#content-area h3 + p { padding-top: 5px; }

#content-area p + h3 { padding-top: 35px; }

#content-area pre.code {
	font-family: "Lucida Console", "Courier New", Courier, monospace;
	font-size: 0.8em;
	margin: 10px 25px;
	padding: 10px;
        line-height: 130%;
        border: 1px solid #C4C4B4;
        color: inherit;
	background-color: #FFFFEF; }

#content-area ol.roman {
        margin: 0px 0px 0px 30px;
        padding: 5px;
        list-style: lower-roman; } 

#content-area ol li {
        margin: 0px 5px;
        padding: 0px; }

#content-area ol.plain { 
        margin: 0px;
        padding: 5px;
        list-style: none; }

#content-area ol.usage {
        margin: 0px;
        margin-left: 112px;
        padding: 0px;
        }


#content-area div.nav-top {
	font-family: Verdana,Arial,sans-serif;
	font-size: 20px;
	font-weight: bolder;
        margin: 10px -20px 50px -20px;
        padding: 0px;
        text-align: center; }


#content-area div.tableframe {
	margin: 10px 25px;
        padding: 5px;
        border: 1px solid silver; }

#content-area table.menuinf {
        font-family: Verdana,Arial,sans-serif;
        font-size: 0.7em;
        margin: 0px;
        padding: 0px;
        color: black;
	background-color: #EEEEEE; }

#content-area td.pic {
        margin: 0px;
        padding: 10px;
	vertical-align: top;
        text-align: right;
        color: black;
	background-color: #EEEEEE; }

#content-area td.entry {
        margin: 0px;
        padding: 10px 10px 10px 0px;
	vertical-align: top;
        color: black;
	background-color: #EEEEEE; }

#content-area .center-img { 
        margin: 10px auto;
        padding: 0px; }

#content-area .center-img img { 
        margin: 0px;
        padding: 5px;
        border: 1px solid silver; }

#content-area img.left {
        float: left;
        margin: 0px;
        margin-top: 0.9em;
        margin-right: 10px;
        padding: 5px;
        border: 1px solid silver; }

#content-area img.center {
        margin: 10px auto;
        padding: 5px;
        display: block;
        border: 1px solid silver; }

#content-area a,a:link,a:visited,a:hover,a:active {
        display: inline;
        border: none;
        color: #CB522C;
        background-color: transparent; }

#content-area a:hover    { text-decoration: underline; }
#content-area a:active   { text-decoration: underline; }

#content-area div.nav-top a,a:link,a:visited,a:hover,a:active {
        display: block;
        border: none;
        color: #DEDEDE;
        background-color: #FAFAFA; }

#content-area div.nav-top a:hover    { text-decoration: none; color: #AAAAAA; background-color: #F4F4F4; }
#content-area div.nav-top a:active   { text-decoration: none; color: #AAAAAA; background-color: #F4F4F4; }
