/* CSS Resets */

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,q,small,strong,sub,sup,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;margin:0;padding:0}article,aside,figure,figure img,figcaption,hgroup,footer,header,nav,section,video,object{display:block}a img{border:0}figure{position:relative}figure img{width:100%}


/* ==================================================================================================================== */
/* ! The 1140px Grid V2 by Andy Taylor \ http://cssgrid.net \ http://www.twitter.com/andytlr \ http://www.andytlr.com   */
/* ==================================================================================================================== */

.container {
padding-left: 20px;
padding-right: 20px;
}

.row {
width: 100%;
max-width: 1140px;
min-width: 755px;
margin: 0 auto;
overflow: hidden;
}
.menurow {
width: 100%;
max-width: 1140px;
min-width: 755px;
margin: 0 auto;
    z-index: 999;

}

.onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol {
margin-right: 3.8%;
float: left;
min-height: 1px;
}

.row .onecol {
width: 4.85%;
}

.row .twocol {
width: 13.45%;
}

.row .threecol {
width: 22.05%;
}

.row .fourcol {
width: 30.75%;
}

.row .fivecol {
width: 39.45%;
}

.row .sixcol {
width: 48%;
}

.row .sevencol {
width: 56.75%;
}

.row .eightcol {
width: 65.4%;
}

.row .ninecol {
width: 74.05%;
}

.row .tencol {
width: 82.7%;
}

.row .elevencol {
width: 91.35%;
}

.row .twelvecol {
width: 100%;
float: left;
}

.last {
margin-right: 0px;
}

img, object, embed {
max-width: 100%;
}

img {
    height: auto;
}


/* Smaller screens */

@media only screen and (max-width: 1023px) {

    body {
    font-size: 0.8em;
    line-height: 1.5em;
    }
    
    }


/* Mobile */

@media handheld, only screen and (max-width: 767px) {

    body {
    font-size: 16px;
    -webkit-text-size-adjust: none;
    }
    
    .row, body, .container {
    width: 100%;
    min-width: 0;
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 0px;
    padding-right: 0px;
    }
    
    .row .onecol, .row .twocol, .row .threecol, .row .fourcol, .row .fivecol, .row .sixcol, .row .sevencol, .row .eightcol, .row .ninecol, .row .tencol, .row .elevencol, .row .twelvecol {
    width: auto;
    float: none;
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 20px;
    padding-right: 20px;
    }

}



/* ============================== */
/* ! Layout for desktop version   */
/* ============================== */
/* links */
a:link, a:visited { background: inherit; color: #72A545; text-decoration: none; }
a:hover { background: inherit; color: #006699; text-decoration: underline; }

body {
font: "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
background-attachment:fixed;
background-repeat:no-repeat;
background-image:url('images/smgbg.jpg');
background-size: 100%;
}
/* headers */

h2 { font-size: 1.2em; text-transform: uppercase; }
h3 { font-size: 1.2em; }

blockquote {
    margin: 15px;     padding: 0 0 0 20px;      
      
    background-position: 8px 10px;
    background-color: #FAFAFA; 
    border: 1px solid #f2f2f2; 
    border-left: 3px solid #72A545;  
    font: "Trebuchet MS", Tahoma, sans-serif; 
    color: #666666;    
}
.main-column h1 {
    padding: 10px 0px 0px 5px;
    margin: 0 0 0 10px;
    font: normal 2em 'Trebuchet MS', Tahoma, Sans-serif;
}

.wrapper{
background-color: #fff;
}


.header {
background-color: #2d2d2d;
vertical-align: middle;
padding: 5px 0px;
font-family: 'Nothing You Could Do', cursive;
color: #FFF;
text-align: center;
/*position: fixed;*/

border-top-left-radius: 22px;
border-top-right-radius: 22px;
}
.heading{
vertical-align: middle !important;
}
.maria{
width: 100px;
float: left;
}
#mobilemenu {
display: none;
}
.clear {
clear: both;
}

.menu{
z-index: 999;
    border:none;
    border:0px;
    margin:0px;
    padding:0px;
    font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
    font-size:14px;
    font-weight:bold;
    position:relative;
    margin-left: auto;
    margin-right: auto;
    }
.menu ul{
    background:#2d2d2d;
    height:35px;
    list-style:none;
    margin:0 auto;
    padding:0;
    text-align:center;
    }
    .menu li{
        float:left;
        padding:0px;
        }
    .menu li a{
        background:#2d2d2d;
        color:#cccccc;
        display:block;
        font-weight:normal;
        line-height:35px;
        margin:0px;
        padding:0px 10px;
        
        text-decoration:none;
        }
        .menu li a:hover, .menu ul li:hover a{
            background: #72A545;
            color:#FFFFFF;
            text-decoration:none;
            }
    .menu li ul{
        background:#2d2d2d;
        display:none;
        height:auto;
        padding:0px;
        margin:0px;
        border:0px;
        position:absolute;
        width:225px;
        z-index:200;
    
        /*top:1em;
        /*left:0;*/
        }
    .menu li:hover ul{
        display:block;
        
        }
    .menu li li {
        
        display:block;
        float:none;
        margin:0px;
        padding:0px;
        width:225px;
        }
    .menu li:hover li a{
        background:none;
        
        }
    .menu li ul a{
        display:block;
        height:35px;
        font-size:12px;
        font-style:normal;
        margin:0px;
        padding:0px 10px 0px 15px;
        text-align:left;
        }
        .menu li ul a:hover, .menu li ul li:hover a{
            background:#72A545;
            border:0px;
            color:#ffffff;
            text-decoration:none;
            }
    .menu p{
        clear:left;
        }    

    .menuwrapper {
    position:relative;
    background-color:#2d2d2d;
        /*width: 850px; */
    margin-left: auto;
    margin-right: auto;
z-index: 999;
    overflow: visible;

        
        }
        nav {
        position:relative;
        margin-left: auto;
    margin-right: auto;
    width:800px;
    z-index: 999;
        }
        .menuwrapper .fixed {
    position: fixed;
    left:50%;
    margin-left:-429px;
        top:0;
}


#viewerPlaceHolder{
    z-index: 1;
}



