.body {   text-align:left; padding:0px 0px; }


/*
-----------------------------------------------
MAIN CSS LAYOUT
-----------------------------------------------
*/


div#container
{
   background:white; border:0px solid #FFFFFF;
   text-align:left;
}

div#container,
div#header { width:100%; }

div#wrapper
{
  margin: 0px;

}

div#content{margin-left: 00px; }


DIV#navigation {
   BACKGROUND: #1e431a; FLOAT: left; WIDTH: 250px
}
DIV#sidebar {
   CLEAR: left; BACKGROUND: #1e431a; FLOAT: left;    clear:left; WIDTH: 250px
}

div#footer
{
   clear:both;
   width:100%;
}

div#footer { background: #333; color: #FFF;}
div#footer a { color:white; }

/* gutter */

div#content .gutter { padding: 10px 20px; }
div#sidebar .gutter { padding: 10px 20px; }
div#footer .gutter  { padding: 10px; }

/*
-----------------------------------------------
IMAGES WITH TEXT
-----------------------------------------------
*/

.imgleft
{
  float:left;
  margin:4px 20px 4px 0;
  display:inline; /*double margin bug ie */
}

.imgright
{
  float:right;
  margin:4px 1px 4px 15px;
  display:inline; /*double margin bug ie */
}

address { font-style:normal;}
.small { font-size:80%;}
.caption { font-size: 81%; } /*  included underneath photos  */

/*
-----------------------------------------------
FONT STYLES
-----------------------------------------------
*/

body, p, table, td
{
   font:normal 12px/140% Verdana, Arial, Helvetica, sans-serif;
   color:#000000;
}

h1
{
   font:bold 17px/140% Verdana, Arial, Helvetica, sans-serif;
   color:#800000;
   
}

h2
{
   font:bold 12px/140% Verdana, Arial, Helvetica, sans-serif;
   color:#800000;
   
}

h3
{
   font:bold 12px/140% Verdana, Arial, Helvetica, sans-serif;
   color:#800000;
   
}

.footer
{

   font: 10px/140% Verdana, Arial, Helvetica, sans-serif;
   color:#333333;
   
}

/*
-----------------------------------------------
navigation MENUS LAYOUT
-----------------------------------------------
*/


ul#mainNav1
{
   text-align: left;
   margin:15px 0 0 0;
   padding:0;
}

ul#mainNav2,
ul#mainNav3
{
   margin:0;
   padding: 0;
}


ul#mainNav1 li,
ul#mainNav2 li,
ul#mainNav3 li
{
   display: inline;
   margin: 0;   
   padding: 0;
}


ul#mainNav1 li a,
ul#mainNav1 li a:visited,
ul#mainNav2 li a,
ul#mainNav2 li a:visited,
ul#mainNav3 li a,
ul#mainNav3 li a:visited
{
   font-family:Verdana, Arial, Helvetica, sans-serif;
   line-height:140%;
   font-style:normal;
   text-decoration: none;
   display: block;
   border-bottom:1px solid #CCC;
}


ul#mainNav1 li a, ul#mainNav1 li a:visited { padding:4px 4px 4px 25px; }
ul#mainNav2 li a, ul#mainNav2 li a:visited { padding:3px 3px 3px 33px; }
ul#mainNav3 li a, ul#mainNav3 li a:visited { padding:3px 3px 3px 41px; }


ul#mainNav1 li a:hover,
ul#mainNav2 li a:hover,
ul#mainNav3 li a:hover
{
   background:#EEE;
   color:black;
}

ul#mainNav1 li a.current,
ul#mainNav2 li a.current,
ul#mainNav3 li a.current
{ 
   background:#EEE;
   color:black;
   font-weight:bold;
}


/*
-----------------------------------------------
BLOG STYLES
-----------------------------------------------
*/

a.trackbackUrl, 
a.trackbackUrl:link,
a.trackbackUrl:visited,
a.trackbackUrl:hover,
a.trackbackUrl:active
{
   background:#EEEEEE none repeat scroll 0% 0%;
   border:1px solid black;
   color:#333333;
   padding:2px;
   text-decoration:none;
}

a:link,
a:visited
{
   text-decoration: underline; /* fix */
   color:#870300; 
}

a:active, 
a:hover
{
   text-decoration:none; /* fix */
   color: #870300;
}

div.hr
{
   border-bottom-style:solid;
   border-bottom-width:1px; /* fix */
   border-color: #810022;
   height: 1px;
}/*  alternative */

.altcolor,
.altcolor p { color:#FFFFFF;}

.altcolor h1 {color:#FFFFFF; }
.altcolor h2 {color:#FFFFFF; }

.altcolor a:link,
.altcolor a:visited { color:#FFFFFF; }

.altcolor a:active, 
.altcolor a:hover { color:#FFFFFF; }

.altcolor div.hr {border-color: #FFFFFF;}


/*
-----------------------------------------------
HEADER BANNER OF PAGE
-----------------------------------------------
*/
div#emotionheader
{
   position:relative;
   width:850px;
   height:190px;
   background: #FFF url('../images/emotionheadereb77.jpg') no-repeat top left;
   overflow:hidden;
}



div#emotionheader strong#emotionheader_title
{
   position: absolute;
    display:block;
   top: 47%; left: 2%; 
   font:bold 15px/140% "Courier New", Courier, mono;
   color: #DD1212;
   margin:0;
   padding:0;
}

.emotionheaderbg { background-color:#;}

/*
-----------------------------------------------
IE Fix | PNG Handle
-----------------------------------------------
*/

.leftDownload img,
img.pngfix{behavior: url("includes/pngbehavior.htc");}