@charset "UTF-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http:www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		6;
	dw-num-cols-desktop:	12;
	dw-gutter-percentage:	10;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http:www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http:goldengridsystem.com/
*/

/* Mobile Layout: 480px and below. */

.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 96.2181%;
	padding-left: 0.8909%;
	padding-right: 0.8909%;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#globalNav-container {
	clear: both;
	float: left;
	margin-left: 0;
	margin-top: 0.7633%;
	width: 100%;
	display: block;
}
#mainNav-container {
	clear: both;
	float: left;
	margin-left: 0;
	margin-top: 0.7633%;
	width: 100%;
	display: block;
	z-index:400;
}
#logo-container {
	clear: both;
	float: left;
	margin-left: 0;
	margin-top: 0.7633%;
	width: 100%;
	display: block;
}
#calloutNav-container {
	clear: both;
	float: left;
	margin-left: 0;
	margin-top: 0.7633%;
	width: 100%;
	display: block;
	z-index:300;
}
#heroFeature-container {
	clear: both;
	float: left;
	margin-left: 0;
	margin-top: 0.38165%;
	width: 100%;
	display: block;
	z-index:100;
}
#theme-container {
	clear: both;
	float: left;
	margin-left: 0;
	margin-top: 0.7633%;
	width: 100%;
	display: block;
}
#content-container {
	clear: both;
	float: left;
	margin-left: 0;
	margin-top: 0.7633%;
	width: 100%;
	display: block;
}
#sponsor-container {
	clear: both;
	float: left;
	margin-left: 0;
	margin-top: 0.7633%;
	width: 100%;
	display: block;
}
#footer-container {
	clear: both;
	float: left;
	margin-left: 0;
	margin-top: 0.7633%;
	width: 100%;
	display: block;
}
#footerNav-container {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#callOutNav-item-BYPASSED-1 {
	clear: none;
	float: left;
	margin-left: 0;
	width: 32.3156%;
	display: block;
	z-index:99999;
}
#callOutNav-item-BYPASSED-2 {
	clear: none;
	float: left;
	margin-left: 1.526%;
	width: 32.3156%;
	display: block;
	z-index:99999;
	
}
#callOutNav-item-BYPASSED-3 {
	clear: none;
	float: left;
	margin-left: 1.526%;
	width: 32.31563%;
	display: block;
	z-index:99999;
}
#mainNav-singlecell {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#mainNav-singlecell2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#activityBar-container {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	z-index:300;
}
#sixCol-container {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#sixCol-halfFill {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#sixCol-halfFill2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#sixCol-halfFill3 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

/*#content-fourCol-container {
	clear: both;
	float: left;
	margin-left: 0;
	width: 38.8888%;
	display: block;
}
#content {
	clear: none;
	float: left;
	margin-left: 1.8518%;
	width: 59.2592%;
	display: block;
}
*/
/* styles the grid layout for secondary pages... 
content-full page
content-left with R-side column
content-right with L-side column */
#mainContentF {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#mainContentL {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#mainContentR {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#contentColR {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#contentColL {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}



#fourCol {
	clear: both;
	float: left;
	margin-left: 0;
	width: 38.8888%;
	display: block;
}
#eightCol {
	clear: none;
	float: left;
	margin-left: 1.8518%;
	width: 59.2592%;
	display: block;
}

#homeCol1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#homeCol2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#homeCol3 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#video-Container {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#slideShow-Container {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#socialMedia-container {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {
.gridContainer {
	width: 96.5151%;
	padding-left: 0.7424%;
	padding-right: 0.7424%;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#globalNav-container {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#mainNav-container {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	z-index:400;
}
#logo-container {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#calloutNav-container {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	z-index:300;
}
#heroFeature-container {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	z-index:100;
}
#theme-container {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#content-container {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#sponsor-container {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#footer-container {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#footerNav-container {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#callOutNav-item-BYPASSED-1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 32.8245%;
	display: block;
}
#callOutNav-item-BYPASSED-2 {
	clear: none;
	float: left;
	margin-left: 0.7633%;
	width: 32.8245%;
	display: block;
}
#callOutNav-item-BYPASSED-3 {
	clear: none;
	float: left;
	margin-left: 0.7633%;
	width: 32.8245%;
	display: block;
}
#mainNav-singlecell {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#mainNav-singlecell2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#activityBar-container {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	z-index:300;
}
#sixCol-container {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#sixCol-halfFill {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#sixCol-halfFill2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#sixCol-halfFill3 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

