/* CSS Document */

/* Styles in this document are separated by area of the page:
Overall Page 
Top Banner area
Left Navigation
Page Layout
Custom Page Layouts
Footer
*/

/* Overall Page Styles */

form
{
	height:100%;
}


html
{
	height:100%;
}

.master
{
	width:760px;
	margin-left:auto;
	margin-right:auto;
	height:100%;
}

body 
{
	padding-top: 12px;
	font-style:normal; 
	font-variant:normal; 
	font-weight:normal; 
	font-size:12px
}

.body {
    background-color: #04514c;
}

.mainContainer
{
width: 960px;
margin-left:10px;
margin-right:10px;
background: #FFFFFF;
}

/* Global Nav Links - Text only and the site collection links */
.globalnavlinks
{   background: url('/Style%20Library/Images/CharMeck/BAR-Preface.png') no-repeat left top;
	font: Verdana;
	font-size: 9px;
	color: #FFFFFF;
	text-align: left;
	text-decoration: none;
	padding: 5px 0 5px 10px;
}
		
.globalnavlinks a
{
	color: #FFFFFF;
	text-decoration: none;
}
		
.globalnavlinks a:hover 
{
	text-decoration: underline;
}

.globalnavlinks2
{   background: url('/Style%20Library/Images/CharMeck/BAR-Preface.png') no-repeat right top;
	font: Verdana;
	font-size: 9px;
	color: #FFFFFF;
	text-align: right;
	text-decoration: none;
	padding: 5px 10px 5px 0;
}
		
.globalnavlinks2 a
{
	color: #FFFFFF;
	text-decoration: none;
}
		
.globalnavlinks2 a:hover 
{
	text-decoration: underline;
}

.globalnavlinks3
{   background: url('/Style%20Library/Images/CharMeck/BAR2.png') no-repeat right top;
	font: Verdana;
	font-size: 9px;
	color: #FFFFFF;
	text-align: middle;
	text-decoration: none;
	padding: 5px 10px 5px 0;
}
		
.globalnavlinks3 a
{
	color: #FFFFFF;
	text-decoration: none;
}
		
.globalnavlinks3 a:hover 
{
	text-decoration: underline;
}



.spacer
{
	width:12px
}

/* Banner style including site logo, title, search */
.banner
{
	background-image: url('Images/CharMeck/banner2.jpg');
	background-repeat: no-repeat;
	padding: 0; 
}

.bannerheight
{
	height:75px;
}

/* Probably don't need these 
.ms-sitetitle {
font:11pt verdana;
font-weight:bold;
color:#FFFFFF;
padding-left: 30px;
vertical-align:middle;
margin:0;
}

.ms-sitetitle a {
font:11pt verdana;
font-weight:bold;
color:#FFFFFF;
text-decoration:none;
padding-left: 30px;
}

h1.ms-sitetitle{
margin:0;
padding:0;
}

td.ms-titleimagearea{
padding-left:20px;
}
*/

/* This is turned off in favor of one image and no text.  Will be turned on for print and handheld styles.*/
.logo {
	display: none;
}

/* Search Styles */
.search  {
    /*padding-top: 30px;*/
	margin:6px 2px 20px 2px;  
}

.search .ms-sbcell
{
    border:none;
    font-weight:bold; 
    font-size:8pt; 
    color: #FFFFFF;
}

.search .ms-sbcell .ms-sbplain
{
    margin-right:2px;
    margin-left:2px;
    border:1px #FFFFFF solid;
    height:14px;
}

.search .ms-sbgo
{
    background:none;
}

/* Department (Top) Navigation Style*/
.topNavContainer
{	
	height:35px;
}

.topNav
{
    background-image: url('/Style%20Library/Images/CharMeck/charmecktopnav.jpg');
	background-repeat: no-repeat;
	color: #FFFFFF;
	font-weight: bold;
	padding-left:0px; padding-right:5px; padding-top:8px; padding-bottom:5px
}

.topNav a, .topNav a:visited {
	
}

.topNav a:hover
{
text-decoration: underline;
}


.topNavItem
{
	font-family: verdana;
	font-weight: bold;  
	font-size: 8pt; 
	color: #FFFFFF;	
	padding-right: 10px;
}

.topNavItem a
{
	display:block;
}

.topNavSelected a
{
	text-decoration: underline;
}

.topNavHover a
{
	color:#FFFFFF;
}

.topNavFlyOuts
{
	border: 1px #CCCCCC solid;
	margin-top: 12px;
}

.topNavFlyOutsItem
{	
	font-family: verdana; 
	font-size: 8pt; 
	background-color: #FFFFFF;
	color:#000000;
	*width:150px;
	min-width:150px;
}

.topNavFlyOutsItem a
{
    display:block;
    padding: 4px 5px 4px 5px;
}

