body {
	padding:0;
	margin-left: auto;
	margin-right: auto;
	text-align:center;
	font-family:"Palatino Linotype",Georgia,"Palatino",Times,"Times New Roman",serif;
    overflow-x: hidden;
	}
	#navigation {
	margin-left:auto;
	margin-right:auto;
	max-width:900px;
	height:134px;
	font-family:"Palatino Linotype";
	background:#033 url(../images/12.jpg);
	font-stretch:ultra-condensed;
	position:relative;
	font-size:0.9em;
	font-weight:800;
	text-decoration:none;
	}
	#navigation a {
	text-decoration:none;
	height:134px;
	display:block;
	color:#fff;
	float:left;
	width:17.3px;
	}
	#navigation a:link {
	color:#fff;
	}
	#navigation a:visited {
	color:#b5ff66;
	}
	#navigation a:hover {
	color:green;
	background:#fff;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  	filter: alpha(opacity=70);
  	-moz-opacity: 0.7;
  	-khtml-opacity: 0.7;
  	opacity: 0.7;
	}
	#navigation a:active {
	color:red;
	}
	.splash {
	float:left;
	width:1.4em;
	color:#ccc !important;
	display:block;
	}
	.active {
	float:left;
	width:17.3px;
	height:134px;
	color:#ff1a75;
	display:block;
	background:#ffb3d1; /* for non-css3 browsers */
	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#ffb3d1', endColorstr='#ffffff'); /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#ffb3d1', endColorstr='#ffffff')"; /* IE8 */
	background: -webkit-gradient(linear, left top, left bottom, from(#ffb3d1), to(#ffffff)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #ffb3d1,  #ffffff); /* for firefox 3.6+ */ 
	background-image: -o-linear-gradient(#ffb3d1, #ffffff); /* for Opera 11.1+ */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  	filter: alpha(opacity=80);
  	-moz-opacity: 0.8;
  	-khtml-opacity: 0.8;
  	opacity: 0.8;
	}
	.current {
	float:left;
	width:17.3px;
	height:134px;
	color:#000;
	display:block;
	background:#004d00; /* for non-css3 browsers */
	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#004d00', endColorstr='#ffffff'); /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#004d00', endColorstr='#ffffff')"; /* IE8 */
	background: -webkit-gradient(linear, left top, left bottom, from(#004d00), to(#ffffff)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #004d00,  #ffffff); /* for firefox 3.6+ */ 
	background-image: -o-linear-gradient(#004d00, #ffffff); /* for Opera 11.1+ */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  	filter: alpha(opacity=80);
  	-moz-opacity: 0.8;
  	-khtml-opacity: 0.8;
  	opacity: 0.8;
	}
	ul {
	list-style-type:none;
	margin:0;
	padding:0;
	position: absolute;
	}
	li {
	display:inline-block;
	float: left;
	}
	#wrapper {
	text-align:left;
    width: 94%;
    padding: 3%;
	position:relative;
	font-size:1.2em;
}
.button2 {
  background-color: #FFFFFF; /* White */
  border: none;
  color: white;
  padding: 0px 0px;
  text-align: right;
  text-decoration: underline;
  display: inline-block;
  font-size:0.9em;
  font-weight:800;
  color: green;
  margin: 1px 0px;
  cursor: pointer;
}
#content-wrapper {
	padding-left:1.5em;
	padding-right:1.5em;
	text-align:left;
	max-width:900px;
  	display: block;
  	margin-left: auto;
  	margin-right: auto;
}
#content-inner {
	padding-bottom:2em;
}
#content {
	margin-left: auto;
	margin-right: auto;
}
#content-separator {
	text-align:center;
	border-top:1px dotted #033;
	border-bottom:1px dotted #033;
	padding:0.5em;
}
#content-top {
	position:relative;
	height:auto;
	text-align:center;
	padding:1em;
}
#header {
    width: 94%;
    padding: 3%;
    height:134px;
}
h2 {
	text-align:left;
	font-style:italic;
}
h2:first-letter {
	font-size:1.4em;
	font-weight:bold;
}
#container {
	float:right;
	background-color:#fff;
	font-style:italic;
}
#container img {
	padding:0.5em;
	border:1px dotted #033;
	margin-left:0.5em;
	margin-bottom:0.5em;
}
#title {
	text-align:center;
	font-style:italic;
	color:#000;
}
#title:first-letter {
	font-size:1.4em;
	font-weight:bold;
}
#breadcrumb {
	text-align:center;
	text-style:italic;
	color: #000;
	max-width:100%;
	font-size:0.75em;
	height:auto;
	border-top:1px dotted #033;
	border-bottom:1px dotted #033;
	padding: 0.5em;
}
#breadcrumb a{
	color: #000;
	font-weight:800;
	text-style:italic;
}

