/*
      Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail: Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com
	  
*/

ADDRESS,
BLOCKQUOTE, 
BODY, DD, DIV, 
DL, DT, 
FIELDSET, FORM,
FRAME, FRAMESET,
H1, H2, H3, H4, 
H5, H6, IFRAME, 
NOFRAMES, 
OBJECT, OL, P, 
UL, APPLET, 
CENTER, DIR, 
HR, MENU, PRE   { display: block }
LI              { display: list-item }
HEAD            { display: none }
TABLE           { display: table }
TR              { display: table-row }
THEAD           { display: table-header-group }
TBODY           { display: table-row-group }
TFOOT           { display: table-footer-group }
COL             { display: table-column }
COLGROUP        { display: table-column-group }
TD, TH          { display: table-cell }
CAPTION         { display: table-caption }
TH              { font-weight: bolder; text-align: center }
CAPTION         { text-align: center }
BODY            { padding: 8px; line-height: 1.33 }
H1              { font-size: 1.9em; margin: .9em 0 0 0; color: #B87258}
H2              { font-size: 1.4em; margin: .83em 0; color: #B87258 }
H3              { font-size: 1.10em; margin: 1em 0 }
H4, P,
BLOCKQUOTE, UL,
FIELDSET, FORM,
OL, DL, DIR,
MENU            { margin: 1.33em 0 }
H5              { font-size: .83em; line-height: 1.17em; margin: 1.67em 0 }
H6              { font-size: .67em; margin: 2.33em 0 }
H1, H4,
H5, H6, B,
STRONG          { font-weight: bolder; text-align:center }
H2	, H3				 { font-weight: bolder; }
BLOCKQUOTE      { margin-left: 40px; margin-right: 40px }
I, CITE, EM,
VAR, ADDRESS    { font-style: italic }
PRE, TT, CODE,
KBD, SAMP       { font-family: monospace }
PRE             { white-space: pre }
BIG             { font-size: 1.17em }
SMALL, SUB, SUP { font-size: .83em }
SUB             { vertical-align: sub }
SUP             { vertical-align: super }
S, STRIKE, DEL  { text-decoration: line-through }
HR              { border: 1px inset }
OL, UL, DIR,
MENU, DD        { margin-left: 40px }
OL              { list-style-type: decimal }
OL UL, UL OL,
UL UL, OL OL    { margin-top: 0; margin-bottom: 0 }
U, INS          { text-decoration: underline }
CENTER          { text-align: center }
BR:before       { content: "\A" }

/* An example of style for HTML 4.0's ABBR/ACRONYM elements */

ABBR, ACRONYM   { font-variant: small-caps; letter-spacing: 0.1em }
A[href]         { text-decoration: underline }
:focus          { outline: thin dotted invert }


/* Begin bidirectionality settings (do not change) */
BDO[DIR="ltr"]  { direction: ltr; unicode-bidi: bidi-override }
BDO[DIR="rtl"]  { direction: rtl; unicode-bidi: bidi-override }

*[DIR="ltr"]    { direction: ltr; unicode-bidi: embed }
*[DIR="rtl"]    { direction: rtl; unicode-bidi: embed }

/* Elements that are block-level in HTML4 */
ADDRESS, BLOCKQUOTE, BODY, DD, DIV, DL, DT, FIELDSET, 
FORM, FRAME, FRAMESET, H1, H2, H3, H4, H5, H6, IFRAME,
NOSCRIPT, NOFRAMES, OBJECT, OL, P, UL, APPLET, CENTER, 
DIR, HR, MENU, PRE, LI, TABLE, TR, THEAD, TBODY, TFOOT, 
COL, COLGROUP, TD, TH, CAPTION 
                { unicode-bidi: embed }
/* End bidi settings */


@media print {
  @page         { margin: 10% }
  H1, H2, H3,
  H4, H5, H6    { page-break-after: avoid; page-break-inside: avoid }
  BLOCKQUOTE, 
  PRE           { page-break-inside: avoid }
  UL, OL, DL    { page-break-before: avoid }
}

@media speech {
  H1, H2, H3, 
  H4, H5, H6    { voice-family: paul, male; stress: 20; richness: 90 }
  H1            { pitch: x-low; pitch-range: 90 }
  H2            { pitch: x-low; pitch-range: 80 }
  H3            { pitch: low; pitch-range: 70 }
  H4            { pitch: medium; pitch-range: 60 }
  H5            { pitch: medium; pitch-range: 50 }
  H6            { pitch: medium; pitch-range: 40 }
  LI, DT, DD    { pitch: medium; richness: 60 }
  DT            { stress: 80 }
  PRE, CODE, TT { pitch: medium; pitch-range: 0; stress: 0; richness: 80 }
  EM            { pitch: medium; pitch-range: 60; stress: 60; richness: 50 }
  STRONG        { pitch: medium; pitch-range: 60; stress: 90; richness: 90 }
  DFN           { pitch: high; pitch-range: 60; stress: 60 }
  S, STRIKE     { richness: 0 }
  I             { pitch: medium; pitch-range: 60; stress: 60; richness: 50 }
  B             { pitch: medium; pitch-range: 60; stress: 90; richness: 90 }
  U             { richness: 0 }
  A:link        { voice-family: harry, male }
  A:visited     { voice-family: betty, female }
  A:active      { voice-family: betty, female; pitch-range: 80; pitch: x-high }
}

* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
}

#wrapper { 
 margin: 0 auto;
 width: 990px;
 background-color:#87BA5E;
}
#header {
 color: #87BA5E;
 width: 990px;
 float: left;
 padding: 0;
 border: 0;
 height: 125px;
 margin: 0px 0px 0px 0px;
 background-color: #87BA5E;
}

