t/*
////////////////////////////////////////////////////////////////////////////////////

SITE-WIDE STYLESHEET
////////////////////////////////////////////////////////////////////////////////////

This document contains all the necessary styles for the MCSS site.
The document is split into numerous style sections:

/// SS01: Override styles - styles that override base xhtml elements.
/// SS02: Unique Styles - styles for unique ID objects
/// SS03: Combination Styles - styles that combine to make reflexive classes
/// SS04: Anchor & Link Styles - styles that redesign links, anchors etc.

 
////////////////////////////////////////////////////////////////////////////////////
*/
 
/* 
SS01: OVERRIDE STYLES
///////////////////////////////////////////
*/
 
 
body, html
{ font-family: 'Open Sans', sans-serif; padding:0px; margin:0px; width:100%; height:100%; text-align:center; font-size:14px; color:#525255; }

h1
{ margin:0 0 15px 0; font-size:24px; line-height:24px; font-weight:600;}

h2
{ font-size:18px; color:#0068b3; margin:20px 0 10px 0; }

h2 a 
{ color:#0068b3; }

h3
{ font-size:16px; color:#525255; font-weight:600; margin:15px 0 5px 0; }

p
{ margin:0 0 10px 0; line-height:18px;}

a
{ cursor:pointer; } 
a:link, a:hover, a:visited{ color:#0068B3;
text-decoration:none;
} 
a img{
	border:0;
	}

/* 
SS02: UNIQUE STYLES
///////////////////////////////////////////
*/
 
#CT_Body 
{ width:100%; margin:auto; min-height:100%; position:relative; }

#CT_Header
{
	height:207px;
	width:100%;
	clear:both;
	background:url(../images/bg_header.png) repeat-x bottom left #fff;
}

.Header_Padding
{
	width:915px;
	margin:auto;
	background:url(../images/logo_bg.gif) no-repeat top left;
	height: 207px;
}

.Logo
{ float:left; margin:28px 0 8px 0;}

#Menu
{ height:36px; width:100%;}

ul.MN_List
{padding:0px; margin:0; float:right; height:36px; padding:0; position:relative; }

li.MN_Main
{ float:left; list-style:none; cursor:pointer; margin:0 0 0 1px; }

li.MN_Main:hover a, li.MN_Main a.HighlightMenu
{ color:#fff; font-weight:600; }

a.TopMenuItem
{ text-decoration:none; display:block; background:url(../images/bg_menu_item_right.png) no-repeat top right; color:#fff; font-size:18px; font-weight:600;}

a.TopMenuItem, a.TopMenuItem span
{display:block; height:36px; line-height:36px;}

a.TopMenuItem span
{ background:url(../images/bg_menu_item_left.png) no-repeat top left; padding:0 20px; }

a.TopMenuItem:hover
{ color:#fff; }
			
ul.MN_List li:hover > ul.DropdownMenu 
{ margin:0px; padding:0px; display:inline}

ul.DropdownMenu, ul.DropdownMenu li, ul.DropdownMenu li:hover 
{ display: block; list-style-type: none; text-align: left; padding: 0; }

ul.DropdownMenu 
{ z-index: 2; display: none; position: relative; top: -22px; left: 260px; padding: 0 0 15px 0; margin: 0; background:#1f1f20; min-width:225px; border-top:3px solid #c5c5c7; }

ul.MN_List ul.DropdownMenu li 
{ height:26px; line-height:26px; padding:0 15px;}

ul.DropdownMenu li:hover
{ background:#ce801a; color:#fff;}

ul.DropdownMenu li:hover a 
{color:#fff;}

ul.DropdownMenu li a
{ padding: 0; display: inline-block; text-decoration:none; font-size:13px !important; text-transform:none; }
				
#CT_Content
{ width:100%; clear:both; padding-bottom:63px; }

.Feature_Box
{ width:100%; height:217px; background:url(../images/bg_blue_banner.png) repeat-x top left; text-shadow:0 -1px #000e18; color:#fff;}

.Feature_Box_Icon
{ background:url(../images/bg_icon_banner.png) no-repeat 72% 0%; min-height:217px;}

.Feature_Box_Padding
{ width:915px; padding:26px 0; margin:auto; text-align:left;}

.Feature_Box_Padding a
{ color:#fff; text-decoration:none;}

.Feature_Box p
{ font-size:16px; clear:both;}

.Feature_Box.article p
{ font-size:inherit; clear:both;}

.Feature_Box p em
{ font-size:14px;   float: left; margin-bottom: 0px;}

div.Feature_Box_Short
{ height:76px !important;}

.Content
{ width:100%; background:url(../images/bg_content_top.png) repeat-x top left; min-height:100%; overflow:auto;}

.Content_Padding, .Content_Padding_FAQ
{ padding:30px 0 50px 0; width:915px; margin:auto; text-align:left;}

.Column
{ float:left; width:435px; text-align:left;}
.Content_Padding_FAQ p{}




.ColumnLeft
{ margin:0 22px 0 0; }
.ColumnLeft_Home{ width: 616px }

.ColumnRight,.ColumnRight_Home
{ margin:0 0 0 22px; }
.ColumnRight p a{text-decoration:none;}

.ColumnRight_Home{ width: 250px;}
.ColumnRight_Home a{text-decoration:none;}
.ColumnRight_Home a:hover{text-decoration:underline;}


#CT_Footer
{ margin:auto; line-height:63px; width:100%; clear:both; background:url(../images/bg_footer.png) repeat-x bottom left; position:relative; color:#fff; font-size:11px; }

.Footer_Padding
{ width:915px; margin:auto;}

.footerLeft
{ float:left; width:230px;}

.footerRight
{ float:right; width:230px;
}

.footerCenter
{ margin:auto; text-align:center; width:230px;}

#CT_Footer a
{ color:#fff;}

/* 
SS03: COMBINATION STYLES
///////////////////////////////////////////
*/

.Latest_Stories
{ margin:0; padding:0; list-style-type:none;}

.Latest_Stories strong
{ color:#0068b3; font-weight:600; }

.Latest_Stories li
{ margin:0 0 10px 0; line-height:16px; }

.Latest_Stories.articles li em p
{ margin:0 0 10px 0; line-height:16px; }

.Latest_Stories a
{ text-decoration:none; }

.clear
{ clear:both; height:40px; }
 
.spacer
{ clear:both; height:1px;}

.header
{
	height:169px;
}

.img_caption
{ font-size:11px; }

.RightAlign
{ float:right; margin:20px 0 20px 20px; }

.LeftAlign
{ float:left; margin:20px 20px 20px 0;}

.CenterAlign
{ display:block; text-align:center; margin:30px auto;}

.display-1, .NoDisplay
{ display:none; }
 
.display1
{ display:block; }



.contentPicR
{ float:right; margin:0px 0px 12px 20px;}

.contentPicL
{ float:left; margin:0px 20px 12px 0px;}

.contentPicC
{ display:block; margin:0px auto; }

.DownloadBtn
{ height:28px; line-height:28px; display:block; vertical-align:middle; text-decoration:none; color:#fff; font-size:18px; font-weight:600; margin:30px 0 0 0; }

.DownloadBtn img
{ vertical-align:top; margin:0 10px 0 0;}

.ContactForm
{ width:350px; }

.fieldlabel
{ display:inline-block; width:80px; line-height:24px; }

.textInput, .surveyinputbox
{ width:250px; height:20px; border:1px solid #c6c6c7; margin:0 0 13px 0; }

.InputBox
{width:254px; height:24px; border:1px solid #c6c6c7; margin:0 0 13px 0; } 

.textInputNoMargin
{ margin:0; }

.textInputBox
{ width:334px; border:1px solid #c6c6c7; height:100px;}

#theImage
{ border:1px solid #c6c6c7; float:left; margin:0 15px 0 0;}

.verificationInput
{ width:120px; height:20px; margin:5px 0 0 0; border:1px solid #c6c6c7; }

.instructions
{ float:left; width:155px; }

.CaptchaRefresh
{ vertical-align:middle; margin:0 0 0 5px; }

.contactBtn
{ float:right; margin:20px 0 0 0; background:url(../images/btn_basic.png) repeat-x center center; width:143px; height:46px; border:none; color:#fff; font-size:19px; text-shadow: 0 -1px #000E18; cursor:pointer; }

.hide
{ display:none;}

.surveyquestion
{ font-weight:600; margin:0 0 5px 0; }

#surveyContainer
{ width:320px}

/* Gallery JS Plubgin */

.gallery_wrap{ margin:0 auto; text-align:center; min-height:400px; overflow:auto;}

#gal1{ margin: 0 auto; width:410px ; min-height:340px; text-align:center;}
#gal1 img{display:inline-block; position:relative; left:50%; margin-left:-200px;}
#gal_nav { margin-top: 15px; min-height:65px; padding-left:0px; margin:0 auto; width: 410px;}
#gal_nav li { width: 50px; float: left; margin:0 auto; list-style: none; padding:8px;}
#gal_nav a { width: 50px; padding: 3px; display: block; border: 1px solid #ccc; }
#gal_nav li.activeSlide a { background: #88f; }
#gal_nav a:focus { outline: none; }
#gal_nav img { border: none; display: block; position:relative;}

#video{width:600px; margin: 0 auto;}
#controls{ height:40px;}
#caption{height:20px;}

#gal_nav li.activeSlide a {
    background: none repeat scroll 0 0 #0068B3;
}

.Latest_Stories li em p {
	display: inline;
}