/*------------------------------
TOP LEVEL CSS
--------------------------------*/
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;}

/*------------------------------
MAIN PAGE WRAPPER THAT CONTAINS EVERYTHING
--------------------------------*/

div#wrapper
{
  margin-left:auto;
  margin-right:auto;
  width:79em;
  margin-top:1em;
  position: relative;
}

/*------------------------------
LEFT WRAPPER CONTAINS EVERYTHING EXCEPT THE COLUMN OF BOXES ON THE RIGHT SIDE OF THE PAGE
--------------------------------*/

div#leftwrapper
{
  width:61em;
  float:left;  
}

/*------------------------------
TOP MENU
--------------------------------*/
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;
}

/*------------------------------
TOP MENU - BUTTONS
--------------------------------*/
div#menuboxbuttons
{
    position:relative;
    left: 6.25em;
    width: 50em;
    height:100%;
    background-color: #5c7a43;
    z-index:1;
}

/*------------------------------
MGP LOGO
--------------------------------*/
div#logoimagebox
{
    position:absolute; top:-.6em; left:-10em;
    width: 18.75em;
    height: 18.75em;
    z-index:3;
}

/*------------------------------
DONATION LOGO
--------------------------------*/
div#donationStarburst
{
    position:absolute; top:8em; left:52.5em;
    
    width: 11.35013124257218em;
    height: 10.19588060773433em;
    z-index:3;
}

/*------------------------------
THE UNIQUE PART OF THE PAGE THAT DISPLAYS THE TITLE, CONTENT
--------------------------------*/
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;
}

/*------------------------------
THE LARGE YELLOW TITLE ON THE PAGE
--------------------------------*/
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')"; 
}

/*------------------------------
THE BLURB DESCRIBING THE PAGE
--------------------------------*/
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;
}

/*------------------------------
A LOGICAL SECTION OF THE CONTENT OF A PAGE
--------------------------------*/
div.bodyboxsection
{
    background-color: white;
    z-index: 2;
    padding: .83em 1.25em .4em 1.25em;
    font-family:Verdana;
    font-weight:normal;
}



/*------------------------------
THE DISCLAIMER SECTION
--------------------------------*/
div#disclaimer
{
  font-family:Verdana; 
  font-size:.83em;
  font-weight:normal;    
}

/*------------------------------
A SECTION TITLE - GREEN BAR WITH YELLOW TEXT
--------------------------------*/
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')";
}

/*------------------------------
A SUB-SECTION TITLE - LARGER TEXT
--------------------------------*/
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; 
}

/*------------------------------
RIGHT-HAND SIDE SIDE BAR - TOP AUTHENTICATION BOX
--------------------------------*/
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;
}

/*------------------------------
RIGHT-HAND SIDE SIDE BAR - THE REST OF THE COLUMN
--------------------------------*/
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;
}

.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;
}