#navbar {
 font-family:	'Lucida Sans', verdana, sans-serif;
 font-weight:900;
 float: left;
 text-align:center;
 width: 990px;
 color: #87BA5E;
 padding: 1px 0px 2px 0px;
 border-bottom: 5px solid #fff;
 margin: 0px 0px 3px 0px;
 background-color: #87BA5E;
}

#navbar ul
{
  margin:0;
  padding:0;
}

#navbar li
{
  display:inline;
  list-style:none;
  padding: 1px 30px 2px 30px;
}

#navbar a
{
  color: #FFF;
  text-decoration:none;
  padding: 1px 10px 2px 10px;
  background-color:#87BA5E;
}

#navbar a:hover
{
  color: #fff;
  background-color: #a1bfe3;
}

#leftcolumn { 
 color: #000;
 background-color: #87BA5E;
 padding: 3px;
 width: 157px;
 float: left;
 text-align:center;
 font-size:.9em;
}

#leftcolumn ul {
	padding-left: 0;
	margin: 0;
	list-style-type: none; 
	}
	
#leftcolumn li { 
	margin: 0 0 0 0;
	background-color:#6185c1;
	border: 1px solid #87BA5E;
	}
	
#leftcolumn a {
	color: #FFEFAF;
	background-color: #547AA7; 
	display: block;
/*	padding: 1px 3px; */
	text-decoration: none;
	}

#leftcolumn a:hover {
	background-color: #547AA7;
	color: #FFEFAF;
	text-decoration: none;
	}

#leftcolumn ul ul li {
	text-align:right;
	}

#leftcolumn ul ul a {
	display: block;
	padding-right: 4px;
	
	color: #000;
	background-color: #a3bde2;
	text-decoration: none;
	}

#leftcolumn ul ul a:hover {
	color: #FFD7AF;
	background-color: #ce6d29;
	text-decoration: none;
	}
	
#leftcolumn a img {
	border: 0px;
	vertical-align:middle;
	}

#leftcolumn a:hover img {
	border: 0px;
	display: inline;
	}

#leftcolumn ul ul li.chosen {
	color:#A73A12;
	background-color:#F2F2E6;
	text-decoration: none;
	padding-right:4px;
}

#rightcolumn {
 font-size:.9em;
 float: right;
 color: #333;
 border: 1px solid #ccc;
 background: #F2F2E6;
 margin: -3px 0 0 0;
 padding: 10px 30px 10px 30px;
 width: 765px;
 display: inline;
}

#rightcolumn a {text-decoration:none;font-weight:bold}
#rightcolumn a:hover {text-decoration:underline;}
#rightcolumn a:link {color:#3763AC}
#rightcolumn a:visited {color:#3763AC}

#footer {
 font-family:	'Lucida Sans', verdana, sans-serif;
 font-size:.8em;
 text-align:center;
 width: 980px;
 clear: both;
 color: #0005;
 border-top: 5px solid #fff;
 background-color: #87BA5E;
 margin: 0px 0px 10px 0px;
 padding: 5px;
}

/*  Text Decorations   */

.center{text-align:center;}

.indent1{margin-left:30px;}

.indent2{margin-left:60px;}

table.feedbackform td {
	padding-right:10px;
}

.feedbackform {
	width: 600px;
}