@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans"), local("OpenSans"), url("http://themes.googleusercontent.com/static/fonts/opensans/v8/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff") format("woff");
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  src: local("Open Sans Semibold"), local("OpenSans-Semibold"), url("http://themes.googleusercontent.com/static/fonts/opensans/v8/MTP_ySUJH_bn48VBG8sNSnhCUOGz7vYGh680lGh-uXM.woff") format("woff");
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url("http://themes.googleusercontent.com/static/fonts/opensans/v8/k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff") format("woff");
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local('Open Sans Italic'), local('OpenSans-Italic'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/xjAJXh38I15wypJXxuGMBtIh4imgI8P11RFo6YPCPC0.woff) format('woff');
}


/*main body style*/
    body {
      background:#EEE;
      margin:0;
      padding:0;
      color:#000;
      font:11pt Open Sans;
      voice-family: "\"}\""; voice-family:inherit;
      font-size:small;
      } html>body {font-size:11pt;}

/*links within body text*/
a:link
{
    /*COLOR: #FFFF00;*/
	COLOR: #0C5C91;
}
a:visited
{
    /*COLOR: #FFFF00;*/
	COLOR: #0C5C91;
}
a:hover
{
    COLOR: #606060;
}

/*turn off link border for images (IE only)*/
img
{  
   border-style: none;
}

    
/*container for page with page shadow*/
#page {
      width:970px;
      background:#FFF;
      margin: 0 auto 0 auto;
      height:80%;
	-moz-box-shadow: 0px 0px 12px #000;
	-webkit-box-shadow: 0px 0px 12px #000;
	box-shadow: 0px 0px 12px #000;
	-moz-border-radius: 5px;
	border-radius: 5px;
      }

    #pagespacer {
      width:970px;
      margin: 0 auto 0 auto;
      height:20px;
      }


/*container for main body section*/
    #tbody {
      width:950px;
      margin: 0 auto 0 auto;
      height:100%;
      font-size:11pt; /*for IE 5/6*/
      background:#FFF;
      overflow:hidden; /*needed for ff when sidebar longer than main page*/
	}
    #tbodyspacer { /*space at top of main body section*/
	clear: both;
      width:950px;
      margin: 0 auto 0 auto;
      height:15px;
      background:#FFF;
      }
    #tbodyfoot { /*bottom of main body section*/
      width:950px;
      margin: 0 auto 0 auto;
      height:25px;
      background:#FFF; /* url("/siteimg/side-bl.png") no-repeat left bottom;*/
      }

/*page footer*/
    #footer {
	clear: both;      
	width: 950px;
      margin: 0 auto 0px auto;
      height:25px;
      font-size:10pt; /*for IE 5/6*/
      background:#FFF; /*fff url("/siteimg/foot-bl.png") no-repeat left bottom;*/
      text-align:center;
      color: black;
      padding-top:4px;
/*
	background-image: -webkit-gradient(
	linear,left bottom,left top,
	color-stop(0.13, rgb(50,50,50)),color-stop(0.79, rgb(8,8,8)));
	background-image: -moz-linear-gradient(
	center bottom, rgb(50,50,50) 13%, rgb(8,8,8) 79%);
*/

   background-color: #999; 
   background-image: url(images/fallback-gradient.png); 
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#DDD), to(#999));
   background-image: -webkit-linear-gradient(top, #DDD, #999); 
   background-image:    -moz-linear-gradient(top, #DDD, #999);
   background-image:     -ms-linear-gradient(top, #DDD, #999);
   background-image:      -o-linear-gradient(top, #DDD, #999);
      border:1px solid #BBB;  

      }
/*
     #footer a {
      color: #FFFF00;
      }
*/

/*page header*/
    #header {
      width: 950px;
      margin: 0 auto 0 auto;
      height:195px;
      background:#fff url("IMG_4226.jpg") no-repeat left center;
      padding: 0;
      text-align: left;

      }

/*sjn logo left of header. Actual image is in html*/
    #headerlogo {
      width: 300px;
      height: 195px;
      margin: 0 auto 0 0;
      /*background: url("gradient.png");*/
      padding-top: 20px;
      padding-left: 40px;
      text-align: left;
      vertical-align: middle;

      }

/*social media share icon container*/
    #headershare {
	width: 900px;
      height: 30px;
      margin: -205px 10px 0 auto;
      text-align: right;

      }

