/***    

Style Sheet by Ben Hunter @ NorthEastWebs.com

Custom Style sheet build for SSNS

Version 1.0  Nov 2013


***/

#smedia {
	position: absolute;
	top: 620px;
	left: 200px;
	z-index: 100;
	float: left;
}

#smedia2 {
	position: absolute;
	top: 270px;
	left: 200px;
	z-index: 100;
	float: left;
}

#smedia3 {
	float: right;
	padding-right: 50px;
}

#pagetitle {
  text-align: center;
  font-size: 30px;
  font-family: helvetica, arial, sans-serif; 
}

.boarder {
	border-color: grey;
	border-width: 1px;
	border-style: solid;
	margin-right: 5px;
} 

#pagewrapper {
  width: 950px;
  height: auto;
  margin: 0 auto;
  background-color: lightgray;
}

#pagewrapper2 {
  width: 950px;
  height: auto;
  margin: 0 auto;
  background-color: white; 
}

.box {
  border-style: solid;
  border-color: black;
}

.sidebartext {
	float: left;
	width: 260px;
	border-style: none;
	background-color: none;
	border-color: black;
	border-width: 2px;
	margin-left: 10px;
	margin-top: 20px;
	padding-left: 15px;
	margin-bottom: 20px;
}


.shadow {  
   /***  CSS Box Shadow  ***/
  box-shadow: 5px 5px 8px 0px rgba(192, 192, 192, 1.000) ;
  -webkit-box-shadow: 5px 5px 8px 0px rgba(192, 192, 192, 1.000) ;
  -moz-box-shadow: 5px 5px 8px 0px rgba(192, 192, 192, 1.000) ;
}

#slideshow {
  width: 950px;
  height: 360px;
  background-color: lightblue;
}

#pageheader {
  width: 950px;
  height: 170px;
  border: 1px;
  border-color: grey;
  border-style: none;
  background: black;
  color: white;
}

#pagebody {
  width: 940px;
  float: left;
  border: 1px;
  padding-left: 10px;
  padding-top: 10px;
  background-color: lightgray;
  border-color: lightgray;
  border-style: none;
  background-repeat: no-repeat;
  background-image:url('background2.jpg') ;
  background-size: 100%;
  height: auto;
  opacity:1.;
  color: black;
  background-position: center bottom;

}

#pagebodynoimg {
  width: 940px;
  float: left;
  border: 1px;
  padding-left: 10px;
  padding-top: 10px;
  background-color: white;
  border-color: lightgray;
  border-style: none;
  background-size: 100%;
  height: auto;
  opacity:1.;
  color: black;
  background-position: center bottom;
  background-color: lightgray;
}

#pagebodynoimg2 {
  width: 940px;
  float: left;
  border: 1px;
  padding-left: 10px;
  padding-top: 10px;
  background-color: white;
  border-color: lightgray;
  border-style: none;
  height: auto;
  color: black;

}

.links{
  /***  CSS Box Model  ***/
  width:250px;

  /***  CSS Borders  ***/
  border:1px solid rgb(51, 50, 50);

  /***  CSS Text and Font  ***/
  font-family: helvetica, arial, sans-serif; 
  font-size:20px;
  color:rgb(51, 50, 50);
  background-color:rgb(255, 255, 153);
  text-align:center;

  /***  CSS Rounded Corners  ***/
  border-radius:8px;
  -webkit-border-radius:8px;
  -moz-border-radius:8px;
  float: left;
  margin-left: 20px;
  margin-top: 20px;

}

#left {
	width: 300px;
	float: right;
	padding-right: 20px;
}


#headersitename {
  width:930px;
  height:50px;
  font-size: 35px;
  font-family: helvetica, arial, sans-serif;  font-weight: bolder;
  background-color: black;
  color: white;
  padding: 10px;
}
#buttonwrappertop {
  width:940px;
  height:50px;
  background-color: black;
  padding: 5px;
  margin-bottom: 20px;
}

.fullwidth {
  width:950px;
  height:45px;
  margin-top: 10px;
  padding: 0px;
  background-color: black;
}
.fifth {
  width:190px;
  height:45px;
  float: left;
  border: 1px;
  border-style: none;
  text-align: center;
  font-family: helvetica, arial, sans-serif; 
  font-weight: bolder;
  background-color: black;
  font-size: 20px;
  text-decoration: none;
  padding: 0px;
  margin: 0px;
}
.fifth a {
padding: 0px;
color: white;
text-decoration: none;
}