.topNavFlyOutsItem a:hover
{
	text-decoration: underline;
}

/* Left navigation/Quick Links style */
.quicklaunch {
background: #FFFFFF;
}

.leftnavtable {
	background: #FFFFFF;
	vertical-align:top;
}

.leftNav
{
	padding-top:5px;
	width:180px;
}

.leftNavSpacer
{
	width:180px;
}

/* Start Edits */
/* 7-20-10 Jay cleaned up and edited left nav level 1 and 2 and added commments */

.leftNav1 /* position, margin, padding, block, font */
{  
	font-size: .7em; /* use emphasis as a percentage of the core style .7 = 70% of core font size. Some browsers don't like PT or points */
	font-weight: bold; 
	padding: 5px 0 0 3px; /* add padding per menu item. line height is not good here because it adds space between every line including wrapped menu items. We just want space between each menu item so use padding TOP-RIGHT-BOTTOM-LEFT */
	display: block;
}

.leftNav1 a:link, .leftNav1 a:visited
{
	color: #000;
}

.leftNav1 a:hover
{
	color: #000;  
	text-decoration: underline;
}

.leftNav1 a.leftNavSelected
{  
	text-decoration: underline;
} 

.leftNav2 /* position, margin, padding, block, font */
{	
	font-size: .7em; /* use emphasis as a percentage of the core style .7 = 70% of core font size. Some browsers don't like PT or points */
	font-weight: normal; 
	padding: 2px 0 2px 10px; /* add padding per menu item. line height is not good here because it adds space between every line including wrapped menu items. We just want space between each menu item so use padding TOP-RIGHT-BOTTOM-LEFT */
	display: block;
}

.leftNav2 a:link, .leftNav2 a:visited
{
	color: #000;
}

.leftNav2 a:hover
{
	color: #000;
	text-decoration: underline;
}

.leftNav2 a.leftNavSelected
{  
	text-decoration: underline;
} 

/* End Left Nav Level 1 and 2 */
/* End Jay Edits */

.leftNav3

{	
	color: #000000;
	font-family: verdana;  
	font-size: 8pt; 
	line-height:14pt;
}

.leftNav3 a
{
	padding-left:18px;
	display:block;
}

.leftNavHover
{
	text-decoration: underline;
}

.leftNavFlyOuts
{
	font-family:verdana; 
	font-size:8pt; 
	border-top: none;
	border-left: none;
	border-right: none;	
}

.leftNavFlyOutsItem
{
	border-bottom: none;
	background-color: #FFFFFF;
}

.leftNavFlyOutsItem a
{
	padding:1px 5px 1px 5px;
	display:block;
	color:#354260;
	*width:100px;
	min-width:100px;
}

.leftNavFlyOutsHover
{
	background-color: #FFFFFF;
}

/* Breadcrumb Style */
.breadcrumb
{
    font-family: verdana; 
    color: #656b77;
    clear:both;
    font-size: 8pt; 
    font-family: verdana; 
    padding-left:7px;
    padding-top: 6px;
    margin-bottom:4px;
}

.breadcrumb a
{
	padding-left:0px;
	padding-right: 0px;
	text-decoration:none;
   	color: #656b77;
}

.breadcrumb a:hover
{
	text-decoration:underline;
}

.breadcrumb a:active
{
	padding-left:0px;
	padding-right: 0px;
	text-decoration:none;
   	color: #656b77;
}

.breadcrumbCurrent
{
	font: verdana;
	font-weight:bold;
	font-size: 8pt; 
}

/*Page Layout styles with special heading classes (CMail) */
.page {
	border-left: #304266 solid 5px;
	background: #FFFFFF;
}

.pagewidth {
	width: 760px;
}

.pagetools {
    padding-left:7px;
    padding-top: 6px;
    margin-bottom:4px;
}

.pagelayout {
	background: #FFFFFF;
	padding-left: 7px;
}

.pagelayout2 {
	font-family: Verdana; 
	font-size: 12px;
	font-weight: normal;
	line-height: 1.5em;
}

.pageheading 
{
	font-family: Verdana;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	padding-top: 10px;
	padding-bottom: 5px;
}

.pagelayout2 td {
	font-family: Verdana; 
	font-size: 12px;
	font-weight: normal;
	line-height: 1.5em;
}

/*Custom Page Layout Styles*/
.caption
{
	font-family: Verdana;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
}

.hortzrule {
	color: black;
	height: 1px;						
}

/*CharMeck home page layout*/
.heading {
font-size: 16px;
color: #000000;
font-family: Verdana;
font-weight: bold;
}

.heading1 {
font-size: 14px;
color: #000000;
font-family: Verdana;
font-weight: bold;
padding: 5px;
}

.sub {
font-size: 10px;
color: #000000;
font-family: Verdana;
line-height: 15px;
}

