@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:		8;
	dw-num-cols-desktop:	10;
	dw-gutter-percentage:	25;
	
	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: 481px and below. */
@media only screen and (max-width: 481px) {
.gridContainer {margin: 0 auto; width: 100%; padding: 0; padding-right: 0; background-color: #fff; font-size: 80%;}

#masthead {position: relative; clear: both; float: left; padding: 1.5% 1.5% 0 1.5%; width: 96%; margin-right: 1%; display: block; background-image:none; background-repeat:no-repeat; background-position:bottom right;}
#masthead_rgt {position: absolute; clear: none; top: 0; right: 5%; margin-left: 0; width: 95%; display: none;}
.masthead_nav {margin: 0; display: none;}
#search {margin: 0 1% 0 0; padding: 1px 0 0 0; height: 21px; float: left; width: 92%; text-align:right; display: none;}	
#srch_box {margin: 0px; padding: 0px; height: 18px; color: #999999; border: 1px solid #e5e5e5; font-size: 90%; width: 50%; display: none;}
#srch_box2 {margin: 0px; padding: 0px; height: 18px; color: #999999; border: 1px solid #e5e5e5; font-size: 90%; width: 50%; display: none;}
#srch_bttn {margin: 0; padding: 0px; float: left;  width: 7%; display: none;}
#topnav {clear: both;float: left;margin-left: 0;width: 100%;display: block;}
#tagline {clear: both;float: left;margin: 0;width: 100%; text-align: center; display: none;}
#msmobilesocicons {float:left; width:100%; padding-bottom:10px;}
#container_rgt {padding-top:5px}
.videoWrapper {width:100%}
}
/************************************/	

/* Smaller Tablet Layout: 482px to 569px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 482px) {
.gridContainer {width: 100%; padding-left: 0; padding-right: 0; font-size: 90%;}

#masthead {clear: both; float: left; padding: 0 1%; width: 98%; margin-left: 0; display: block; background-image:url(images/1_ovc_mast_02_768.gif); background-repeat:no-repeat; background-position:bottom right;}
#masthead_rgt {clear: none; right: 2%; width: 58%; display: block; text-align:right; float:right;}
.masthead_nav {margin: 4px 2px 0 2px; display: block; float: left; width: 45%; font-size:60%}
#search {margin: 0 0 0 0; padding: 1px 0 0 0; height: 20px; float: left; width: 40%; text-align:right;}	
#srch_box {margin: 0px 0px 0px 5px; padding: 0px; height: 18px; color: #999999; border: 1px solid #e5e5e5; font-size: 90%; width: 100%; float:left;}
#srch_box2 {margin: 0px 0px 0px 5px; padding: 0px; height: 18px; color: #999999; border: 1px solid #e5e5e5; font-size: 90%; width: 100%; float:left;}
#srch_bttn {margin: 0; padding: 0px; float: right; width: 11%;}
#topnav {clear: both;float: left;margin-left: 0;width: 100%;display: block;}
#tagline {clear: both;float: left;margin: 0;width: 100%; text-align: right; display: block; margin-top:0px;}
#masthead_left {clear: none; margin-left: 0%; right: 2%; width: 40%; display: block; text-align:right; float:left;}
#msmobilesocicons {float:right; width:100%; padding-bottom:10px;}
}

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

@media only screen and (min-width: 570px) {
.gridContainer {width: 100%; padding-left: 0; padding-right: 0; font-size: 90%;}

#masthead {clear: both; float: left; padding: 0 1%; width: 98%; margin-left: 0; display: block; background-image:url(images/1_ovc_mast_02_768.gif); background-repeat:no-repeat; background-position:bottom right;}
#masthead_rgt {clear: none; right: 2%; width: 58%; display: block; text-align:right; float:right;}
.masthead_nav {margin: 4px 2px 0 2px; display: block; float: left; width: 40%; font-size:70%}
#search {margin: 0 0 0 0; padding: 1px 0 0 0; height: 20px; float: left; width: 40%; text-align:right;}	
#srch_box {margin: 0px 0px 0px 10px; padding: 0px; height: 18px; color: #999999; border: 1px solid #e5e5e5; font-size: 90%; width: 100%; float:left;}
#srch_box2 {margin: 0px 0px 0px 10px; padding: 0px; height: 18px; color: #999999; border: 1px solid #e5e5e5; font-size: 90%; width: 100%; float:left;}
#srch_bttn {margin: 0; padding: 0px; float: right; width: 11%;}
#topnav {clear: both;float: left;margin-left: 0;width: 100%;display: block;}
#tagline {clear: both;float: left;margin: 0;width: 100%; text-align: right; display: block; margin-top:0px;}
#masthead_left {clear: none; margin-left: 0%; right: 2%; width: 40%; display: block; text-align:right; float:left;}
#msmobilesocicons {float:right; width:30%; padding-bottom:10px;}
#msheader {float:left; width:58%; font-size:90%}
}

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

@media only screen and (min-width: 769px) {
.gridContainer {width: 100%; max-width: 960px; min-width: 960px; padding-left: 0; padding-right: 0; margin: 0px auto; font-size: 100%; background-color: #fff;}

#masthead {position: relative; clear: both; float: left; padding: 0 1%; width: 98%; margin-left: 0; display: block; background-image:url(images/1_ovc_mast_02_768.gif)); background-repeat:no-repeat; background-position:bottom right;}
#masthead_rgt {position: absolute; top: 0; right: 0; clear: none; margin-left: 0;	display: block;}
.masthead_nav {margin: 0; display: block; float: left; width: 60.5%;}
#search {margin: 0 0 0 1.5%; padding: 1px 0 0 0; height: 21px; float: left; width: 30.5%; }	
#srch_box {margin: 0px; padding: 0px; height: 18px; color: #999999; border: 1px solid #e5e5e5; width: 100%; font-size: 90%;}
#srch_box2 {margin: 0px; padding: 0px; height: 19px; color: #999999; border: 1px solid #e5e5e5; width: 70%; font-size: 90%; float:left;}
#srch_bttn {margin: 2px 1.5% 0 0; padding: 0px; float: left; width: 5%;}
#topnav {clear: both;float: left;margin: 10px 0 0 0;width: 100%;display: block; position: relative;}
#tagline {clear: both;float: left;margin: 0;width: 100%; text-align: right; display: block; margin-top:15px;}
#msmobilesocicons {float:right; width:40%;}
}