.fifth a:hover {
color: yellow;
}

.header2 {
  float: left;
  text-align: center;
  font-size: 20px;
  font-family: helvetica, arial, sans-serif; 
  width: 300px;
  padding: 10px;
}
#footer {
  width:950px;
  float: left;
  background-color: lightgray;
  text-align: center;
  font-family: helvetica, arial, sans-serif;  font-weight: lighter;
  height: 30px;
  padding-top: 10px;
  margin-bottom: 50px;
  float: left;
  margin-top: 25px;
   /***  CSS Box Shadow  ***/
  box-shadow: 5px 5px 8px 0px rgba(192, 192, 192, 1.000) ;

  -webkit-box-shadow: 5px 5px 8px 0px rgba(192, 192, 192, 1.000) ;

  -moz-box-shadow: 5px 5px 8px 0px rgba(192, 192, 192, 1.000) ;



}

.menu {
  float: left;
  color: white;
  margin-left: 20px;
  font-size: 25px;
  font-family: helvetica, arial, sans-serif;  font-weight: bolder;
  padding-top: 10px;
  text-decoration: none;
}

.menu a {
padding: 5px 10px;
color: white;
text-decoration: none;
}

.menu a:hover {
color: yellow;
}

.menu2 {
  float:left;
  margin-left: 5px;
  background-color: #2EC0FE;
  border: 2px solid #FFFFFF;
  -moz-border-radius: 18px;
  -webkit-border-radius: 18px;
  border-radius: 18px;
  -moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, 1), inset 0px 0px 0px rgba(0, 0, 0, 0.32);
  -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 1), inset 0px 0px 0px rgba(0, 0, 0, 0.32);
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 1), inset 0px 0px 0px rgba(0, 0, 0, 0.32);
  background-image: -o-linear-gradient(178deg, rgb(112, 227, 254) 0%, rgb(36, 18, 254) 100%);
  background-image: -moz-linear-gradient(178deg, rgb(112, 227, 254) 0%, rgb(36, 18, 254) 100%);
  background-image: -webkit-linear-gradient(178deg, rgb(112, 227, 254) 0%, rgb(36, 18, 254) 100%);
  background-image: -ms-linear-gradient(178deg, rgb(112, 227, 254) 0%, rgb(36, 18, 254) 100%);
  background-image: linear-gradient(178deg, rgb(112, 227, 254) 0%, rgb(36, 18, 254) 100%);
  font-family:'Helvetica';
  font-size: 20pt;
  color: #C0C0C0;
  text-shadow: rgba(0, 0, 0, 1) 2px 1px 0px;
  width:140px;
  padding: 3px;
  text-align: center;
}
#main {
  float: left;
  width: 600px;
  margin-top: 10px;
  margin-left: 10px;
  font-family: helvetica, arial, sans-serif;
  height: auto;
  font-size: 20px;
  height: auto;
  color: black;
}

#sidebar2 {
  float: left;
  /***  CSS Box Model  ***/
  width:570px;
  height:auto;
  color: black;
  padding-left: 10px;
  /***  CSS Borders  ***/
  border:2px solid black;
  background-color: #e5e5e5;
  margin-left: 5px;
  /***  CSS Text and Font  ***/
  font-size:20px;
  text-align:center;
  margin-top: 10px;
  /***  CSS Rounded Corners  ***/
  border-top-left-radius:8px;
  -webkit-border-top-left-radius:8px;
  -moz-border-radius-topleft:8px;
  border-top-right-radius:8px;
  -webkit-border-top-right-radius:8px;
  -moz-border-radius-topright:8px;
  border-bottom-left-radius:8px;
  -webkit-border-bottom-left-radius:8px;
  -moz-border-radius-bottomleft:8px;
  border-bottom-right-radius:8px;
  -webkit-border-bottom-right-radius:8px;
  -moz-border-radius-bottomright:8px;
  }

