/*#inner, #article { background: yellow; } 
#wrapper { background: orange; } 
#header { background: red; } 
#header h1 { background-color: green; }
#header #badge { background-color: blue; }
#nav { background-color: indigo; }
#aside { background: pink; }*/
#sizer { display: none; }

* { margin: 0; padding: 0; }
body { font-family: Georgia, serif; }

#frame { margin: 30px auto; max-width: 1100px; width: 90%; }
#inner { border: 2px solid #919294; float: left; width: 100%; }
#wrapper { float: left; margin-left: 4.0%; width: 91.545454545455%; /* 1005 */ }

#header { float: left; position: relative; width: 100%; }
#header h1 { float: left; height: 133px; width: 79.5454545454545%; }
#header h1 img { width: 100%; }
#header h2 { color: #919294; font-weight: lighter; font-size: 1.2em; margin: 5px 100px 0 0; float: right; }

#logo2 { display: none; }

#header ul { list-style: none; margin-left: 20%; }
#header ul li { border-right: 1px solid #919294; margin: 7px 7px 0 0; padding-right: 7px; display: inline-block; }
#header ul li:last-child { border-right: 0px; }
#header ul li a { color: #919294; text-decoration: none; }
#header p { display: none; }
#header #badge { background: url('images/96.png') top left no-repeat; float: right; height: 113px; text-indent: -5000px; width: 113px; }

/* changing the h1 to text START */
#logo-short {  width: 18.507463% !important; }
#logo-short img { width: 100%; }
#strapline { color: #758484; font-size: 1.7em; font-weight: lighter; height: 70px !important; line-height: 90%; margin-left: 10px;  margin-top: 40px; width: 57.3% !important; }
#strapline span { font-size: .6em; }
/* changing the h1 to text END */

#nav { float: left; width: 20%; }
#nav ul { list-style: none; margin: 0 0 15px 0; padding: 0; }
#nav ul li { border-bottom: 2px dotted #919294; margin: 0; padding: 4px 0; width: 95%; }
#nav ul li a { color: #919294; text-decoration: none; }

.facebook { background: url('images/facebook.png') 0px 1px no-repeat; display: inline-block; padding-left: 23px !important; }

#article { float: left; width: 80%; }

