﻿body 
{
    background-color: #A6D785;  
    font-size:small;
    font-family:Verdana;
}

a:link {color:#3c492f; font-weight:bolder; text-decoration: underline}
a:visited {color:#3c492f; font-weight:bolder; text-decoration: underline}
a:active {color:#3c492f; font-weight:bolder; text-decoration: underline}
a:hover {color:#3c492f; font-weight:bolder; text-decoration: underline}

/*------------------------------
BLOG CSS
--------------------------------*/
div.blogdatatitle a:link {text-decoration: none; color: #3b4930}
div.blogdatatitle a:visited {text-decoration: none; color: #3b4930}
div.blogdata
{
   margin-left:2%; 
   margin-right:2%;
   font-family:Verdana;   
}
div.blogdatatitle
{ 
   font-family:Verdana;   
}
div.blogdatacontent
{ 
   font-family:Verdana;  
}

/*------------------------------
TOC CSS
--------------------------------*/

div.tableofcontents
{
    margin-left:3%; 
    margin-right:3%; 
   /* padding:10px 10px 10px 10px;*/
}
div.tableofcontents a:link {text-decoration: none;}
div.tableofcontents a:visited {text-decoration: none;}
div.tableofcontents a:hover {text-decoration: none;}
div.tableofcontents a:active {text-decoration: none;}

/*------------------------------
BLOG CSS
--------------------------------*/

div#wrapper
{
  margin-left:auto;
  margin-right:auto;
  width:79em;
  margin-top:1em;
  position: relative;
}

/*------------------------------
WRAPPER BOX AND MENUS
--------------------------------*/

div#leftwrapper
{
  width:61em;
  float:left;  
}

div#menubox
{
    -moz-border-radius: 1.25em;
    -webkit-border-radius: 1.25em;
    border-radius: 1.25em;
    
    border: .25em solid #000;
    
    float:left;
    
    width:61em;
    height: 5em;
    background-color: #5c7a43;
    padding: .4em .4em .4em .4em;
    z-index:1;
}

div#menuboxbuttons
{
    position:relative;
    left: 6.25em;
    width: 50em;
    height:100%;
    background-color: #5c7a43;
    z-index:1;
}

div#logoimagebox
{
    position:absolute; top:-.6em; left:-10em;
    width: 18.75em;
    height: 18.75em;
    z-index:3;
}

div#donationStarburst
{
    position:absolute; top:8em; left:52.5em;
    
    width: 11.35013124257218em;
    height: 10.19588060773433em;
    z-index:3;
}

div#bodybox
{
    -moz-border-radius: 1.25em;
    -webkit-border-radius: 1.25em;
    border-radius: 1.25em;
    
    border: .25em solid #000;
    
    float:left;
    clear:left;
   
    width: 61em;
    padding: .4em .4em .4em .4em;
    background-color: white;
    z-index: 1;   
    font-family:Verdana;

    font-weight:normal;
}

div#bodyboxtitle
{
    -moz-border-radius: 1.25em;
    -webkit-border: 1.25em;
    border-radius: 1.25em;
    
    float:left;
    height:4.5em;
    width:98.7%;

    z-index:1;
    background-color: #404c38;
    
    padding-right: .4em;
    padding-left: .4em;
    
    -webkit-box-shadow: .25em .25em .25em rgba(0, 0, 0, 0.5);
    -moz-box-shadow: .25em .25em .25em rgba(0, 0, 0, 0.5);
    box-shadow: .25em .25em .25em rgba(0, 0, 0, 0.5);
    /* IE */
    filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=3, OffY=3, Color='gray');
    /* slightly different syntax for IE8 */
    -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=3, OffY=3, Color='gray')"; 
}

div#bodyboxintro
{
    float:left;
    height:auto;
    width:96%;
    z-index:1;
    padding: .4em 1.25em .4em 1.25em;
    margin-bottom:.4em;
    margin-top:1.5em;
    font-size:medium;
}

div.bodyboxsection
{
    background-color: white;
    z-index: 2;
    padding: .83em 1.25em .4em 1.25em;
    font-family:Verdana;
    font-weight:normal;
}



div#bodyboxheading
{   
    -moz-border-radius: 1.25em;
    -webkit-border: 1.25em;
    border-radius: 1.25em;
    
    float:left;
    height:auto;
    width:98.8%;
    
    /*height: 125px;
    /*clear: both;*/
    /*width:96%;*/
    z-index:1;
    background-color: #404c38;
    padding: .4em .4em .4em .4em;
    
    margin-bottom:.4em;
    -webkit-box-shadow: .25em .25em .25em rgba(0, 0, 0, 0.5);
    -moz-box-shadow: .25em .25em .25em rgba(0, 0, 0, 0.5);
    box-shadow: .25em .25em .25em rgba(0, 0, 0, 0.5);
    /* IE */
    filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=3, OffY=3, Color='gray');
    /* slightly different syntax for IE8 */
    -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=3, OffY=3, Color='gray')";  
}

div#bodyboxheadingtitle
{   
    float:right;
    height:10.41em;
    padding-right:2.5em;
    padding-top:0em;
    z-index:1;
    background-color: #404c38;    
}

div#bodyboxheadingdescription
{   
    float:right;
    font-family:Verdana;
    font-size:1.16em;
    font-weight:bold;
    color:White;
    width:26em;
    /*height:115px;*/
    height:auto;
    z-index:1;
    background-color: #404c38;
}


div.subsectiontitle
{
    height: auto;
    z-index:1;  
    font-family:Verdana;
    font-weight:bolder;
    font-size:1.15em;
    color:black; 
    padding-top:.16em;
    padding-bottom:.33em;
    border-bottom: solid .083em black; 
}

div#disclaimer
{
  font-family:Verdana; 
  font-size:.83em;
  font-weight:normal;    
}

div.sectiontitle
{
    -moz-border-radius: .4em;
    -webkit-border-radius: .4em;
    border-radius: .4em;
    
    height: auto;
    width:100%;
    background-color: #404c38;
    z-index:1;  
    font-family:Verdana;
    font-size:1.15em;
    font-weight:bolder;
    color:Yellow;  
    padding-top:.16em;
    padding-bottom:.16em;
    
    margin-bottom:.4em;
    -webkit-box-shadow: .25em .25em .25em rgba(0, 0, 0, 0.5);
    -moz-box-shadow: .25em .25em .25em rgba(0, 0, 0, 0.5);
    box-shadow: .25em .25em .25em rgba(0, 0, 0, 0.5);
    /* IE */
    filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=3, OffY=3, Color='gray');
    /* slightly different syntax for IE8 */
    -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=3, OffY=3, Color='gray')";
}