#sidebar {
  float: left;
  /***  CSS Box Model  ***/
  width:280px;
  height:auto;
  color: black;
  padding-left: 10px;
  /***  CSS Borders  ***/
  border:2px solid black;
  background-color: #e5e5e5;
  margin-left: 5px;
  /***  CSS Text and Font  ***/
  font-size:20px;
  text-align:center;
  margin-top: 10px;
  /***  CSS Rounded Corners  ***/
  border-top-left-radius:8px;
  -webkit-border-top-left-radius:8px;
  -moz-border-radius-topleft:8px;
  border-top-right-radius:8px;
  -webkit-border-top-right-radius:8px;
  -moz-border-radius-topright:8px;
  border-bottom-left-radius:8px;
  -webkit-border-bottom-left-radius:8px;
  -moz-border-radius-bottomleft:8px;
  border-bottom-right-radius:8px;
  -webkit-border-bottom-right-radius:8px;
  -moz-border-radius-bottomright:8px;
  }
  

  /***  Evenets and news   ***/

.emonth{
  /***  CSS Box Model  ***/
  width:50px;
  float: left;

  /***  CSS Borders  ***/
  border:1px solid rgb(192, 192, 192);

  /***  CSS Text and Font  ***/
  font-family:'Century Gothic',futura,'URW Gothic L',Verdana,sans-serif;
  font-size:12px;
  color:rgb(255, 255, 255);
  background-color:rgb(75, 93, 113);
  text-align:center;
  font-weight:bolder;

  /***  CSS Rounded Corners  ***/
  border-top-left-radius:8px;
  -webkit-border-top-left-radius:8px;
  -moz-border-radius-topleft:8px;
  border-top-right-radius:8px;
  -webkit-border-top-right-radius:8px;
  -moz-border-radius-topright:8px;

}

.sidebox {
  width:300px;
  float: left;
  border:2px solid black;
  background-color: white;
  border-bottom-color: red;
  border: 2px;
  border-bottom-style: solid;
}

.eventitem {
  width:295px;
  float: left;
  clear: left;
}

.eventitem2 {
  width:400px;
  float: left;
}

.eflag1 {
  float: left;
  border: 1px;
  left: 1px;
  border-style: none;
  width: 50px;
  height: 60px;
  margin-left: 0px;
  padding-bottom: 1px;
  margin-bottom: 0px;
  text-align: center;
  border-radius: 5px;
  margin-bottom: 10px;
  margin-top: 0px;
  background-repeat: no-repeat;
  background-image:url('dk copy.png');
}

.eflag {
  float: left;
  border: 1px;
  left: 1px;
  border-style: none;
  width: 50px;
  height: 60px;
  margin-left: 0px;
  padding-bottom: 1px;
  margin-bottom: 0px;
  text-align: center;
  border-radius: 5px;
  margin-bottom: 10px;
  margin-top: 0px;

}


.ebox {
  float: left;
  border: 1px;
  left: 1px;
  border-style: none;
  width: 50px;
  height: 60px;
  margin-left: 0px;
  padding-bottom: 1px;
  margin-bottom: 0px;
  text-align: center;
  border-radius: 5px;
  margin-bottom: 10px;
  margin-top: 0px;
}

.eday {
  float: left;
  border: 1px;
  border-style: solid;
  width: 49px;
  height: 22px;
  margin-top: -1px;
  font-size: 25px;
  font-weight: bolder; 
  margin-left: 0px;
  padding-bottom: 7px;
  margin-bottom: 0px;
  border-color: white;
  color: gray;
  background-color: white;
}

.eweekday {
  /***  CSS Box Model  ***/
  width:50px;
  float: left;
  margin-top: -1px;

  /***  CSS Borders  ***/
  border:1px solid rgb(192, 192, 192);

  /***  CSS Text and Font  ***/
  font-family:'Century Gothic',futura,'URW Gothic L',Verdana,sans-serif;
  font-size:12px;
  color:rgb(255, 255, 255);
  background-color:rgb(75, 93, 113);
  text-align:center;
  font-weight:bolder;

  /***  CSS Rounded Corners  ***/
  border-bottom-left-radius:8px;
  -webkit-border-bottom-left-radius:8px;
  -moz-border-radius-bottomleft:8px;
  border-bottom-right-radius:8px;
  -webkit-border-bottom-right-radius:8px;
  -moz-border-radius-bottomright:8px;

}

.nodec {
    text-decoration: none;
    color: red;
}