div.col { float: left; width: 48.5%; margin: 15px 0 15px 0; }
div.colab { float: right; }
div.col p { color: #919294; font-size: .9em; line-height: 140%; }
div.col h3 { font-weight: lighter; font-size: 1em; color: #555; margin-bottom: 10px; }

form { border: none; }
fieldset { border: none; }
dl { float: left; margin: 0 0 5px 0; width: 100%; }
form fieldset dl dt { color: #B13C48; float: left; font-size: .8em; width: 50%; }

/**/
	#slideshow { float: left; height: 298px; overflow: hidden; position: relative; width: 100%; }
	#sleft, #sright { position: absolute; top: 150px; z-index: 7000; }
	#sleft { left: 0px; } #sright { right: 0px; }
	#sleft img, #sright img { border: none; }
	#slider { float: left; height: 298px; overflow: hidden !important; position: relative; width: 100% !important; }
	#slider ul { height: 298px; list-style: none; width: 5000px; }
	#slider ul li { height: 298px; overflow: hidden !important; position: relative; width: 810px; }
	#slider ul li img { width: 100%; }
	#slider ul li div { background: url('images/faded.png') top left; position: absolute; height: 298px; width: 191px; z-index: 5000; }
	#slider ul li div p { color: white; font-size: 1em; margin: 10px; }
/**/

#aside { float: right; width: 100%; }
#aside #caption { background: #919294; float: left; height: 205px; margin-left: 20%; width: 19.2039800995025%; }

#aside #caption p, #aside #caption h4 { color: white; font-weight: lighter; margin: 10px; }		
#aside #caption h4 { font-size: 1.2em; }

#aside a dl { color: white; }
#aside dl { height: 94px; float: left; margin: 0 0 15px 01.0527272727273%; position: relative; width: 19.2039800995025%; }

#aside dl dt { margin: 0; padding: 5%; width: 80%; }
#aside dl dd { background: transparent url('images/arrow.png') bottom right no-repeat; bottom: 10px; height: 50px; position: absolute; right: 10px; margin: 0; width: 95%; }

#footer { clear: both; float: left; margin-top: 10px; width: 100%; }
#footer p { color: #919294; float: left; }
#footer h2 { color: #919294; float: right; font-weight: lighter; padding-bottom: 4px; }	
	
/**/ 

@media screen and (max-width: 990px) {
	#aside #caption { height: auto; }
}

@media screen and (max-width: 800px) {
	#header ul { list-style: none; margin: 3px auto 0 auto; text-align: center; width: 100%; }
	#header h1 { clear: both; float: none; margin: 10px auto 0 auto; height: 133px; width: 100%; }
	/*#header #badge { position: absolute; top: -5%; right: -5%; }*/
	#header #badge { display: none; }
	#aside #caption { clear: both; margin-bottom: 10px; width: 80%; }
	#aside dl { clear: both; height: auto; margin-bottom: 10px; margin-left: 20%; width: 80%; }
	
	/* changing the h1 to text START */
	#logo-short {  width: 35% !important; }
	#logo-short img { width: 100%; }
	#strapline { line-height: 90%; margin-left: 10px; height: 150px; margin-top: 0px; text-align: center; width: 100% !important; }
	/* changing the h1 to text END */
	
}

/**/

@media screen and (max-width: 640px) {
	#frame { margin-top: 5px; }
	#header h1 { height: auto; }
	#nav { clear: both; float: left; margin-top: 0px; width: 100%; }
	#nav ul { margin-bottom: 0px; width: 100%; }
	#nav ul li { text-align: center; width: 100%; }
	#article { float: left; margin-top: 10px;width: 100%; }
	#aside #caption { margin-left: 0; width: 100%; }
	#aside dl { margin-left: 0; width: 100%; }
	#strapline { font-size: 1.2em; }
		
}

@media screen and (max-width: 600px) {
	div.col { clear: both; margin: 10px auto; width: 100%; }
/**/
	#slideshow { float: left; height: 185px; overflow: hidden; position: relative; width: 100%; }
	#sleft, #sright { position: absolute; top: 40px; z-index: 7000; }
	#sleft { left: 0px; } #sright { right: 0px; }
	#sleft img, #sright img { border: none; }
	#slider { float: left; height: 185px; overflow: hidden !important; position: relative; width: 100% !important; }
	#slider ul { height: 185px; list-style: none; width: 5000px; }
	#slider ul li { height: 185px; overflow: hidden !important; position: relative; width: 600px; }
	#slider ul li img { width: 100%; }
	#slider ul li div { background: url('images/faded.png') top left; display: none; position: absolute; height: 298px; width: 191px; z-index: 5000; }
	#slider ul li div p { color: white; font-size: 1em; margin: 10px; }
/**/
}

@media screen and (max-width: 480px) {
	#footer h2, #footer p { clear: both; float: none; display: inline-block; text-align: center; width: 100%; }
	#footer h2 { margin-bottom: 10px; }
	#logo1 { display: none !important; } #logo2 { display: block; }
	
/**/
	#slideshow { float: left; height: 148px; overflow: hidden; position: relative; width: 100%; }
	#sleft, #sright { position: absolute; top: 50px; z-index: 7000; }
	#sleft { left: 0px; } #sright { right: 0px; }
	#sleft img, #sright img { border: none; }
	#slider { float: left; height: 148px; overflow: hidden !important; position: relative; width: 100% !important; }
	#slider ul { height: 148px; list-style: none; width: 5000px; }
	#slider ul li { height: 148px; overflow: hidden !important; position: relative; width: 480px; }
	#slider ul li img { width: 100%; }
	#slider ul li div { background: url('images/faded.png') top left; display: none; position: absolute; height: 298px; width: 191px; z-index: 5000; }
	#slider ul li div p { color: white; font-size: 1em; margin: 10px; }
/**/

}

@media screen and (max-width: 320px) {
	#frame { width: 100%; }
	#inner { border: none; width: 100%; }
	#header h2 { float: none; clear: both; margin: 0; text-align: center; }
	
/**/
	#slideshow { float: left; height: 99px; overflow: hidden; position: relative; width: 100%; }
	#sleft, #sright { position: absolute; top: 30px; z-index: 7000; }
	#sleft { left: 0px; } #sright { right: 0px; }
	#sleft img, #sright img { border: none; }
	#slider { float: left; height: 99px; overflow: hidden !important; position: relative; width: 100% !important; }
	#slider ul { height: 99px; list-style: none; width: 5000px; }
	#slider ul li { height: 99px; overflow: hidden !important; position: relative; width: 320px; }
	#slider ul li img { width: 100%; }
	#slider ul li div { background: url('images/faded.png') top left; display: none; position: absolute; height: 298px; width: 191px; z-index: 5000; }
	#slider ul li div p { color: white; font-size: 1em; margin: 10px; }
/**/
	
}