/* Mobile Layout: 480px and below. */
.break {
	clear:both;
}

.ImageGallery {
	width: 421px;
	height:169px;
    float:left;
	margin-left:8%;
	padding:1%;
	display:none;
}

#headerimgs {
	background-color:#FFF;
}

#headerimg {
	background-position: center top;
	background-repeat: no-repeat;
	width:421px;
	height:169px;
	position:absolute;
}

#headertxt {
	width:85px;
	margin:0 auto;
	clear:both;
	position:absolute;
	z-index:99;
	margin-top:10px;
	margin-left:20%;
}

#headernav-outer {
	position:absolute;
	width:96px;
	height:32px;
	z-index:99;
}

#headernav { padding-left:0px; }

#nav-outer { height:110px; padding-top:11px; position:relative; top:24px; background-image:url("images/headerbg.png"); }
#navigation { height:100px; width:121px; margin:0 auto; background-image:url("images/logo.png"); background-position:top left; background-repeat:no-repeat; }

#firstline {
	color: #848484;
    display: block;
    font-size: 12px;
    height: 15px;
    width:140px;
}

#secondline {
    clear: both;
    color: #A8C3D8;
    display: block;
    font-family: helvetica;
    font-size: 17px;
    text-decoration: none;
    width: 251px;
}

#secondline:hover {
	text-decoration:underline;
	color:#000;
}

.pictured { 
	color: #cdcdcd;
    font-size: 15px;
    height: 15px;
    margin-top: 0;
    text-align: right;
    text-transform: uppercase;
    width: 113px;
}

.pictured a {
	font-size:12px;
	font-style:italic;
	letter-spacing:0;
	text-transform:none;
	color:#999;
	text-decoration:none;
	text-align:right;
}

.pictured a:hover {
	text-decoration:underline;
	color:#000;
}

.caption {
    height: 30px;
    margin:auto;
    width: 100px;
	text-align:right;
}


.btn { height:auto; width:auto; float:left; cursor:pointer; }
#back { background-image:url("/images/btn_back.png"); }
#next { background-image:url("/images/btn_next.png"); }
#control { background-image:url("/images/btn_pause.png"); }
 
/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */
@media only screen and (min-width: 481px) {
.break {
	clear:both;
}

.ImageGallery {
	width: 421px;
	height:169px;
    float:left;
	margin-left:8%;
	padding:1%;
	display:none;
}

#headerimgs {
	background-color:#FFF;
}

#headerimg {
	background-position: center top;
	background-repeat: no-repeat;
	width:421px;
	height:169px;
	position:absolute;
}

#headertxt {
	width:85px;
	margin:0 auto;
	clear:both;
	position:absolute;
	z-index:99;
	margin-top:10px;
	margin-left:20%;
}

#headernav-outer {
	position:absolute;
	width:96px;
	height:32px;
	z-index:99;
}

#headernav { padding-left:0px; }

#nav-outer { height:110px; padding-top:11px; position:relative; top:24px; background-image:url("images/headerbg.png"); }
#navigation { height:100px; width:121px; margin:0 auto; background-image:url("images/logo.png"); background-position:top left; background-repeat:no-repeat; }

#firstline {
	color: #848484;
    display: block;
    font-size: 12px;
    height: 15px;
    width:140px;
}

#secondline {
    clear: both;
    color: #A8C3D8;
    display: block;
    font-family: helvetica;
    font-size: 17px;
    text-decoration: none;
    width: 251px;
}

#secondline:hover {
	text-decoration:underline;
	color:#000;
}

.pictured { 
	color: #cdcdcd;
    font-size: 15px;
    height: 15px;
    margin-top: 0;
    text-align: right;
    text-transform: uppercase;
    width: 113px;
}

.pictured a {
	font-size:12px;
	font-style:italic;
	letter-spacing:0;
	text-transform:none;
	color:#999;
	text-decoration:none;
	text-align:right;
}

.pictured a:hover {
	text-decoration:underline;
	color:#000;
}

.caption {
    height: 30px;
    margin:auto;
    width: 100px;
	text-align:right;
}


.btn { height:auto; width:auto; float:left; cursor:pointer; }
#back { background-image:url("/images/btn_back.png"); }
#next {
	background-image:url("/images/btn_next.png");
}

#control { 
	background-image:url("/images/btn_pause.png"); 
}
}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */
@media only screen and (min-width: 769px) {
.break {
	clear:both;
}

.ImageGallery {
	width: 421px;
	height:169px;
    float:left;
	margin-left:8%;
	padding:1%;
	display:block;
}

#headerimgs {
	background-color:#FFF;
}

#headerimg {
	background-position: center top;
	background-repeat: no-repeat;
	width:421px;
	height:169px;
	position:absolute;
}

#headertxt {
	width:85px;
	margin:0 auto;
	clear:both;
	position:absolute;
	z-index:99;
	margin-top:10px;
	margin-left:20%;
}

#headernav-outer {
	position:absolute;
	width:96px;
	height:32px;
	z-index:99;
}

#headernav { padding-left:0px; }

#nav-outer { height:110px; padding-top:11px; position:relative; top:24px; background-image:url("images/headerbg.png"); }
#navigation { height:100px; width:121px; margin:0 auto; background-image:url("images/logo.png"); background-position:top left; background-repeat:no-repeat; }

#firstline {
	color: #848484;
    display: block;
    font-size: 12px;
    height: 15px;
    width:140px;
}

#secondline {
    clear: both;
    color: #A8C3D8;
    display: block;
    font-family: helvetica;
    font-size: 17px;
    text-decoration: none;
    width: 251px;
}

#secondline:hover {
	text-decoration:underline;
	color:#000;
}

.pictured { 
	color: #cdcdcd;
    font-size: 15px;
    height: 15px;
    margin-top: 0;
    text-align: right;
    text-transform: uppercase;
    width: 113px;
}

.pictured a {
	font-size:12px;
	font-style:italic;
	letter-spacing:0;
	text-transform:none;
	color:#999;
	text-decoration:none;
	text-align:right;
}

.pictured a:hover {
	text-decoration:underline;
	color:#000;
}

.caption {
    height: 30px;
    margin:auto;
    width: 100px;
	text-align:right;
}


.btn { height:auto; width:auto; float:left; cursor:pointer; }
#back { background-image:url("/images/btn_back.png"); }
#next { background-image:url("/images/btn_next.png"); }
#control { background-image:url("/images/btn_pause.png"); }
}