/*search box styling*/
    .nav-search {
	margin-top:115px;
	float: right;
	background: url(search-bar.png) no-repeat;
	color: #EEE;
	height: 30px;
	width: 205px;
	padding-left: 6px;
     }
 
     .search-text {
	float: left;
	display: block;
	margin-top: 1px;
	background: none !important;
	-moz-box-shadow: none !important;
	border: none !important;
	color:#222;
	height:20px;
	width:155px;
     }

     .search-button {
	border:none;
	background: none;
        margin:0;
        padding:0;
     }


/*sidebar column*/
    #sidebar {
      clear:right;
      float:right;
      width:165px;
      margin: 0px 0px 0px 0px;
      padding: 20px 20px 20px 20px;
      /*background:#DDD;*/
	border:1px solid #BBB;
      display:inline; /*fixes IE6 double margin bug*/
      /*padding: 0 15px 0 5px;*/
      }

/*feature box container*/
    #sidefeature {
      clear:right;
      float:right;
      width:205px;
      margin: 0px 0px 0px 0px;
      }

/*feature box text over image styling*/
    div.featurebox {
      /*clear:right;*/
	overflow:hidden; /* this is important */
	position:relative;
      float:right;
      width:205px;
	height:125px;
      margin: 0px 0px 10px 5px;
	border:1px solid #BBB;
      }

	div.featurebox a {
	text-decoration: none;
	color: black;
	}

 .featuretext { position:absolute; bottom:0; left:0; padding:4px; width:205px;
    background:rgb(255,220,0);
    background: transparent\9;
    background:rgba(255,255,255,0.7);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B0FFFFFF,endColorstr=#B0FFFFFF);
    zoom: 1;
              /*background-color:rgba(255, 255, 255, .7);*/ 
    z-index:11; 
    }
 .featurecontent { margin:0; padding:0; z-index:11; text-align:left; opacity:1;
                  font-size:10pt; color:black; }

/*main body column*/
    #mainbody {
      margin: 0px 0px 0px 0px;
      padding: 20px 20px 20px 20px;
      width:690px;
	background: #FFF;
      border:1px solid #BBB;  /*ff need this to get everything to sit in the div*/
      }

/*main body column on front page - no padding*/
    #mainbodyfrontpage {
      margin: 0px 0px 0px 0px;
      padding: 0px 0px 0px 0px;
      width:730px;
	background: #FFF;
      border:1px solid #BBB;  /*ff need this to get everything to sit in the div*/
      }

/*whatson boxes on front page*/
    div.whatsonbox {
      float: left;
	width: 428px;
	overflow:hidden; 
      margin: 0px 0px 0px 0px;
      padding: 20px 20px 20px 20px;
	border:1px solid #BBB;
      //display:inline; /*fixes IE6 double margin bug*/
      /*padding: 0 15px 0 5px;*/
      }

    div.whatsonspacer {
      float: left;
      width: 10px;
      }


/*full width body column used on front page*/
    #fullwidthbody {
      width: 950px;
      margin: 0 auto 0 auto;
      padding: 0;
      //border:1px solid #FFF;

      }


/*main menu bar*/
/*conditional for non-mobile device. for mobiles do not define #menubar style here*/
/*IE8 and below completely ignore this and so we define menubar separately for them below*/
@media only screen and (min-device-width: 749px) 
{

   #menubar {
      width: 948px;
      margin: 0 auto 0 auto;
      height:40px;
      background:#DDD;
   background-color: #999; 
   background-image: url(images/fallback-gradient.png); 
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#DDD), to(#999));
   background-image: -webkit-linear-gradient(top, #DDD, #999); 
   background-image:    -moz-linear-gradient(top, #DDD, #999);
   background-image:     -ms-linear-gradient(top, #DDD, #999);
   background-image:      -o-linear-gradient(top, #DDD, #999);
	border:1px solid #AAA;
	}

    #menubar ul {
      margin:0;
      padding:5px 0 0 0;
      float: left;
      list-style:none;
      }
    #menubar li {
      float: left;
      /*background:url("/siteimg/left_both.gif") no-repeat left top;*/
      margin:0;
      padding:0 0 0 9px;
      }
    #menubar a {
      float:left;
      display:block;
      /*width:.1em;*/ /*this line causes IE5/6 to wrap the text*/
      /*background:url("/siteimg/right_both.gif") no-repeat right top;*/
      padding:5px 15px 4px 6px;
      text-decoration:none;
      font-weight:bold;
      color:#000;
      }
    #menubar > ul a {width:auto;}
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #menubar a {float:none;}
    /* End IE5-Mac hack */
    #menubar a:hover {
      color:#000;
      }
    #menubar #current {
      background-position:0 -150px;
      border-width:0;
      }
    #menubar #current a {
      background-position:100% -150px;
      padding-bottom:5px;
      color:#0C5C91;
      }
    #menubar li:hover, #menubar li:hover a {
      background-position:0% -150px;
      color:#000;
      }
    #menubar li:hover a {
      background-position:100% -150px;
      }