/*#content-fourCol-container {
	clear: both;
	float: left;
	margin-left: 0;
	width: 32.3076%;
	display: block;
}
#content {
	clear: none;
	float: left;
	margin-left: 1.5384%;
	width: 66.1538%;
	display: block;
}
*/
#mainContentF {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#mainContentL {
	clear: both;
	float: left;
	margin-left: 0;
	width: 66.1538%; /*63.0769%*/
	display: block;
}
#mainContentR {
	clear: none;
	float: left;
	margin-left: 1.5384%;
	width: 83.0769%;
	display: block;
	
}
#contentColR {
	clear: none;
	float: left;
	margin-left: 1.5384%;
	width: 32.3076%; /*15.3846%*/
	display: block;
}
#contentColL {
	clear: both;
	float: left;
	margin-left: 0;
	width: 15.3846%;
	display: block;
}

#fourCol {
	clear: both;
	float: left;
	margin-left: 0;
	width: 32.3076%;
	display: block;
}
#eightCol {
	clear: none;
	float: left;
	margin-left: 1.5384%;
	width: 66.1538%;
	display: block;
}


#homeCol1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 66.1538%;
	display: block;
}
#homeCol2 {
	clear: none;
	float: left;
	margin-left: 1.5384%;
	width: 32.3076%;
	display: block;
}
#homeCol3 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#video-Container {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#slideShow-Container {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#socialMedia-container {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 800px) {
.gridContainer {
	width: 89.3181%;
	max-width: 1232px;
	padding-left: 0.3409%;
	padding-right: 0.3409%;
	margin: auto;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#globalNav-container {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#mainNav-container {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	z-index:400;
}
#activityBar-container {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	z-index:300;
}
#logo-container {
	clear: both;
	float: left;
	margin-left: 0;
	width: 49.6183%;
	display: block;
}
#calloutNav-container {
	clear: none;
	float: left;
	margin-left: 0.7633%;
	width: 49.6183%;
	display: block;
	z-index:300;
}
#heroFeature-container {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	z-index:100;
}
#theme-container {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#content-container {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#sponsor-container {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#footer-container {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#footerNav-container {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#callOutNav-item-BYPASSED-1 {
	clear: none;
	float: left;
	margin-left: 0;
	width: 32.3156%;
	display: block;
}
#callOutNav-item-BYPASSED-2 {
	clear: none;
	float: left;
	margin-left: 1.526%;
	width: 32.3156%;
	display: block;
	
}
#callOutNav-item-BYPASSED-3 {
	clear: none;
	float: left;
	margin-left: 1.526%;
	width: 32.31563%;
	display: block;
}
#mainNav-singlecell {
	clear: both;
	float: left;
	margin-left: 0;
	width: 16.0305%;
	display: block;
}
#mainNav-singlecell2 {
	clear: none;
	float: left;
	margin-left: 0.7633%;
	width: 16.0305%;
	display: block;
}
#sixCol-container {
	clear: both;
	float: left;
	margin-left: 0;
	width: 49.6183%;
	display: block;
}
#sixCol-halfFill {
	clear: both;
	float: left;
	margin-left: 0;
	width: 32.3156%;
	display: block;
}
#sixCol-halfFill2 {
	clear: none;
	float: left;
	margin-left: 1.5266%;
	width: 32.3156%;
	display: block;
}
#sixCol-halfFill3 {
	clear: none;
	float: left;
	margin-left: 1.5266%;
	width: 32.3156%;
	display: block;
}

/*#content-fourCol-container {
	clear: none;
	float: left;
	margin-left: 0.7633%;
	width: 32.8244%;
	display: block;
}
#content {
	clear: both;
	float: left;
	margin-left: 0;
	width: 66.4122%;
	display: block;
}
*/
#mainContentF {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#mainContentL {
	clear: both;
	float: left;
	margin-left: 0;
	width: 74.8091%; 
	display: block;
}
#mainContentR {
	clear: none;
	float: left;
	margin-left: 0.7633%;
	width: 74.8091%;
	display: block;
}
#contentColR {
	clear: none;
	float: left;
	margin-left: 0.7633%;
	width: 24.4274%;
	display: block;
}
#contentColL {
	clear: both;
	float: left;
	margin-left: 0;
	width: 24.4274%;
	display: block;
}


#fourCol {
	clear: both;
	float: left;
	margin-left: 0;
	width: 32.8244%;
	display: block;
}
#eightCol {
	clear: none;
	float: left;
	margin-left: 0.7633%;
	width: 66.4122%;
	display: block;
}

#homeCol1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 32.8244%;
	display: block;
}
#homeCol2 {
	clear: none;
	float: left;
	margin-left: 0.7633%;
	width: 32.8244%;
	display: block;
}
#homeCol3 {
	clear: none;
	float: left;
	margin-left: 0.7633%;
	width: 32.8244%;
	display: block;
}
#video-Container {
	clear: both;
	float: left;
	margin-left: 0;
	width: 49.6183%;
	display: block;
}
#slideShow-Container {
	clear: none;
	float: left;
	margin-left: 0.7633%;
	width: 49.6183%;
	display: block;
}
#socialMedia-container {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

}