.main-column div.post{
margin-bottom: 10px; 
    padding: 0;
background-color:#fff;    
}

.wrapper h1 {
    padding: 10px 0px 5px 10px;
    margin: 0;    
    color:#72A545;
    text-align:center;
}
.main-column h1 {
        border-bottom: 1px solid #72A545;
    
}
.footer {
    background-color: #2d2d2d;
    border-radius:0px 0px 10px 10px;
    font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
color: #FFF;
text-align: center;
}

.postedby {
position: relative; 
float:left;
width: 550px;

}

#social {
position:fixed;
float:right;
text-align:right;
width:145px;
bottom:5px;
right: 5px;
}


.newsbody, .posttext {
padding:5px;    
}


.nextprev {

margin-left: auto;
    margin-right: auto;
    background-color: #2d2d2d;
    color:#FFF;
    text-align:center;
    border-radius:10px;
}

.newsbottom {


    font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
    padding-left: 25px;
    padding-right: 25px;
}

.icons {
position: relative;
float: left;
width:90px;
}
.fcaption {
font-size: 1.2em;
text-align:center;
}
.fborder tr:nth-of-type(even){
background-color: #2d2d2d;
border-radius:10px;
color:#fff;
}

.info {
/*width: 325px;*/
min-height:150px;
height: auto !important;
float:left;
border: 1px solid #72A545;
border-radius: 10px ;
vertical-align: middle;
text-align: center;
margin: 10px;
padding-bottom: 5px;
box-shadow:10px 10px #2d2d2d;
}

.info h4 {
color: #72A545;
padding:1px;
}

#welcomebox {

margin-left:auto;
margin-right:auto;
}

#welcomebox2 {

margin-left:auto;
margin-right:auto;
}

#mobilesite {
    display: none;
}
#bigsite {
    display: block;
}
.mobilesite {
    display: none;
}
.bigsite {
    display: block;
}
iframe {
    width: 600px;
    height: 400px;
}
object {
    margin:0 auto;
    z-index: -1;
}

#bulletin {
 z-index: -1;   
}
.cpage_author {
    display: none;
}

/* ============================= */
/* ! Layout for mobile version   */
/* ============================= */

@media handheld, only screen and (max-width: 767px) {
.menuwrapper {
display: none;
}
.header {
border-top-left-radius: 0px;
border-top-right-radius: 0px;
padding: 10px 0px;
}
#mariaimage{
display:none;
}
#mobilemenu{
display:block;
text-align: left;
}
#social {
display:none;
}
.postedby {
display:none;

}
.shareme{
display: none;
}
.footer{
display: none;
}

#mobilesite {
    display: block;
}
.mobilesite {
display: block;    
}
#bigsite {
    display: none;
}
.bigsite {
    display: none;
}
h2 { font-size: .7em; text-transform: uppercase; }
h3 { font-size: .7em; }
.main-column h1 {
    font: normal 1em 'Trebuchet MS', Tahoma, Sans-serif;
}
iframe {
    width: 250px;
    height: 400px;
}
.info {
/*width: 325px;*/
min-height:0;
border: 1px solid #72A545;
border-radius: 10px ;
vertical-align: middle;
text-align: center;
margin: 10px;
padding-bottom: 5px;
box-shadow:00px 00px;
}
    body {
        
    }

}


/* ========================================== */
/* ! Provide higher res assets for iPhone 4   */
/* ========================================== */

@media only screen and (-webkit-min-device-pixel-ratio: 2) { 

}