/* use the table to position the dropdown list for ie*/
#menubar table{
position:absolute;
border-collapse:collapse;
z-index:80;
left:-1px;
top:25px;
}

/* style all the links */
/*
#menubar a, #menubar :visited {
border-top:2px solid #B0A0ff;
border-left:1px solid #B0A0ff;
border-bottom:2px Solid #405070;
border-right:1px Solid #405070;
BACKGROUND-COLOR: #9080d0;
COLOR: black;
TEXT-ALIGN:center;
FONT-WEIGHT: bold;
display:block;
width:109px;
padding:2px 0;
text-decoration:none;
margin-right:1px;
}
*/

/* style the menu links hover */
#menubar li:hover{
BACKGROUND-COLOR:#DDD;
}

/* hide the sub level links */
#menubar ul ul {
visibility:hidden;
position:absolute;
width:150px;
z-index:80;
}

/* set colour for sub level links */
/*not enabled*/
/*
#menubar ul ul a,
#menubar ul ul :visited { 
border: 0px;
color: Black;
background-color:#e0e0e0;
text-align:Left;
font-weight: normal;
padding: 1px;
width:129px;
padding-left:5px;
}
*/

/* make the sub level list visible on hover list or link and set sublist box*/
#menubar ul li:hover ul,
#menubar ul a:hover ul {
padding:0;
clear: both;
text-transform: None;
float: left;
text-align: left;
color: black;
padding-left:8px;
padding-bottom:8px;
margin-left:-9px;
visibility:visible;
width:165px;
border:1px solid #aaa;
background-color:#EEE;
	-moz-box-shadow: 0px 4px 8px #000;
	-webkit-box-shadow: 0px 4px 8px #000;
	box-shadow: 0px 4px 8px #000;
}

/* set sub level item colour */
#menubar ul ul li,
#menubar ul ul a {
width:160px;
/*background: url("x");*/ /*remove the tab graphic - opera requires an invalid filename here instead of ""*/
border: 0;
padding: 4px 0 0 0;
font-size: 11pt;
font-weight:normal;
display:block;
color: #000;
}

/* restore black colour for current menu items */
#menubar #current ul a {
      padding-bottom:0px;
      color:#000;
}
#menubar #current ul a:hover {
      color:#C0C0C0;
}

/* set sub level item hover colour */
#menubar ul ul li:hover,
#menubar ul ul a:hover {
color: #C0C0C0;
background-color:#404040;
}


} /*end of conditional for non-mobile device*/

/*annoyingly we then have to define all that again for IE6-8*/
/*using a dodgy hack which is ignored by everything except IE6-8*/
@media \0screen\,screen\9 {

   #menubar {
      width: 948px;
      margin: 0 auto 0 auto;
      height:40px;
      background:#DDD;
      border:1px solid #AAA;
	}

    #menubar ul {
      margin:0;
      padding:5px 0 0 0;
      float: left;
      list-style:none;
      }
    #menubar li {
      float: left;
      margin:0;
      padding:0 0 0 9px;
      }
    #menubar a {
      float:left;
      display:block;
      padding:5px 15px 4px 6px;
      text-decoration:none;
      font-weight:bold;
      color:#000;
      }
    #menubar > ul a {width:auto;}
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #menubar a {float:none;}
    /* End IE5-Mac hack */
    #menubar a:hover {
      color:#000;
      }
    #menubar #current {
      background-position:0 -150px;
      border-width:0;
      }
    #menubar #current a {
      background-position:100% -150px;
      padding-bottom:5px;
      color:#0C5C91;
      }
    #menubar li:hover, #menubar li:hover a {
      background-position:0% -150px;
      color:#000;
      }
    #menubar li:hover a {
      background-position:100% -150px;
      }