#footer {
	color:#030;
	clear:both;
}
#footer-right {
	float:left;
	text-align:left;
	padding-left:2em;
	padding-right:2em;
	color:#030;
	border-top:1px dotted #033;
	border-bottom:1px dotted #033;
}
#footer-right img{
	float:left;
	max-width: 100%;
	paddin:0.3em;
	border:1px dotted #033;
	margin-right:1em;
}
#footer-left {
	float:right;
	text-align:left;
	padding-left:2em;
	padding-right:2em;
	color:#030;
	border-top:1px dotted #033;
	border-bottom:1px dotted #033;
}
#footer-left img{
	float:left;
	padding:0.3em;
	border:1px dotted #033;
	margin-right:1em;
}
#footer-bottom {
	text-align:center;
	color:#030;
}
#footer h2 {
	padding-top:10px;
}
p:first-letter {
	font-size:1.6em;
	font-weight:bold;
	font-style:italic;
}
p img {
	float:left;
	max-width: 100%;
	padding:0.3em;
	border:1px dotted #033;
	margin-right:1em;
}
#large img {
	float:left;
	max-width:900px;
	padding:0.3em;
	border:1px dotted #033;
	margin-bottom:0.6em;
	margin-right:1em;
}
#clearfix:before {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
#list {
	color:#fff;
}
/* Tablet Landscape */
@media screen and (min-width: 900px) {
    #primary { width:67%; }
    #secondary { width:30%; margin-left:3%;}  
}
/* Tabled Portrait */
@media screen and (max-width: 900px) {
    #primary { width:100%; }
    #secondary { width:100%; margin:0; border:none; }
}
@media (min-device-width:460px) {
    img[data-src-600px] {
        content: attr(data-src-600px, url);
    }
}
@media (min-device-width:900px) {
    img[data-src-800px] {
        content: attr(data-src-800px, url);
    }
}
html { font-size:100%; 
}
@media (min-width: 330px) { body {font-size:1.1rem;} }
@media (min-width: 640px) { body {font-size:1rem;} } 
@media (min-width:900px) { body {font-size:0.9rem;} } 
@media (min-width:1100px) { body {font-size:0.8em;} } 

@media (min-width: 330px) { 
#title {
	font-size:2.5em;
	padding:8px;
}
}

@media (min-width: 640px) {

#title {
	font-size:3em;
	padding:9px;
}
}

@media (min-width:900px) {  

#title {
	font-size:3.5em;
	padding:10px;
}
}

@media (min-width:1100px) {  

#title {
	font-size:4em;
	padding:10px;
}
}

@media all and (min-width : 900px) {
    #footer-left {
        width: 40%;
        padding: 3%;
        font-size:0.9em;
    }
    #footer-right {
        width: 40%;
        padding: 3%;
        font-size:0.85em;
    }
    #container {
	width:47%;
	padding:3%;
	font-size:0.85em;
	float:right;
	}
	#container img {
	float:right;
	}
}
@media all and (max-width : 900px) {
     #footer-left {
        width: 94%;
        padding: 3%;
    }
    #footer-right {
        width: 94%;
        padding: 3%;
    }
    #container {
	width:94%;
	padding:3%;
	border-bottom:1px dotted #033;
	}
	#container img {
	float:center;
	width:40%;
	padding:1%;
	}
	.top-nav {
	display:inline;
	}
}
@media all and (min-width: 900px) {

    .content .desktop{display:block;}
    .content .mobile{display:none;}

}

@media all and (max-width: 900px) {

    .content .desktop{display:none;}
    .content .mobile{display:block;}

}
@media all and (max-width: 720px) {

    .content .desktop{display:none;}
    .content .mobile{display:block;}
}

@media all and (max-width: 479px) {

    .content .desktop{display:none;}
    .content .mobile{display:block;}

}
}