/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
/*    behavior: url(/PIE/PIE.htc);
	
/* #Site Styles
================================================== */
body {
	font: normal normal normal 14px/normal georgia, serif;
	line-height: 24px;
	text-align: left;
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
	-webkit-text-size-adjust: none; }
.side 	{ 
	font-family: "Lucida grande", "Lucida sans unicode", verdana, sans-serif;
	font-weight: 400;
	color: #000;
	font-size:12px;
	line-height:1.7em; }
p {
	margin-bottom:12px; }
h1 {
	margin: 12px 0;
	font-family: ArvoRegular, serif;
	font-weight: 400;
	color: #000;
	font-size:32px;
	text-align:left;
	line-height:100%; }
    
h2{
	margin: 12px 0px 6px 0px;
	color: #526843;
	font-family: ArvoRegular,serif;
	font-weight: 900;
	font-size:18px;
	text-align:left;
	line-height:100%; }
	h2 a {
	color: #526843;
	}
h1 span	{
	font-family: ArvoItalic, serif;
	display:	block;
	color:	#97946f;
	font-size:	26px;
	}	   
.intro h2 {
	color:#3577c5;
	border-top:#ccc solid 2px;
	border-bottom:#ccc solid 2px;
	font-family:Georgia,georgia,"Times New Roman",Times,serif;
	font-size:22px;
	line-height:26px;
	font-weight:normal;
	font-style: italic;
	text-align:left;
	margin-bottom: 30px;
	padding:5px 0 5px 0; }

h3{
	margin: 12px 0px 6px 0px;
	color: #000;
	font-family: ArvoRegular,serif;
	font-weight: 700;
	line-height: 19px;
	font-size:14px; }

sup {
	line-height: 0; font-size:80%;
	vertical-align: super; }
	
sub {
	line-height: 0; font-size: 80%;
	vertical-align: sub; }

.caption {
    font:   14px PTSansNarrowBold, sans-serif;
	font-weight:normal;
	line-height:110%;
	margin:0 0 15px 0; }

.topbanner {
	background-color:#000000;
	text-align:center;
	height:36px; }
img {image-rendering:optimizeQuality; -ms-interpolation-mode:bicubic;}
.logoresize {
	width: 380px;
	margin: 0 auto;
	text-align:center; }

.content {
	background-color:#dcdcd1;
	z-index:1; }

.rounded {
	/* COMMENTED OUT WHILE TROUBLE-SHOOTING FORM DIALOGUE ERROR BOX ISSUE position:relative;*/
	z-index:1;  /* ADDED W/ jqmWindow TO FIX FORM DIALOGUE BOX GRAYED OUT ISSUE IN IE & CHROME */
	background:#fff;
	padding-top:20px;
	/* ROUNDED CORNERS */
    -moz-border-radius:18px 18px; /*/ Firefox / */
	-webkit-border-radius:18px 18px; /*/ Safari and chrome / */
	-khtml-border-radius:18px 18px; /*/ Linux browsers / */
	border-radius:18px 18px; /*/ CSS3 /  */
	behavior: url(/css/PIE/PIE.htc); 
}

.column-rule {
	border-left: solid 1px #dcdcd1;
	padding-left: 20px;
	margin-left: 0px; }

a {
	text-decoration: none;
	color: #005698;
	font-weight: bold;/*border-bottom: 1px solid #adadad;*/
	}
a:hover {
	color: #000;
	border-bottom: none; }

.sm { 
    line-height: 0; /* keep the leading consistent in a paragraph */
    font-family:Arial, Helvetica, sans-serif;
    font-style:normal;
    font-weight:200;
    font-size: 55%;
    vertical-align: super; 
    }

#ZoomImage { border:#fff solid 15px;
	/* ROUNDED CORNERS */
    -moz-border-radius:18px 18px; /*/ Firefox / */
	-webkit-border-radius:18px 18px; /*/ Safari and chrome / */
	-khtml-border-radius:18px 18px; /*/ Linux browsers / */
	border-radius:18px 18px; /*/ CSS3 /  */
	-moz-box-shadow: rgba(0,0,0,0.20) 6px 6px 10px 2px;
    -webkit-box-shadow: rgba(0,0,0,0.20) 6px 6px 10px;
    box-shadow: rgba(0,0,0,0.20) 6px 6px 10px 2px;
	behavior: url(/css/PIE/PIE.htc); }

.clear {clear:both;}
	
