/* Start of CMSMS style sheet 'Layout' */
/* A CSS Framework by Mike Stenhouse of Content with Style, adapted to CMSMS by Daniel Westergren */

/* SITE SPECIFIC LAYOUT */
    body {
        margin: 0px;
        padding: 0;
        text-align: center;
        background-color: #68A500;

         background-image: url(uploads/images/mainbg.gif); 
/* background-image: url(uploads/images/background_new.jpg); 
background-color: #EEEEDF; */
background-repeat: repeat-x;
    }


    div#borderwrap {
        background-color: #ccc;
        margin: 0px auto;
        width: 900px;
        padding: 0px;
        border: 0px solid #ccc; 
    }

   div#top_menu {
        margin: 10px;
        width: 900px;
        padding: 10px 0 10;
        text-align: left;


    }

   div#top {
        margin: 0 auto;
        width: 900px;
        padding: 0;
        text-align: left;

    }
  div#top_left {
        margin: 0 auto;
        /* position: relative; */
        float: left;
       /* width: 49%; */
        text-align: left;

    }

 div#top_right {
        margin: 0 auto;
       position: relative;
       float: right;
        width: 49%;
        text-align: right;

    }

    div#pagewrapper {

        margin: 0 auto;
        width: 900px;
        padding: 0;
        text-align: left;
    }
 
    #container {
	position: relative;
	margin: 0;
        padding: 0;
    }
 
    /* HEADER */
        div#header {
            margin: 0;
            padding: 0;
            height: 200px;
            text-align: left;
        }
        div#header h1 a {
            display: block;
            height: 200px;
            text-indent: -700em;
            width: 820px;
            margin: 0;
            padding: 0;
            text-decoration:none;
            background-color: #86ADD6; /* blue*/
        }
    /* END HEADER */
    
    
    /* CONTENT */
        div#content {

        }
        
        /* MAIN */
            div#main {

            }
        /* END MAIN */
        
        /* SUB */
            div#sub {
                
            }
        /* END SUB */
        
    /* END CONTENT */
    
    
    /* FOOTER */
        div#footer {

        }

        div#footer p {
            font-size: 1.0em;
            margin: 0;
            padding: 3px;
            text-align: center;
        }
    /* END FOOTER */
/* END LAYOUT */



div.breadcrumbs {
   padding: 1em 0;
   text-align: left;
   font-size: 90%;
   margin: 0 1em;
   border-bottom: 1px dotted #000;
}

div.flags {
  float: right;
  width: 18px;
  padding: 1em 0;
  text-align: right;
  margin: 0 1em 0 0;
}

div.left49 {
  float: left;
  width: 49%;
  }

div.right49 {
  float: right;
  width: 49%;
  text-align: right;
  }

/*drop shawdow http://nerd.ocracy.org/em/shadow/index.html */

.shadow p {
        background: white;
        padding: 3px;
        border: 1px solid black; }

    .non-float { float: none !important;}

    .shadow img.framed {
        background: white;
        padding: 12px;
        border: 1px solid black; }
img.framed {
        background: white;
        padding: 12px;
        border: 1px solid black; }

div.shadow {
    float:left;
    display: block;
    background: url(images/shadow3.png) no-repeat bottom right;
    margin: 18px 0 0 18px;
}

/* The top-right corner of the shadow */
div.shadow:before {
    content:"";
    background: url(images/shadow3.png) no-repeat top right;
    margin: -9px 0 0 0;
    display:block;
    height: 9px;
}

/* The bottom-left corner of the shadow */
div.shadow:after {
    content: "";
    background: url(images/shadow3.png) no-repeat bottom left;
    margin: -30px 0 0 -9px;
    display: block;
    width: 9px;
    height: 30px;
}

/* The item with the shadow */
div.shadow > * {
    margin:0;
    display: block;
    position: relative;
    top: -9px; 
    left: -9px;
}

/* Workaround for a bug in Mozilla 1.7 (1.7.10-1 Debian)
 *
 * For non-floated elements the div.shadow will extend to contain 
 * the whole :before rect, which has negative margins and should
 * be put instead outside it's parent. Putting a border around the 
 * div seems to fix the problem. 
 *
 * Enable the following rule if you want to use non floated content.
 */

/*
div.shadow { border: 0.1px solid transparent; }
*/

img.right {
float:right;
text-align: right;
align: right
}

/* cssdrop2 */

.alpha-shadow {
	clear: both;
	float:left;
	background: url(images/shadow.gif) no-repeat bottom right;
	margin: 0px 0 0 2px !important;
	margin: 0px 0 0 1px;
	}

.alpha-shadow div {
  background: url(images/shadow2.png) no-repeat left top !important;
  background: url(images/shadow2.gif) no-repeat left top;
  float: left;
  padding: 0px 6px 6px 0px;
  }

.alpha-shadow img {
  background-color: #fff;
  border: 1px solid #a9a9a9;
  padding: 8px;
  margin: 0;
  }

.credits
{
text-align:center;
}
/* End of 'Layout' */