div.sidebartopbox
{
    -moz-border-radius: .4em;
    -webkit-border-radius: .4em;
    border-radius: .4em;
    
    
    border: .25em solid #000;  
    
    float:right;
   
    width: 14em;
   /* height: 196px;*/
   height:auto;
    
    background-color:white;
    z-index:1;
    font-family:Verdana;
    padding: .4em .8em .4em .8em;
}

div.sidebarbox
{
    -moz-border-radius: .4em;
    -webkit-border-radius: .4em;
    border-radius: .4em;
    
    border: .25em solid #000;
        
    float:right;
    clear:right;
    margin-top:.83em;

    width: 14em;
  /*  height: 250px;*/
    height:auto;
    background-color:white;
    z-index:1;
    font-family:Verdana;
    padding: .4em .8em .4em .8em;
}

div.sidebarsectiontitle
{
    
}

div.profileSectionOptions
{
   width: 98%;
   padding: .4em .4em .4em .4em;
   background-color:#d1cfcf;
   border-style:dashed;
   border-color:#2e2e2d; 
   border-width:.2em;
   -moz-border-radius: .25em;
   -webkit-border-radius: .25em;
   border-radius: .25em;

   z-index:3; 
   text-align:left;
}

div.profileSectionOptionsExtra
{
  margin-left:5%;    
}

div.profileSectionOptionTitle
{
    width:98%;
    padding: .4em .4em .4em .4em;
    background-color:#c1c1c1;
    border: .2em solid #000000;
    text-align:left;
    font-weight:bold;
    font-size:105%;
}

div.profileSectionOptionBody
{
    width:98%;
    padding: .4em .4em .4em .4em;
    background-color: #d1cfcf;
    border-bottom: .2em dashed #000000;
    border-left: .2em dashed #000000;
    border-right: .2em dashed #000000;
    text-align:left;
}

div.profileSectionOptionStandAlone
{
    width:98%;
    padding: .4em .4em .4em .4em;
    background-color: #d1cfcf;
    border: .2em dashed #000000;
    text-align:left;
}


.mgpbutton
{
    font-weight: bold; 
    padding: .5em .5em .5em .5em;
}

.mgpbuttoncollapseexpand
{
    font-weight: bold;
    padding: 0em 1em 0em 1em;
}

div.profilepreviewsection
{
    border-style: dotted;
    border-color:Gray;
}