/* use the table to position the dropdown list for ie*/
#menubar table{
position:absolute;
border-collapse:collapse;
z-index:80;
left:-1px;
top:25px;
}

/* style the menu links hover */
#menubar li:hover{
BACKGROUND-COLOR:#DDD;
}

/* hide the sub level links */
#menubar ul ul {
visibility:hidden;
position:absolute;
width:150px;
z-index:80;
}

/* make the sub level list visible on hover list or link and set sublist box*/
#menubar ul li:hover ul,
#menubar ul a:hover ul {
padding:0;
clear: both;
text-transform: None;
float: left;
text-align: left;
color: black;
padding-left:8px;
padding-bottom:8px;
margin-left:-9px;
visibility:visible;
width:165px;
border:1px solid #aaa;
background-color:#EEE;
	-moz-box-shadow: 0px 4px 8px #000;
	-webkit-box-shadow: 0px 4px 8px #000;
	box-shadow: 0px 4px 8px #000;
}

/* set sub level item colour */
#menubar ul ul li,
#menubar ul ul a {
width:160px;
border: 0;
padding: 4px 0 0 0;
font-size: 11pt;
font-weight:normal;
display:block;
color: #000;
}

/* restore black colour for current menu items */
#menubar #current ul a {
      padding-bottom:0px;
      color:#000;
}
#menubar #current ul a:hover {
      color:#C0C0C0;
}

/* set sub level item hover colour */
#menubar ul ul li:hover,
#menubar ul ul a:hover {
color: #C0C0C0;
background-color:#404040;
}


} /*end of IE6-8hack*/

/*context menu*/
a.smenu
{
    display:block;
    width:96%;
    PADDING-LEFT:3px;
    COLOR: black;
    TEXT-DECORATION: none;
}
a.smenu:visited
{
    color: black; /*specially for IE6 which doesn't inherit the above*/
}
a.smenu:hover
{
    COLOR: #C0C0C0;
    BACKGROUND-COLOR:#404040;
}
a.asmenu
{
    display:block;
    width:96%;
    COLOR: #0C5C91;
    BACKGROUND-COLOR:#A0A0A0;
    TEXT-DECORATION: none;
    PADDING-LEFT:3px;
}
a.asmenu:hover
{
    COLOR: #D0D0D0;
    BACKGROUND-COLOR:#808080;
}


/*login link*/
a.login
{
    FONT-SIZE: 10pt;
    FONT-FAMILY: Open Sans;
    COLOR: #888;
    TEXT-DECORATION: none
}

/*input textboxes and form elements*/
input
{
   background: #fff;
   COLOR: black; FONT-SIZE: 11pt; FONT-FAMILY: Open Sans;
   padding: 4px 5px;
   border: 1px solid #BAD3E3;
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   border-radius: 4px;
   outline: 0;
  //-webkit-appearance: none;
}

select {
   FONT-SIZE: 11pt;
   FONT-FAMILY: Open Sans;
    padding:3px 4px;
    margin: 0;
   border: 1px solid #BAD3E3;
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   border-radius: 4px;
          
}

textarea
{
   background: #fff;
   COLOR: black; FONT-SIZE: 11pt; FONT-FAMILY: Open Sans;
   padding: 4px 5px;
   border: 1px solid #BAD3E3;
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   border-radius: 4px;
   outline: 0;
  -webkit-appearance: none;
}

