/* Start of CMSMS style sheet 'main' */
/* Start of CMSMS style sheet 'Glassy Red' */
/* CMS Made Simple - Glassy Red Theme */
/* 2007 (c) MT Jordan - mtjo62@gmail.com */

/**** General tags ****/

body
{
    font-size: 70%;
    font-family: verdana, Arial, Helvetica, sans-serif;
    background: #000;
    color: #000;
    margin: 0;
    padding: 0;
    min-width:1000px;
}
a
{
    color: #C00000;
    text-decoration: none;
    background: transparent;
}
a:hover
{
    color: #C00000;
    text-decoration: underline;
    background: transparent;
}
a:hover img
{
    background: transparent;
}
img
{
    margin: 0;
    padding: 0;
    border: 0;
}
p
{
    margin: 0;
}

code, tt, pre
{
    font-size: 130%;
}
form
{
    margin: 0;
    display: inline;
}
textarea
{
    border: solid 1px #aaa;
    width: 48em;
    height: 30em;
}
select, iframe
{
    border: solid 1px #aaa;
}
input, select
{
    font-size: 110%;
}
h1
{
    font-weight: bold;
    font-size: 110%;
}
h2
{
    font-weight: bold;
    font-size: 100%;
}
h3
{
    font-weight: bold;
    font-size: 100%;
}
h4
{
    font-weight: bold;
    font-size: 90%;
}
hr
{
    color: #aaa;
    background: #aaa;
    height: 2px;
}
a.move_up
{
    margin-left:16px;
}



/**** Main Page - Menu ****/

/*** header ***
we will hide text and replace it with a image
we need to assign a height for it
*/


div#header {
   height: 150px; /* adjust according your image size */
   background: #CCBCA5; 
   min-width: 900px;   
   margin: 0;       
}

div#leftheader {
/* you can set your own image here */
   background: url(uploads/images/left1.png) no-repeat; 
   display: block; 
   height: 150px;             /* adjust according your image size */
   width: 200px;             /* adjust according your image size */
   float: left;
   text-decoration:none; /* old firefox would have shown underline for the link, this explicitly hides it */
   padding: 0;
}

div#rightheader {
/* you can set your own image here */
   background: url(uploads/images/right.png) no-repeat; 
   margin-top:5px;
   width:220px;
   height: 190px;             /* adjust according your image size */
   float: right;
   text-decoration:none; /* old firefox would have shown underline for the link, this explicitly hides it */
   position:relative;
   z-index:1;
}

div#centerheader {
/* you can set your own image here */
   background: #CCBCA5; 
   display: block; 
   height: 150px;             /* adjust according your image size */
   text-align: center;
   text-decoration:none; /* old firefox would have shown underline for the link, this explicitly hides it */
   padding: 6px 0px;
}

div#search {
   float: right;
   width: 23em;     /* enough width for the search input box */
   text-align: right;
   padding: 0.6em 0 0.2em 0;
   margin: 0 1em;
}

/**** All pages - Content ****/

div.left49 {
  float: left;
  width: 45%;
  color: #fff;
  margin: 5px 0px 0px 10px;
  }

div.right49 {
  float: right;
  width: 45%;
  text-align: right;
  margin: 5px 10px 0px 0px;
  color: #fff;
  }

div.left49 a{
  color: #9999FF;
  }

div.right49 a{
  color: #9999FF;
  }

#MainContent
{
    background: #efefef;
    padding: 5px 5px;
}
div.topmenucontainer
{
    background: #1F273F url(http://www.surrett.org/uploads/images/redglassy/nav_bg.png) center repeat-x;
    color: #fff;
    padding: 7px 7px;
    border-bottom: 1px solid #7A8295;
    border-top: 1px solid #000000;
height:25px;
}
div.hstippled
{
    font-size: 1px;
    background: #fff url(http://www.surrett.org/uploads/images/redglassy/hstippled.gif) repeat-x center;
    height: 1px;
}
div.breadcrumbs
{
    background: #ccbca5;
    border-top: 1px solid #000;
    padding: 8px;
    min-width: 900px;
}
p.breadcrumbs
{
    color: #000;
    padding: 5px;
}



/**** Standard pages output ****/

div.mainbody
{
    background: #000;
    margin: 0;
    padding: 0 0 10px 0;
    width:100%;
}
div.pagecontainer
{
    background: #fff;
    margin: 10px;
    padding: 10px;
    border: solid 1px #aaa;
    height: 100%; /** IE6 needs this */
}
div.pagecontainer p
{
    margin-bottom: 1em;

}
div.pagemcontainer
{
    background: #ffffef;
    margin: 10px;
    padding: 5px;
    border: solid 1px #aaa;
    color: #ff0000;
}
div.pageoverflow
{
    clear: left;
    padding-top: 1px;
    width: 97%;
    overflow: hidden;
}

div#footer
{
    color: #fff;
    text-align: center;
    padding: 15px 0;
    clear: both;
    background: #000 url(http://www.surrett.org/uploads/images/redglassy/footer_bg.gif) repeat-x top;
}

#footer table
{
    width: 100%;
}

#footer td
{
    text-align: center;
}

#footer a, #footer a:visited
{
    color: #fff;
}
.clearb
{
    clear: both;
}

.important
{
    color: red;
}

/**** Toggles #page_content and form bgcolor in add/edit content forms ****/

.odd {background-color: #fff;text-align:left;vertical-alignment: top;}
.even {background-color: #ddd;text-align:left;vertical-alignment: top;}

/* End of 'main' */