.sub2 {
font-size: 11px;
color: #000000;
font-family: Verdana;
line-height: 15px;
padding: 5px;
}

.city {
background-image: url('Images/CharMeck/city.jpg');
background-repeat: none
}

.county {
background-image: url('Images/CharMeck/meckbkg.jpg');
background-repeat: none
}

.services {
background-image: url('Images/CharMeck/services.jpg');
background-repeat: none
}

.feature{
padding-top: 10px;
background-image: url('icons/feature.jpg');
background-repeat: none
}

/*Post-It Page Layout - Engineering*/
.postdiv {
	float: right;
}

.posttop {
	background-image: url('Images/charlotte/post_it_top2.jpg');
	background-repeat: no-repeat
}

.post {
	background-image: url('Images/charlotte/slice.gif');
	background-repeat: repeat-y;
	background-color: #fcdf88;
	padding-left:20px; padding-right:20px; padding-top:10px; padding-bottom:10px
}

.postbottom {
	background-image: url('Images/charlotte/post_it_300x66_bottom.gif');
	background-repeat: no-repeat
}

/* Footer Style */
.footer {
	background: url('/Style%20Library/Images/CharMeck/BAR-Footer.png') no-repeat center top;
	text-align: center; 
	font-size:10px; 
	color:#FFFFFF; 
	line-height:1.75em;
	margin: 0 0 30px 0;  
	font-style:normal; 
	font-variant:normal; 
	font-weight:normal;
}

/* .footerimage {
	display: none;
} 

.footerlinks1 {
	color: #FFFFFF;
}

.footerlinks1 a {
	color: #FFFFFF;
	text-decoration: none;
}

.footerlinks1 a:hover {
	text-decoration: underline;
} */

.footerlinks-left {
width: 100px; 
height: 60px; 
vertical-align:top;
padding-left:40px;
	}

.footerlinks2 {
	color: #FFFFFF;
	height: 60px;
	padding: 3px 0 0 0;
	vertical-align:top;
}

.footerlinks2 a {
	color: #FFFFFF;
	text-decoration: none;
}

.footerlinks2 a:hover {
	text-decoration: underline;
}

.footerlinks-copyright {
width: 100px; 
height: 60px; 
vertical-align:top;
padding: 12px 0 0 0;
}


/* .footercrown {
	background-image: url('Images/charlotte/footercrown.png');
	background-repeat: no-repeat;
	background-position:  right 50%;
	padding-top: 3px;
	padding-left: 10px
} */

/*Miscellaneous Styles */
.console
{
	clear:both;
}

.siteActionMenu
{
    float: left;
}

.authoringRegion
{
	width:100%;
	background-color:#DDDDDD;
	color:#333333;
}

.pageTitle
{
	margin:0px;
	font-family: verdana;  
	font-size: 14pt; 
	font-weight: bold; 
	color: #666666;
}

.pageTitle span
{
	margin:0px;
	padding:0px;
}


.bottomLinkBar
{
	font-family: verdana;  
	font-size: 8pt; 
	color: #999999;
	float:none;
}

div.ms-wikieditouter
{
	position:static;
	border-bottom: 1px #6393d4 solid;
	margin-bottom:8px;
	margin-right:5px;
	border-right-width:1px;
}

div.ms-quicklaunchouter
{
	margin-left:7px;
	margin-top:5px;
	width:158px;
	border-width:0px;
}

/*These styles hide the default SharePoint breadcrumb*/
.mainContent td.ms-pagebreadcrumb
{
	display:none;
}

.mainContent div.ms-pagebreadcrumb
{
	display:none;
}

.content1{
	float: left;
}

/* --- Begin Tab Styles */

/* The UL element containing the tabs when JavaScript is enabled. */
.tabbedNavOn {
 list-style-type: none;
 margin: 0;
 padding:0;
 font-family: arial, verdana, sans-serif;
 font-size: 14px;
 text-align: left;
 white-space:nowrap;
}

/*************** Common styles for both .tabOff and .tabOn *****************/
.tabbedNavOn a {
 width: 175px;
 height:91px;
 display: block;
 background-image:url('../PublishingImages/charmeck-button-link.jpg');
 background-repeat:no-repeat;
}

.tabbedNavOn a:link,
.tabbedNavOn a:visited,
.tabbedNavOn a:active,
.tabbedNavOn a:focus {
 text-decoration: none;
}

.tabbedNavOn a:hover {
 color: #fff;
 width:175px;
 font-weight: bold; 
 background-image: url('/Style%20Library/Images/CharMeck/CharMeckActiveButton.jpg');
 background-repeat:no-repeat;
 overflow:visible;
 z-index:1;
}


/*************** End common styles for .tabOff and .tabOn ******************/

/* This class is a tab when it is not active. */
.tabOff {
 cursor: pointer;
 cursor: hand;
}