input[type=submit],input[type=reset],input[type=button]
{
   background-color: #999; 
   background-image: url(images/fallback-gradient.png); 
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#DDD), to(#999));
   background-image: -webkit-linear-gradient(top, #DDD, #999); 
   background-image:    -moz-linear-gradient(top, #DDD, #999);
   background-image:     -ms-linear-gradient(top, #DDD, #999);
   background-image:      -o-linear-gradient(top, #DDD, #999);
   border:1px solid #AAA;
   margin: 0px 0px 5px 0px;
}


/*form buttons*/
.button {
    /*border: none;
    background: url('/forms/up.png') no-repeat top left;*/
   background: #CCC;
   border: solid 1px #444;
    padding: 2px 8px;
}
.button:hover {
    /*border: none;
    background: url('/forms/down.png') no-repeat top left;*/
    padding: 2px 8px;
   background: #CCC;
   border: solid 2px #444;
}


/*main caption*/
h1
{
    font-weight: bold;
    font-size: 12pt;
    color:#000;
    width:710px;
    height:30px;
    _width:625px; /*conditional for ie6 and below to prevent div width stretching*/
    padding: 10px 0 0px 20px; 
    margin: -20px -100px 0px -20px;
   background-color: #999; 
   background-image: url(images/fallback-gradient.png); 
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#DDD), to(#999));
   background-image: -webkit-linear-gradient(top, #DDD, #999); 
   background-image:    -moz-linear-gradient(top, #DDD, #999);
   background-image:     -ms-linear-gradient(top, #DDD, #999);
   background-image:      -o-linear-gradient(top, #DDD, #999);

}

/*horiz rule*/
hr 
{
    color:#bbb;background-color:#bbb;height:1px;border:none;
}


/*style bold/strong in the dark blue*/
#mainbody b {color:#0C5C91;}
#mainbody strong {color:#0C5C91;}


/*content table style*/
table.da { border-spacing: 0px; border-style: none; border-collapse:collapse;}
table.da p { margin: 0; }
table.da th { border: 1px solid #BBB; FONT-WEIGHT:Bold; BACKGROUND-COLOR: #BBB; TEXT-ALIGN: Left; padding: 2px;  }
table.da th a { COLOR: #0C5C91; }
//table.da tr.d0 td { padding: 2px;  }
//table.da tr.d1 td { padding: 2px; }

//table.da tr td { border: 1px solid #BBB;  padding: 2px; }
table.da tr td { border-bottom: 1px solid #BBB; padding: 8px 5px 8px 0px; }

/*box style*/
table.sidebar tr td p
{
    margin-top:0px;
    margin-bottom:0px;
}

table.sidebar tr td
{
    border: 1px solid #BBB;
    padding:0px;
    COLOR: Black;
    BACKGROUND-COLOR:#FFF;
    TEXT-ALIGN:Left;
}

/*default paragraph spacing*/
p
{
   margin:8px 0 8px 0;
   padding:0;
}

/*default form spacing*/
form
{
   margin:0;
   padding:0;
}

/*content box*/
.contentbox
{
   
   /*width:800px;*/
   /* _width:625px;*/ /*conditional for ie6 and below to prevent div width stretching*/
   background:#F0F0F0;
   padding: 20px 0 5px 20px;
   margin:1px solid #888;
}
.contentboxfoot
{
   /*width:800px;*/
   /* _width:625px;*/ /*conditional for ie6 and below to prevent div width stretching*/
   background:#F0F0F0;
   margin:1px solid #888;
   padding: 20px 0 0 0;
 }

/*special style to use divs for whos who page*/
#who 
{
   width: 150px; text-align: center; vertical-align: top; float: left; padding: 5px;
} 


/*large font for sermon pages*/
.largefont
{
   font:10pt Open Sans,Swiss;
}

/*Drop down menu styling*/

/* remove the bullets, padding and margins from the lists */

/*
.menu ul{
list-style-type:none;
padding:0;
margin:0;
text-transform:none;
}
*/

/* make the top level links horizontal and position relative so that we can position the sub level */
/*
.menu li{
float:left;
position:relative;
z-index:100;
}
*/


/* active menu item for sidebar*/
li.amenu a, li.amenu :visited {
COLOR: black;
}


li.amenu a:hover {
COLOR: white;
}

/*modifications for printed out pages*/
@media print {

 body { background:#fff; }
 #tbody { overflow: visible; border: 0; background: url("x"); }
 #tbodyspacer { display: none; }
 #tbodyfoot { display: none; }
 #header { display: none; }
 #footer { display: none; }
 #sidebar { display: none; }
 #mainbody { margin: 0; }
 h1 { color: #000; margin: 0; padding-left: 0; border-bottom: 1px solid #000; background: url("x"); }

}


/*editing system*/
  #editcontrol {
      width:150px;
      position: absolute; top: 20px; left: 0px; 
      padding: 5px;
      background:#FFF;
      margin: 0 auto 0 auto;
	-moz-box-shadow: 0px 0px 12px #000;
	-webkit-box-shadow: 0px 0px 12px #000;
	box-shadow: 0px 0px 12px #000;
	-moz-border-radius: 5px;
	border-radius: 5px;
      overflow:hidden; /*needed for ff when sidebar longer than main page*/
  }
  #editbody { /*body window for editing*/
      margin: 20px 10px 10px 10px;
      padding: 10px 10px 10px 10px;
      width:930px;
	background: #FFF;
      border:1px solid #BBB;  /*ff need this to get everything to sit in the div*/
  }
  #editcontrol h1 {
      font-size:12pt; font-weight: bold; color: #000; margin: 0; padding-left: 0; border-bottom: 1px solid #000; background: url("x"); width:100%;       
  }
  input.H1
  {
    font-weight: bold;
    font-size: 12pt;
    color:#000;
    width:710px;
    height:30px;
    _width:625px; /*conditional for ie6 and below to prevent div width stretching*/
    padding: 0px 0 0px 20px; 
    margin: -20px -100px 0px -20px;
   background-color: #999; 
   background-image: url(images/fallback-gradient.png); 
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#DDD), to(#999));
   background-image: -webkit-linear-gradient(top, #DDD, #999); 
   background-image:    -moz-linear-gradient(top, #DDD, #999);
   background-image:     -ms-linear-gradient(top, #DDD, #999);
   background-image:      -o-linear-gradient(top, #DDD, #999);
  }

/*special for database */
  label
  {
      white-space: nowrap;
  }  

  table.db 
  { 
      border-style: none; border-spacing: 2px; 
      table-layout: fixed;
  }
  table.db th 
  { border-style: none; FONT-WEIGHT:Bold; COLOR: white; BACKGROUND-COLOR: #0C5C91; TEXT-ALIGN: Left; padding: 2px;  }
  table.db tr td 
  {  
    BORDER-STYLE:None; BACKGROUND-COLOR: #d8d8d8; color:black; padding: 2px; 
    text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap;
  }
  a.rlk  { color: #333; }

/*buttons*/
    .buttons ul {
      margin:5px 0 5px 0;
      padding:0;
      list-style:none;
      height: 23px;
      }
    .buttons li {
      float:left;
      background:url("/siteimg/blubtn.png") no-repeat left top;
      margin:0 2px;
      padding:0 0 0 9px;
      }
    .buttons a {
      float:left;
      display:block;
      /*width:.1em;*/ /*this line causes IE5/6 to wrap the text*/
      background:url("/siteimg/blubtn.png") no-repeat right top;
      padding:0px 15px 4px 6px;
      text-decoration:none;
      font-weight:bold;
      color:#FFF;
      }
    .buttons > ul a {width:auto;}
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    .buttons a {float:none;}
    /* End IE5-Mac hack */
    .buttons a:hover {
      color:#AAA;
      }

/* Easy Slider */

#homeslide {
	height: 400px;
	overflow: hidden;
	width: 730px;
	background-color: #CCC;
}
#homeslide .homesplash_item {
	height: 400px;
}

#homeslide_container {
	position: absolute;
}

#homeslide_container #nav {
	position:absolute;
	top:350px;
	z-index:5000;
	background-image: url(transparentwhite50.png);
}
#homeslide_container #nav a {
	margin:10px;
	text-decoration:none;
	font-weight:bold;
	color:#EEE;
	//background-color: #888;
}
#nav a.activeSlide {
	color: #0C5C91 !important;
	background-color: #BBB;
}
#homeslide_container #prev {
	position:absolute;
	left:5px;
	top:184px;
	z-index:5000;
}
#homeslide_container #next {
	position:absolute;
	left:695px;
	top:184px;
	z-index:5000;
}
#homeslide .homesplash_item .homesplash_item_text_1 {
	margin: 50px;
}
#homeslide .homesplash_item .homesplash_item_text_1 h1 {
	font-size: 40px;
	line-height: 50px;
	font-weight: bold;
	text-transform: uppercase;
}
#homeslide .homesplash_item .homesplash_item_text_1 .title{
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 40px;
	font-weight: bold;
	color: #000;
	line-height: 50px;
}
#homeslide .homesplash_item .homesplash_item_text_1 a {
	color: #FFF;
}


#homeslide .homesplash_item .homesplash_item_text_1 p {
	font-size: 11pt;
	line-height: 30px;
	margin-top: 30px;
}
#homeslide .homesplash_item.item_2 {
	background-color: #FFF;
}
#homeslide .homesplash_item.item_2 .homesplash_item_text_2 {
	width: 350px;
	padding: 20px;
	color: #000;
	position: absolute;
	left: 350px;
	bottom: 0px;
	background-image: url(transparentwhite50.png);
	text-decoration:none;
}
#homeslide .homesplash_item .homesplash_item_text_1 a {
	text-decoration:none;
}

