body {
	background: url('images/bg.jpg') center top;
	font-family:Verdana, Geneva, Tahoma, sans-serif;
	font-size:14px;
	
}
#container {
	margin:auto;
	width:100%;
	max-width:994px;
	
	
}
#header a:link, #header a:visited, header:active {
	color:black;
}
#header-left {
	float:left;
}
#header-right {
	float:left;
	text-align:center;
	margin-left:160px;
	padding-top:25px;
}
#address {
	margin-top:20px;
}
#slogan {
	color:white;
	text-align:center;
	margin-top:27px;
	font-size:25px;
}
#slideshow {
	border:5px solid white;
	margin-top:11px;
	border-radius:5px;
}
#attributes {
	font-size:20px;
	text-align:center;
	color:white;
	margin-top:7px;
}
#wrapper {
	margin-top:30px;
	line-height:22px;
	
}
#wrapper-left {
	float:left;
	width:323px;
}
#wrapper-right {
	float:left;
	background-color:#727272;
    border:2px solid #333333;
    border-radius:5px;
    width:667px;
   
}
#wrapper-text {
	background-color:white;
	margin:5px;
	padding:5px;
	padding-bottom:10px;
	border:2px solid #333333;
    border-radius:5px;
    min-height:500px;
  

}
#wrapper-right li {
	background: url('images/arrow.png') 0px 11px;
	background-repeat:no-repeat;
	list-style-type:none;
	padding:5px;
	padding-left:30px;
	font-family:Verdana, Geneva, Tahoma, sans-serif;
	font-size:13px;
	display:block;
	margin-left:-20px;
}
#information {
    background-color:#727272;
    border:2px solid #333333;
    border-right:0px;
    border-top-left-radius:5px;
    border-bottom-left-radius:5px;
    padding: 5px;

}
#info-header {
	background: url('images/nav-link-bg-first.png');
	font-size:14px;
	color:white;
	font-weight:bold;
    line-height: 30px;
    border:1px solid #333333;
    border-radius:5px;
    padding-left:10px;
    margin-left:-5%;
}
#information a:link, #information a:visited {
	color:white;
}
#progress { 
    position: absolute; 
    bottom: 0; height: 3px; 
    width: 0px; 
    background: red; 
    z-index: 500;
}
#slideshow img { display: none; 
}
#slideshow img.first { display: block;
}
#sig {
	font-size:11px;
	text-align:center;
	margin-top:10px;
	color:black;
}
#gallery img {
	border:1px solid #FF1717;
	border-radius:5px;
}

/* CLASSES */

.picture {
	vertical-align:middle;
}
nav a.first {
	margin-top:0px;
	background: url('images/nav-link-bg-first.png');
}
nav a.last {
 	background: url('images/nav-link-bg-first.png');
}
.left-header {
	font-size:18px;
	font-weight:bold;
}
.center {
	text-align:center;
}
.header {
	font-size:18px;
	font-weight:bold;
	color:#3A2A90;
}
.sub {
	margin-top:10px;
}
.header-sub {
	background: url('images/header-sub.png');
	border:1px solid #333333;
	border-radius:5px;
	padding:5px;
}
.table {
	border: 1px solid #000000;
	background-color: #C0C0C0;
	border-radius:5px;
	box-sizing: border-box;
}
.logo {
    width:100%;
    max-width:293px;
}
.motto {
    width:100%;
    max-width:541px;
}



/* BODY MEDIA QUERIES */
@media screen and (max-width:1029px) 
{
body {
	background: url('images/bg-no-red.jpg') center top;
}
}

/* HEADER MEDIA QUERIES */


@media screen and (max-width:1029px) 
{
#header-left {
     float:none;
     width:100%;
     text-align:center;
  }
#header-right {
	 float:none;
     width:100%;
     text-align:center;
     margin-left:0px;
    
}
#address {
     font-size:12px;
}
}

/* SLOGAN MEDIA QUERIES */


@media screen and (max-width:1029px) 
{
#slogan {
	font-size:25px;
}
}
@media screen and (max-width:543px) 
{
#slogan {
	font-size:23px;
}
}
@media screen and (max-width:503px) 
{
#slogan {
	font-size:20px;
}
}
@media screen and (max-width:441px) 
{
#slogan {
	font-size:18px;
}
}
@media screen and (max-width:401px) 
{
#slogan {
	font-size:16px;
}
}
@media screen and (max-width:359px) 
{
#slogan {
	font-size:14px;
}
}

@media screen and (max-width:320px) 
{
#slogan {
	font-size:13px;
}
}



/* ATTRIBUTES MEDIA QUERIES */

@media screen and (max-width:1029px) 
{
#attributes {
	font-size:20px;
}
}

@media screen and (max-width:597px) 
{
#attributes {
	font-size:18px;
}
}
@media screen and (max-width:533px) 
{
#attributes {
	font-size:16px;
}
}
@media screen and (max-width:483px) 
{
#attributes {
	font-size:14px;
}
}
@media screen and (max-width:420px) 
{
#attributes {
	font-size:11px;
}
}
@media screen and (max-width:365px) 
{
#attributes {
	font-size:11px;
}
}
@media screen and (max-width:351px) 
{
#attributes {
	font-size:10px;
}
}
@media screen and (max-width:315px) 
{
#attributes {
	font-size:9px;
}
}


/* WRAPPER MEDIA QUERIES */


@media screen and (max-width:1029px) 
{
#wrapper {
	margin-top:20px;
}
#wrapper-left {
	float:none;
	width:100%;
}
#wrapper-right {
	float:none;
	width:100%;
	margin-top:10px;
	box-sizing: border-box;
}
#information {
    border-right:2px solid #333333;
    border-radius:5px;
}
#info-header {
	margin-left:0;
}
}

/* CLASSES MEDIA QUERIES */


@media screen and (max-width:700px) 
{
.header {
	font-size:16px;
	font-weight:bold;
	color:#3A2A90;
}
.table {
	width:200px;
}
}