/* ------------------------------------
    Styles for the "raftery" theme 
   ------------------------------------*/

html {min-height: 100.1%;} 
body {margin:0;padding:0;background-color:#009900;}
h5,h6 {font-size:100%;}

/* PAGE LAYOUT BLOCKS */
#pagecontainer {
 position:absolute;
 top:0;
 left:50%;
 width:750px;
 margin-left:-375px;
 background-color:#009900;}
#header {width:750px;height:143px;}
#menucontainer {
 position:relative;
 height:25px;
 width:750px;
 margin:0;
 padding:0;
 z-index:100;}
#content {
 width:750px;
 min-height:500px;
 -height:500px; /*IE6 fix*/
 background-color:#009900; 
 padding-top:35px;
 z-index:0;}
#footer {
 width:750px;
 height:20px;
 margin-top:0;
 border-top:1px solid #006600;
 color:black; 
 background-color:#009900;
 padding-top:0;
 clear:both;}

/* TEXT */
body {font-family: verdana, arial, helvetica, sans-serif;}
#menucontainer {font-family:arial, helvetica, sans-serif;}
#content {font-size:80%;}
#footer {font-size:11px;font-weight:normal;text-align:center;}
h2 {color:blue;font-size:160%;font-weight:normal;margin-bottom:0.5em;}
h3 {color:blue;font-size:130%;font-weight:normal;margin-bottom:0.4em;}
p {margin:1em 0;}
blockquote {padding:10px;margin:10px;font-size:100%;}
blockquote:before {content: open-quote;}
blockquote:after {content: close-quote;}



/* NAVIGATION */
a {color:navy;}
a:hover {color:red;}
#menucontainer {float:left;background:#009900;}
#menucontainer ul {margin: 0;padding: 0;background-color:#faebd7;}
#menucontainer li {
 position: relative;
 list-style: none;
 margin: 0;
 float: left; 
 width:70px;}
#menucontainer li:hover {background-color:#336699;}
#menucontainer li.menutop {
 height:25px;
 background-color:transparent;
 font-size:12px;
 font-weight:bold;
 text-transform:uppercase;}
#menucontainer li a:hover {color:red;}
#menucontainer li li a:hover {color:white;background:#336699;}
#menucontainer li a {
 display: block;
 padding: 4px 5px;
 text-decoration: none; 
 color:#000;
 width:70px; /* IE6 fix */
 text-align:left;}
#menucontainer>ul a {width: auto;} /* undo for non IE6 */
#menucontainer ul ul li a {
 color:black;
 font-weight:normal;
 font-size:0.9em;
 font-variant:normal;}
#menucontainer ul ul {position: absolute;width:72px;display:none;z-index:100;}
#menucontainer ul ul li {
 border-bottom:1px solid #cccccc;
 border-left:2px solid #0f0;
 width:70px;
 text-transform:none;}
#menucontainer ul li:hover ul {display:block;}
#menucontainer ul li.iehover ul {
 display:block;  /* IE6 fix : see iehover.js*/
}
#menucontainer ul ul {top: 1.5em;margin-top: 3px;border:1px solid black;}
#menucontainer a:focus {outline:none;}

/* Headings */

h1 {
 color:#369;
 border-left:1px solid #369;
 border-top:1px solid #369;
 background:#eef;
 font-size:large;
 text-indent:0.2em;
}

h2 {
 color:#369;
 font-size:medium;
}

h3 {
 color:#369;
 font-size:small;
}

h4 {
 color:#369;
 font-size:small;
 font-weight:normal;
 font-style:italic;
}

/* hide header text */
#header h1, #header h3 {
	text-indent:-9999px;
	background:transparent;
	border:0;
        margin:0;
}

/* Text blocks */

p.justify {
 text-align:justify;
}

blockquote {
 width:62%;
 margin-left:10%;
 padding:0.5em;
 background:#eef;
 color:#369;
 border:1px solid #369;
 font-size:1em;
 quotes: "\201C" "\201D";
}
blockquote:before { 
 content: open-quote; 
 font:bold 1.2em Georgia, serif; 
}
blockquote:after { 
 content: close-quote; 
 font:bold 1.2em Georgia, serif;
}

pre {
  font:small "Courier New", Courier, monospace;
}

/* Inline text */

span.dropcap {
float: left;
padding:0 0.1em;
line-height:0.8em;
color:#369;
font-size:3.8em;
}

span.cursive {
 font:small "Comic Sans MS", cursive;
}

/* Tables */
table {
 border:1px solid #369;
 background-color:#eef;
 border-bottom:2px solid #369;
 border-right:2px solid #369;
 margin-bottom:0.7em;
}

table td,th {
 padding:0.4em;
 outline:1px solid white;
}

table th {
 font-weight:bold;
 color:#369;
 text-align:right;
}

table thead th {
 font-weight:bold;
 color:#369;
 text-align:center;
}

table thead td {
 background-color:#ccf;
 color:#369;
 text-align:center;
 font-size:medium;
}

table tfoot {
 text-align:center;
 font-size:x-small;
 background-color:#ccf;
}

/* Images */

img.right {
 float:right;
 margin:0.3em 0 0.3em 0.5em;
 border:0;
}

img.left {
 float:left;
 margin:0.3em 0.5em 0.3em 0;
 border:0;
}