/* BULLETS
================================================== */
.bullets ul, .bullets a, { list-style-type: square;}
.bullets ol, .bullets ol li { list-style-type: decimal; margin-left:20px;}
.bullets li { list-style-type: square;color: black; margin-left:20px; margin-bottom:0; }
.cms-bullets ul, .cms-bullets a { list-style-type: square;color: black; margin-bottom:20px;}
.cms-bullets ol { list-style-type:decimal;color: black; margin-bottom:20px;}
.cms-bullets2 ul,  { list-style-type: square;color: black; margin-bottom:20px;}
.cms-bullets2 a, { list-style-type: square;color: #005698; margin-bottom:20px;}
.cms-bullets2 li { list-style-type: square;color: black; margin-left:20px; margin-bottom:6px;  }

.bullets2 ul, .bullets2 a, .cms-bullets2 ul, .cms-bullets2 a { list-style-type: disc;}
.bullets2 ol, .bullets2 ol li, .cms-bullets2 ol, .cms-bullets2 ol li { list-style-type: decimal; margin-left:20px;}
.bullets2 li, .cms-bullets2 li { list-style-type: disc;color: black; margin-left:20px; margin-bottom:0; }
.bullets2 ul li, .cms-bullets2 ul li { list-style-type: disc;color: black; margin-left:20px; margin-bottom:0; }
.bullets2 ul li a, .cms-bullets2 ul li a { list-style-type: disc;color: black; margin-left:20px; margin-bottom:0; }


/* #Page Styles
================================================== */
#hidealogo {
	float:right; margin-bottom:10px;; }
#hidealogo img, .image-hover img {
	opacity:0.5;
	filter:alpha(opacity=50);}
#hidealogo img:hover, .image-hover:hover img {
	opacity:1;
	filter:alpha(opacity=100);}
.slideshow {
	width:920px;
	position:relative;
	margin-bottom:10px;
	clear:both;}

/* =============== ADAPTIVE VIDEO WRAPPER =============== */
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
.video-container iframe,  
.video-container object,  
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/* =============== ADAPTIVE VIDEO CONTAINER =============== */
.embed-container {    
    position: relative;    
    padding-bottom: 56.25%; /* 16/9 ratio */   
    padding-top: 30px; /* IE6 workaround*/   
    height: 0;    
    overflow: hidden;
	margin:-20px 0 20px 0;
}
.embed-container iframe,
.embed-container object,
.embed-container embed {    
    position: absolute;    
    top: 0;    
    left: 0;    
    width: 100%;    
    height: 100%;
}

/* RE-SIZE BANNER IMAGE */
img.scale {
        width: 100%;}
        
/* RE-SIZE PAGE BACKGROUND IMAGE */

#bkgd-image {
  	overflow: hidden;}
img.resize-image {
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;}

/* RE-SIZE PAGE BACKGROUND IMAGE */
#bkgd-image {
  overflow: hidden; }

img.source-image {
        width: 100%;
        position: absolute;
        top: 0;
        left: 0; }
.social-sharing { position:relative; bottom:0; left:0; float:left; vertical-align:bottom; margin-top:36px; }

/*ALSO NEED TO UPDATE PAGE CSS WITH THE FOLLOWING:
.content {
	background-color:#004d74;}  /*PULL COLOR FROM BOTTOM OF BKGD IMAGE
.rounded {
	background: url('/img/transparency.png');
	}
*/
.hilite { background-color:#E4EBEC; padding: 5px 10px;
	/* ROUNDED CORNERS */
    -moz-border-radius:12px 12px; /*/ Firefox / */
	-webkit-border-radius:12px 12px; /*/ Safari and chrome / */
	-khtml-border-radius:12px 12px; /*/ Linux browsers / */
	border-radius:12px 12px; /*/ CSS3 /  */
	behavior: url(/css/PIE/PIE.htc); 
}
.yelo-hilite { background-color:#fff450; padding: 5px 10px;
	/* ROUNDED CORNERS */
    -moz-border-radius:12px 12px; /*/ Firefox / */
	-webkit-border-radius:12px 12px; /*/ Safari and chrome / */
	-khtml-border-radius:12px 12px; /*/ Linux browsers / */
	border-radius:12px 12px; /*/ CSS3 /  */
	behavior: url(/css/PIE/PIE.htc); 
}


.alert_box {
background: #ECEAE1 url("/img/alertbox2.gif") no-repeat;
min-height: 39px;
padding: 6px 0 4px 75px;
border-bottom: 2px solid white; }
.alert_box h3 { margin:0; line-height:16px; font-family: MuseoSlab900, serif; color: #BE0100; }
.alert_box p { margin-bottom: 0; }

/* #Media Queries
================================================== */
	
/* iPad Portrait/Browser */
@media only screen and (min-width: 768px) and (max-width: 961px) {
.slideshow {width:740px;} 
.column-rule { padding-left: 10px; }
}

/* Mobile/Browser */
@media only screen and (max-width: 767px) {
p {font-size:1.1em;  }
.column-rule { border-left: none; padding-left:0;margin-left: 20px; }
.topbanner { display:none; }
.logoresize { width: 280px;text-align:center;}
img.resize-image { display:none; }
.intro h2 { margin-bottom: 15px; }
.social-sharing { margin-top:0; max-width:240px; }
.alert_box p { font-size:12px; line-height:14px; }
}

/* Mobile Landscape/Browser */
@media only screen and (min-width: 480px) and (max-width: 767px) { }

/* Anything smaller than standard 960 */
@media only screen and (max-width: 959px) { }

/* iPad Portrait Only */
@media only screen and (min-width: 768px) and (max-width: 961px) and (max-device-width: 1000px) { }

/* Mobile Only */
@media only screen and (max-width: 767px) and (max-device-width: 1000px) { }

/* Mobile Landscape Only */
@media only screen and (min-width: 480px) and (max-width: 767px) and (max-device-width: 1000px) { }