.etext {
  float: left;
  border: 2px;
  border-style: solid;
  border-color: grey;
  width: 200px;
  height: auto;
  margin-left: 5px;
  padding-bottom: 1px;
  margin-bottom: 5px;
  margin-left: 10px;
  text-align: left;
  border-radius: 5px;
  padding: 3px;
  color: gray;
  font-size: 15px;
  background-color: white;
    /***  CSS Rounded Corners  ***/
  border-bottom-left-radius:8px;
  -webkit-border-bottom-left-radius:8px;
  -moz-border-radius-bottomleft:8px;
  border-bottom-right-radius:8px;
  -webkit-border-bottom-right-radius:8px;
  -moz-border-radius-bottomright:8px;

}
.etext2 {
  float: left;
  border: 2px;
  border-style: solid;
  border-color: grey;
  width: 550px;
  height: auto;
  margin-left: 5px;
  padding-bottom: 1px;
  margin-bottom: 5px;
  margin-left: 10px;
  text-align: left;
  border-radius: 5px;
  padding: 3px;
  color: gray;
  font-size: 15px;
  background-color: white;
    /***  CSS Rounded Corners  ***/
  border-bottom-left-radius:8px;
  -webkit-border-bottom-left-radius:8px;
  -moz-border-radius-bottomleft:8px;
  border-bottom-right-radius:8px;
  -webkit-border-bottom-right-radius:8px;
  -moz-border-radius-bottomright:8px;

}

.eflagbox {
  float: left;
  border: 2px;
  border-style: none;
  border-color: lightgray;
  width: 200px;
  height: 20px;
  margin-left: 5px;
  padding-bottom: 1px;
  margin-bottom: 5px;
  margin-left: 10px;
  text-align: left;
  border-radius: 5px;
  padding: 3px;
  color: gray;
  font-size: 15px;
}

/***  Text Style  ***/
.bold {
	font-weight: bold;
	color: black;
}


/***  Links Style  ***/

.group {
  text-decoration: none; 
  font-size: 20px;
  padding-top: 10px;
  font-family: helvetica, arial, sans-serif;
  clear: left;
  background-color: grey;
  color: white;
  padding-left: 10px;
}

.link {
  text-decoration: none; 
  font-size: 15px;
  padding-top: 5px;
  padding-bottom: 5px;
  clear: left;
  font-family: helvetica, arial, sans-serif;
  font-weight: bold;
}


.link a {
padding: 5px 10px;
color: black;
text-decoration: none;
}

.link a:hover {
color: red;
background-color: yellow;
}

.linktext {
  font-size: 15px;
  padding-left: 40px; 
  margin-left: 40px;
  margin-right: 20px;
  padding-right: 20px;
  font-family: helvetica, arial, sans-serif;
}

/***  Links Style  end ***/


/***  Sidebar Links Style  ***/

#sidebarmenu {
  float: left;
  /***  CSS Box Model  ***/
  width:280px;
  height:auto;
  color: black;
  padding-left: 10px;
  /***  CSS Borders  ***/
  border:2px solid black;
  background-color: white;
  margin-left: 5px;
  /***  CSS Text and Font  ***/
  font-size:20px;
  text-align:left;
  margin-top: 10px;
  margin-bottom: 20px;
  /***  CSS Rounded Corners  ***/
  border-top-left-radius:8px;
  -webkit-border-top-left-radius:8px;
  -moz-border-radius-topleft:8px;
  border-top-right-radius:8px;
  -webkit-border-top-right-radius:8px;
  -moz-border-radius-topright:8px;
  border-bottom-left-radius:8px;
  -webkit-border-bottom-left-radius:8px;
  -moz-border-radius-bottomleft:8px;
  border-bottom-right-radius:8px;
  -webkit-border-bottom-right-radius:8px;
  -moz-border-radius-bottomright:8px;
}

.sidebarmenulink {
  text-decoration: none; 
  font-size: 15px;
  padding-top: 10px;
  clear: left;
  color: black;
  font-family:helvetica, arial, sans-serif; 
}

.sidebarmenu a {
padding: 5px 10px;
color: black;
text-decoration: none;
}

.sidebarmenu a:hover {
color: red;
}

#pageinfo {
	text-align: right;
	font-size: 12px;
	font-style: italic;
	color: grey;
	width: 950px;
	margin: auto;
	margin-top: 20px;
	margin-bottom: 30px;
	float: left;
	clear: left;
}