/* Non active Tab text color when in the visited and non visited states. */
.tabOff:link,
.tabOff:visited {
 color: #000000;
 font-weight: bold;
}
.tabOff:hover {
 color: #000000;
 font-weight:bold;
 text-decoration:underline;
}


/* Non active tab's text color in the active, focus, an hover states. */
.tabOff:active,
.tabOff:focus,
.tabOff:hover {
 font-weight: bold;
}


/* This class is a tab that is switched "on" */
.tabOn {
 cursor: default;
}

/* Active tab text color when in the visited and non visited states. */
.tabOn:link,
.tabOn:visited,
.tabOn:active,
.tabOn:hover {
 color: #fff;
 width:175px;
 font-weight: bold; 
 background-image: url('/Style%20Library/Images/CharMeck/CharMeckActiveButton.jpg');
 background-repeat:no-repeat;
 overflow:visible;
 z-index:1;
}

.tabbedNavOn li {
 float: left;
}

/* Tab boxes when JavaScript is disabled. */
.tabBox {
 font-family: arial, verdana, sans-serif;
 font-size: 1.25em;
}

.tabBox .tabBoxNav {
 display: none;
}

/* Hide the tab boxes when they are turned off. */
.tabBoxOff {
 display: none;
}

/* The tab box is switched "on" */
.tabBoxOn {
 background-color: #FFFFFF;
 margin-top: -1px;
 zoom: 1;
}

/* Padding and borders around the tab content. */
.tabBoxOn .tabBoxGutter {
 padding: 0 0 0 0;
}

/* The tab's bottom text links for Next and Previous */
.tabBoxOn .tabBoxNav {
 background-color: #FFFFFF;
 margin: 0;
 padding: .33em 0 0 0px;
}

/* The tab's bottom text links when the link is visited and non visited. */
.tabBoxOn .tabBoxNav a:link,
.tabBoxOn .tabBoxNav a:visited {
 color: #333333;
 text-decoration: underline;
}

/* The tab's bottom text links when the link is active, hovered on, or has
* the system focus. */
.tabBoxOn .tabBoxNav a:active,
.tabBoxOn .tabBoxNav a:hover,
.tabBoxOn .tabBoxNav a:focus {
 color: #000000;
 text-decoration: none;
}

/* Gap below the tab's bottom links, and the bottom of the tab box. */
.tabBoxOn .tabBoxNav .tabSpacer {
 height: .33em;
}

.tabBoxOn .tabBoxNavLeft {
 float: left;
}

.tabBoxOn .tabBoxNavRight {
 float: right;
 padding: 0px;
}

/* When JavaScript is disabled, hide the link to jump back to the tabs. */
.tabOptionsOff {
 display: none;
}

/* The link to jump back to the tabs when JavaScript is enabled. */
.tabOptionsOn {
 margin: 0;
 display: none;
}

.tabOptionsOn a {
 margin: -1.5em 0 0 0;
 position: absolute;
 text-align: center;
 width: 100%;
 display: none;
}

.tabOptionsOn a:link,
.tabOptionsOn a:visited {
 color: #fff;
 display: none;
}

.tabOptionsOn a:active,
.tabOptionsOn a:focus,
.tabOptionsOn a:hover {
 color: #fff;
 display: none;
}

/* Spacer DIV under the tabs when JavaScript is disabled. */
.tabSpacerOff {
 display: none;
}

/* Spacer DIV under the tabs when JavaScript is enabled. The 1px font size
* fixes an IE-Win bug that sizes the height too high in certain cases. */
.tabSpacerOn {
 background-color: #FFFFFF;
 clear: both;
 font-size: 1px;
 height: 1px;
 overflow: hidden;
 width: 5px; /* Width required by Safari and IE5-Mac */
}

/* The DIV tag that encapsulates one entire tab structure. */
.tabWrapper {
 position: relative;
 width: 670px;
 float: left;
}

.style1 {
	margin-bottom: 0px;
}

.tabtitle {
	background: none;			
}
/* --- End Tab Styles ---*/


/*Print Styles below*/
@media print {
.globalnavlinks {
	display: none;
}

.search {
	display: none;
}

.topNav {
	display: none;
}

.leftnavtable {
	display: none;
}

.pagetools {
	display: none;
}

.page {
	border: none;
}

.banner {
	display: none;
}

.pageedittoolbar {
	display: none;
}

.siteactionsmenu {
	display: none;
}

.breadcrumb {
	display: none;
}

.footerlinks1 {
	display: none;
}

.footerlinks2 {
	display: none;
}

.pagelayout2 {
	font-size: 12pt;
}

.pagelayout2 td {
	font-size: 12pt;
}

.stagelogin {
	display: none;
}

.footerimage {
	display: block;
	text-align: left;
}
}
/*Handheld Styles*/

 .ms-WPHeaderTdSelection     
 {          
                display none;      
  }