#homeslide .homesplash_item.item_2 .homesplash_item_text_2 .title {
	font-weight: bold;
	font-size: 12pt;
	line-height: 30px;
}
	
/* // Easy Slider */

#mobilemenu {
   display:none;
   visibility:hidden;
} /*hide the menu icon for non-mobiles*/

/*modifications for mobile browsers*/
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 750px)  {
/*test if it's applied*/
/*
h1
{
    color:#F00;
}
*/

    #page {
      width:100%;
      margin: 0;
	-moz-box-shadow: 0;
	-webkit-box-shadow: 0;
	box-shadow: 0;
	}
    #pagespacer {
      width:100%; height: 0;
	}
    #header {
      width: 100%; height: 110px;
      background-size: cover !important;
	} /*sets main banner image and scales it - size doesnt work on gecko without important*/
    #headershare {
      padding-top: 10px;
	} /*positions twitter/fb logo*/
    #header img {
      height: 75%;
	} /*scales twitter/fb icons*/
    #headerlogo {
      padding-top: 5px; padding-left: 10px;
	} /*positions sjn logo*/
    #headerlogo img {
      height: 40%;
	} /*scales sjn logo*/
    .nav-search {
	display:none;
      /*margin-top: 38px;*/
	} /*positions search*/
    #tbody {
      width:100%;
	}
    #tbodyspacer { 
      width:100%; height 5px;
      }
    #tbodyfoot { 
      width:100%;
      }
    #footer {
	width: 100%;
	height: 40px;
	} /*extra height for 2 lines of text*/
    #headershare {
	width: 80%;
	}
    #mainbody {
	width: 90%;
	border: 0;
	}
    #mainbody img {
	max-width: 100%;
	height: auto !important;
	}
    input,select,textarea {
	max-width: 90%;
	}
    #sidebar {
	display:none;
	}
    #sidefeature {
	display:none;
	}
    #mainbodyfrontpage {
	width: 100%;
	border: 0;
	}
    #fullwidthbody {
	width: 90%;
	/*display:none;*/
	}
    div.whatsonbox {
	width: 90%;
	float: clear;
	}
    #homeslide_container {
	width: 100%;
	position: relative;
	}
    #homeslide_container #nav { /*hides the numeric navigation*/
	position:absolute;
	top:350px;
	display:none;
	} 
    #homeslide {
	width: 100%;
	height: 300px;
	}
    #homeslide .homesplash_item {
	height: 300px;
	width: 100%;
	overflow: hidden;
	}
    #homeslide .homesplash_item.item_2 .homesplash_item_text_2 {
	width: 90%;
	left: 0px;
	}
    #homeslide .homesplash_item.item_2 img {
	/*width:100%;*/ /*scale the image to fit screen*/
	height:300px;
	margin-left:-50px;
	}
    #homeslide .homesplash_item.item_2 a {
      	text-decoration:none;
	}
    #homeslide_container #prev {
	left:5px;
	top:70px;
	}
    #homeslide_container #next {
	left:5px;
	top:120px;
	}
    #mobilemenu {
   	display:block;
	visibility:visible;
    	font-weight: bold;
    	font-size: 11pt;
    	padding-left: 10px; 
	padding-top: 45px;
	} /*show the menu icon for mobiles*/
    #mobilemenu a {
	color:#FFF;
      	text-decoration:none;
	text-shadow: 2px 2px 0px #000;
	}
    #mlogin {
	float: right; 
	padding-right: 10px; 
	font-size: 9px; 
	}
    #mlogin img {
	height:25px; width:25px;
	}
 

}
/*end of mobile mods*/