/*---------------------------------------------------------------------------
        000000  black
        333333  dark grey
        707070  medium for text
        cccccc  light grey
        ffffff  white

        404040  body foreground, highlight dates
        7A7A7A  dates
        6C6C6C  footer color
---------------------------------------------------------------------------*/

/*---------------------------------------------------------------------------
  Global Styles
---------------------------------------------------------------------------*/

a,u {
  color: #000000;
}

/*---------------------------------------------------------------------------
  Layout / Base Page Styling
---------------------------------------------------------------------------*/
* {
  	margin: 0px; /* remove margin around body */
}

body{
        /* background: #0FFFFF;*/ /* should not see this cyan background */
        background: #d8d8d8; /* for any extra space at bottom */
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif;
	font-size: 11px;
}

.inside{
  	clear: both;
        width:80%;
        min-width:65em;
        max-width:85em;
        margin:0 auto;
}

h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl {
	margin: 1em 0px;  /* set top/bottom margin */
}

h2, h3 {
	font-size: 1.15em;
	font-weight: normal;
        font-variant: small-caps;
	color: #000000;
	text-decoration: none;
}

h2 {
	border-bottom: 1px dotted #666666;
}

p{
	/*line-height: 1.75em;*/
	line-height: 1.3em;
}

ul{
        padding: 0px;
}

li, dt{
	list-style-type: square;
        /* space around list items: top right bottom left */
	margin: 0.5em 0px 0.5em 2em;
}

.clear{
	clear: both;
}

/*---------------------------------------------------------------------------
  Header
---------------------------------------------------------------------------*/
#header{
	background: #FFFFFF;
	padding: 3em 0px; /* added */
}

#header h1 {
        font-size:2.25em; 
	font-weight: normal;
        margin: 0px;
}
#header h1 a {
        color: #000000;
        text-decoration: none;
}

#header .rightbar {
	border-right: 1px solid #808080;
	float: left;
	margin: 0px 0.5em 0px 0px;
	padding: 0px 0.5em 0.25em 0px;
}

#header p{
	line-height: 1em;
	margin: 0px;
	padding: 1em 0px;
}

/*---------------------------------------------------------------------------
  Primary Items
---------------------------------------------------------------------------*/
/*
a,b    select all a elements and all b elements
#a .b  select .b elements inside #a elements
#a.b   select elements that are #a.b  (this is a single element)
*/

#primary{
	background: #FFFFFF;
	color: #7F7F7F;
	padding:1px 0 2em 0;
}

#primary .first{
	float:left;
	width:48%;
	margin:0 0 0 0; /* left margin 0 */
	display:inline;
}

#primary .story{
	float:left;
	width:48%;
	margin:0 0 0 4%; /* max left is 4% */
	display:inline;
}

#secondary{
	background: #F3F3F3;
	color: #7F7F7F;
	padding:1px 0 2em 0;
    	border-top: 1px solid #E3E3E3;
}


/*---------------------------------------------------------------------------
  Ancillary Items
---------------------------------------------------------------------------*/
#ancillary{
        margin: 0px;
        background: #d8d8d8;
	padding: 1em 0px 0px 0px;
	color: #404040; /* added */
    	border-top: 1px solid #c8c8c8;
        /* http://www.w3schools.com/cssref/css_colors.asp */
}

#ancillary .block{
	float: left;
	/*margin: 0px 0px 0px 5%;*/
	margin: 0px 0px 0px 4%;/* 1/1/2009 */
	width: 30%;
}

#ancillary .three{
	float: right;
	/*margin: 0px 0px 0px 5%;*/
	margin: 0px 0px 0px 4%;/* 1/1/2009 */
	width: 30%;
}

#ancillary .first{
  	clear: both;
	margin: 0px;
}

/*---------------------------------------------------------------------------
  Navigation Bar
---------------------------------------------------------------------------*/
#nav {
    background:#ffffff;
}

#nav ul {
    margin:0;
    padding:0;
    overflow:hidden;
}
#nav li
{
    margin:0; /* space between buttons */
    list-style-type:none;
    float:left;
}
#nav a:link,#nav a:visited
{
    display:block;
    width:100px;
    color:#FFFFFF;
    background-color:#98bf21;
    /* background-color: linear-gradient(#98bf01, #98bf21, #98bff1); */
    text-align:center;
    padding:4px;
    text-decoration:none;
    border-top: 1px solid #808080;
    border-right: 1px solid #808080;
    border-bottom: 1px solid #808080;
    /* border-radius:5px; */
}
#nav #lefty a:link,#nav #lefty a:visited /* leftmost button */
{
    border-left: 1px solid #808080;
}
#nav a:hover,#nav a:active
{
    background-color:#7A991A;
}

/*---------------------------------------------------------------------------
  Foooter
---------------------------------------------------------------------------*/
#bottomrule{
        background: url(footer_black.gif) 50% 0 repeat-x;
	margin: 2em 0px 0em 0px; /* top spacing */
        padding: 1em 0px; /* bottom spacing */
}

/* top right bottom left */
/* top right/left bottom */
/* top/bottom  left/right */