@font-face {
    font-family: 'Cuprum';
    src: url('cuprum45.eot');
    src: url('cuprum45.eot?#iefix') format('embedded-opentype'),
         url('cuprum45.woff2') format('woff2'),
         url('cuprum45.woff') format('woff'),
         url('cuprum45.ttf') format('truetype'),
         url('cuprum45.svg#Cuprum') format('svg');
    font-weight: normal;
    font-style: normal;
}


body {
  font-family: Cuprum,ubuntu,Trebuchet MS,sans-serif;
  font-size:19px;
	margin:0;
	padding:0;
  xbackground-color:#026;
  text-align:center;
  color:#777;
  background-image: url('../images/bggrain.jpg');
}

.r{text-align:right !important;}
.l{text-align:left !important;}
.c{text-align:center;}
.j{text-align:justify !important;}
.fr,.fr10{float:right;}
.fl,.fl10{float:left;}
.fl10{margin-right:10px;}
.fr10{margin-left:10px;}
.cb,.clear{clear:both;}
.cr{clear:right;}
.cl{clear:left;}
.cursordefault{cursor:default !important;}
.w10{width:10%;}
.w25{width:25%;}
.w33{width:33%;}
.w50{width:50%;}
.w66{width:66%;}
.w75{width:75%;}
.uc{text-transform:uppercase;}
.bigquote{font-size:30px !important;color:#acf; display:inline-block;position:relative;top:6px;}
.quoted{font-size:17px;color:#aaa;}
.w50 img.fr10{margin-right:10px;}
.hidden{display:none;}


h1{font-size:23px;}
h2{font-size:22px;}
h3{font-size:21px;}
h4{font-size:20px;}

h1,h2,h3,h4,h5,h6
{
  margin-top:0px;
  font-weight: normal;
  color:#19f;
  color:#04b;
  text-align:left;
}

h1{
  margin-top:30px;
  margin-bottom:40px;
}


p{ 
  line-height:1.4em; text-align:left;
}
.w50{
  min-height:525px;
}
.w50 p{
  margin:10px 10px 20px 10px !important;
  
}
.w50 h3{
  margin-bottom:0px !important;
  margin-top:10px !important;
  margin-left:10px;
}
.w50 ul{
  margin-left:20px;
  padding-bottom:10px !important;
}



li{
  line-height:1.4em;
  margin-bottom:4px;
}


#topcontent, #page, #header, .footcols, .footer1, .footer2, .footer3, .footer3c, .mainmenu{
  max-width:1000px;
  margin:auto;
}

a{
    text-decoration:none;
    color:#36e;
}
a:visited{
    color:#9af;
}
hr{
  border-color:#ccc;
}

ul{
  text-align:left;
  line-height:40px;
  padding:0px;
  padding-left:20px;
  margin:0px;
  margin-top:20px;
}


#page{
  display:block;
  margin-left:auto;
  margin-right:auto;
  padding:0px;
  padding-top:30px;
/*
  margin-top:30px;
  margin-bottom:30px;
  background-color:white;
  background-image:none;
  background-image:url("../graphics/pagebg2.png");
  background-position:top right;
  background-repeat:no-repeat;
  border-right: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border: 1px solid #ddd;
  border-radius:7px;
  -webkit-box-shadow: #ddd 0 0 6px;
  -moz-box-shadow: #ddd 0px 0px 6px;
  box-shadow: 0 0 6px #ddd;
  */
}


.r1,.l1,.c1{
/*
  border:1px solid #888;
  margin:0px 6px 10px 6px;
  border-radius:6px;
*/
}


.l1 {
float:left;
margin-left:0px;
}
.c1{
margin-left:0px;
margin-right:0px;
border:0px solid #888;
}

#content{
}

#content p.l {text-align:left;}
#content p.r {text-align:right;}
#content p.c {text-align:center;}
#content .i {font-style:italic;}


.box,#content>h2{
  border-radius:5px;
  border:1px solid #ccc;
  clear:right;
  background-color: rgba(128,128,128,0.1);
  background-color: rgba(255,255,255,0.7);
  background-color: #e4e4e4;
  padding:8px;
  padding-left:14px;
  margin-bottom:80px;
  /*box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3), 0px 0px 20px rgba(0, 0, 0, 0.2) inset;
  */
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2), 0px 0px 30px 10px rgba(255, 255, 255, 1) inset;
  background-image: url('../images/srf.png');
  background-repeat:repeat;

}

#content>h2{
  text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);
  float:none;
  width:auto;
  margin:0px;
  margin-bottom:20px;
  background-color:#fc7;
}


img.r1 {
  border-radius:6px;
  display:none;
}

a.prev, a.xprev {
  display:block;
  border:1px solid #aaa;
  margin:8px;
  margin-left:14px;
  border-radius:6px;
  float:right;
  xbox-shadow: 0px 0px 10px rgba(0, 0, 0, 1) inset;
  box-shadow: 0px 0px 20px 10px rgba(255,255,255, 0.6) inset;
  width:700px;
  height:330px;
}

a.prev:hover, a.xprev:hover {
  box-shadow: none;
}


.box h2, .info{
  padding:5px 8px;
  text-align:center;
  width:232px;
  margin-top:-8px;
  float:left; 
  
  background: -moz-linear-gradient(top,  rgba(255,255,255,0.3) 0%, rgba(170,170,170,0.3) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.3)), color-stop(100%,rgba(170,170,170,0.3))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(255,255,255,0.3) 0%,rgba(170,170,170,0.3) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(255,255,255,0.3) 0%,rgba(170,170,170,0.3) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgba(255,255,255,0.3) 0%,rgba(170,170,170,0.3) 100%); /* IE10+ */
  background: linear-gradient(to bottom,  rgba(255,255,255,0.3) 0%,rgba(170,170,170,0.3) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80ffffff', endColorstr='#80aaaaaa',GradientType=0 ); /* IE6-9 */
  
  border:1px solid #fff;
}


.box h2{
  color:#555;
  box-shadow: 0px -2px 2px rgba(0, 0, 0, 0.2) inset;
  text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);
  -webkit-border-bottom-right-radius: 7px;
  -webkit-border-bottom-left-radius: 7px;
  -moz-border-radius-bottomright: 7px;
  -moz-border-radius-bottomleft: 7px;
  border-bottom-right-radius: 7px;
  border-bottom-left-radius: 7px;
  border-top:0px;
/*
  */
}

.box p{
  clear:left;
  margin:0px;
  padding:0px;
}

.info{
  margin-top:0px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.2) inset;
  margin-bottom:8px;
}


hr{
  clear:both;
  border:0px;
  margin:0px;
  filter: alpha(opacity=0);
  height:0px;
}
.intro li{
  line-height:1.695em;
}

#jump{
  display:block;
  -webkit-border-bottom-right-radius: 8px;
  -webkit-border-bottom-left-radius: 8px;
  -moz-border-radius-bottomright: 8px;
  -moz-border-radius-bottomleft: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  float:right;
  background: #d2ff52; /* Old browsers */
  background: -moz-linear-gradient(top,  #d2ff52 0%, #81d13c 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d2ff52), color-stop(100%,#81d13c)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #d2ff52 0%,#81d13c 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #d2ff52 0%,#81d13c 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #d2ff52 0%,#81d13c 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #d2ff52 0%,#81d13c 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2ff52', endColorstr='#81d13c',GradientType=0 ); /* IE6-9 */
  padding:3px 10px 5px 10px;
  border:1px solid #080;
  border-top:none;
  position:relative;
  top:-60px;
  color:#000;
}