/*
Content Manager 2.0 Basic Style Sheet

All content manager elements are based off of this stylesheet
*/

/* ----------------------------------------------
GLOBAL STYLES -
These are styles that you should have in
EVERY site.                                     i
---------------------------------------------- */

body
{
    behavior: url("/Scripts/csshover3.htc");
    text-align : center;
	font-size : 12px;
	font-family : "Century Gothic", Arial, Helvetica, sans-serif;
	color : #333333;
    padding: 0px 0px 0px 0px;
    margin: 10px 0px 0px 10px;
}

div.center   /* Used to center the page and set a max-width for the site */
{
  text-align : left;
  margin: 0px auto;
  max-width : 1250px;
  width: expression(Math.min(parseInt(this.offsetWidth), 1250 ) + "px");
  border: 0px none transparent;
}

.cmText, td   /* Sets the default style for all text on the site  */
{
    font-size : 12px;
	font-family : "Century Gothic", Arial, Helvetica, sans-serif;
	color : #333333;
    padding: 0px 0px 0px 0px;
}

.cmTitle    /* Title of the ContentManager Module */
{
	color : #f2981e;  /* Orange */
	font-size : 28px;
	font-weight : bold;
	letter-spacing : 2px;
    white-space: nowrap;
    position: relative;
    top: 40px;
}

a:link, a:visited
{
    color: #1a368d;  /* Dark Blue */
    text-decoration: none;
}

a:hover, a:active
{
    color: #f2981e;  /* Orange */
    text-decoration: none;
}

.Footer
{
	font-size : 12px;
    width: 100%;
    position: relative;
    overflow: hidden;
    z-index: -1;
}


/* ----------------------------------------------
SITE SPECIFIC STYLES -
These are styles that are unique to the site
but are global throughout the site.
---------------------------------------------- */

.LeftColumn   /* Use if the page has a 2 column layout */
{
	padding: 50px 0px 0px 0px;
	width: 300px;
	position: absolute;
}

.LeftColumnPrint   /* Use if the page has a 2 column layout */
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 77px;
	float: left;
	display: none;
}

.RightColumn   /* Use if the page has a 2 column layout */
{
	padding : 0px 0px 0px 300px;
	background-color: transparent;
	position: relative;
  	width: 950px;
	width: expression(Math.min(parseInt(this.offsetWidth), 950 ) + "px");
}

.LeftColumnHome   /* Use if the page has a 2 column layout */
{
	padding: 50px 0px 0px 0px;
	width: 300px;
	position: relative;
	overflow: hidden;
}

.LeftSwoosh
{
	margin-bottom: 8px;
}

.RightColumnHome   /* Use if the page has a 2 column layout */
{
	padding : 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background-color: transparent;
	position: relative;
  	width: 950px;
	width: expression(Math.min(parseInt(this.offsetWidth), 950 ) + "px");
}

.Nav
	{
	background-image: url(/images/header_swoosh.gif);
  	background-repeat: no-repeat;
  	background-position: left top;
	position: relative;
	z-index: 1;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 200px;
}

.RightColumnText   /* Use in the Right Column to contain the text below the header so that it has some padding */
{
	padding : 0px 10px 0px 10px;
    width: 90%;
}

.HeaderLogo
{
  padding: 0px 0px 0px 0px;
  position: relative;
  left: -45px;
  margin-right: -30px;
}

.cmTitleDropCap  /* Drop Cap for page header */
{
  font-size: 80px;
  font-weight: bold;
  color: #ffffff;
  background-color: #f2981e;  /* Orange */
  border: 1px solid #f2981e;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  padding: 5px 5px 5px 5px;
  position: relative;
  float: left;
  z-index: 3;
}

.cmTitle2Line    /* Title of the ContentManager Module */
{
	color : #f2981e;  /* Orange */
	font-size : 24px;
	font-weight : bold;
    white-space: nowrap;
    position: relative;
    top: 20px;
}

.BlueBox    /* Blue rounded corner box  */
{
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border: 1px solid #1a368d;  /* Dark Blue */
  background-color: #FFFFFF;
 padding: 30px 15px 15px 15px;
 position: relative;
 top: -30px;
 left: 20px;
 margin-right: 20px;
 z-index: 2;
}

.PrintHeader
{
	display: none;
}

.PrintHeader2
{
	display: none;
}


.PrintAddress
{
	display: none;
}

.PrintAddress2
{
	display: none;
}

.PrintPageHeader
{
	display: none;
}


/* ----------------------------------------------
GROUP MANAGER STYLES -
Styles used for the end-user view of
GroupManager content.
---------------------------------------------- */

.cmGroupCategory   /* Category Title - Displays at the top of the content on Summary and Details pagess */
{
    color: #1a368d;  /* Dark Blue */
    font-size:25px;
    font-weight:bold;
    margin-bottom: 15px;
    margin-top: 0;
}

.cmGroupTitleLink, .cmGroupTitleLink:Link, .cmGroupTitleLink:active   /* Links to Articles on Summary page - This class is set in the <a> tag for each Article link */
{
 font-size: 14px;
 color: #1B368D;  /* Dark Blue */
 text-decoration: none;
 font-style: italic;
}

.cmGroupTitleLink:Hover, .cmGroupTitleLink:visited   /* Links to Articles on Summary page - This class is set in the <a> tag for each Article link */
{
 color: #f2981e;  /* Orange */
}

/* Links to Return to Summary or go to other Category pages */

.cmUlink, .cmUlink:link, .cmUlink:active
{
	text-decoration: none;
	color:  #1B368D;  /* Dark Blue */
}

.cmUlink:hover, .cmUlink:visited
{
	color: #f2981e;  /* Orange */
}

.cmGroupTitle   /* Article Title - Appears at the top of the individual article on the Details page */
{
    color: #f2981e;  /* Orange */
    font-size:22px;
    font-weight:bold;
	font-style:italic;
    margin-bottom: 15px;
    margin-top: 0;
}

.cmGroupDetailCategoryItemList   /* Set in the <table> that contains the Category List. Can be used to set the width of the table that contains the Article list. */
{
	margin: 0px 10px 0px 0px;
}

.cmGroupDetailItemList  /* Links to Articles - This class is set in the <table> that contains the list of articles. The table contains 2 columns - 1 for icons and 1 for the article links. This is a good place to set and overall width for the icons and links. */
{
    width: 210px;
}

.cmGroupItemIcon  /* Icons that appear next to the titles in the detail view - Set in the <td> for the icon. */
{
    padding: 0px 0px 0px 0px;
}

.cmGroupItemTitles  /* Links to Articles - This class is for the <td> on each title. */
{
    padding: 5px 5px 5px 5px;
    border: 1px solid #f2981e;  /* Orange */
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

.cmGroupItemLink, .cmGroupItemLink:link, .cmGroupItemLink:active  /* Links to Articles that appear on Details page - This class is set in the <a> tag for each Article link */
{
 font-size: 12px;
 color: #1B368D;  /* Dark Blue */
 text-decoration: none;
 font-style: italic;
}

.cmGroupItemLink:hover, .cmGroupItemLink:visited  /* Links to Articles that appear on Details page - This class is set in the <a> tag for each Article link */
{
 color: #f2981e;  /* Orange */
}

.cmGroupSummary
{
	vertical-align: top;
}

/* ----------------------------------------------
CONTENTMANAGER.CSS STYLES -
Used in the Editor drop down. Use this to set
common styles for end users to choose from.
---------------------------------------------- */

.Header1
{
    color:#1B368D;  /* Dark Blue */
    font-size:20px;
    font-weight:normal;
    margin-bottom: 15px;
    margin-top: 0;
}

h2 {
    font-size: 19px;
	color: #1B368D; /* Dark Blue */
    letter-spacing: 1px;
    font-weight: bold;
	border-bottom: 3px solid #b7cde0;
	line-height: 22px;
}

.Header2
{
	font-size : 20px;
	color : #b7cde0;  /* Light Blue */
	letter-spacing : 1px;
	font-weight : bold;
}

.Header3
{
	font-size : 18px;
	color : #b7cde0;
	font-weight : bold;
}

.SubHeader1
{
	font-size : 18px;
	color : #b7cde0;
	font-weight : bold;
}

.SubHeader2
{
	font-size : 18px;
	color : #b7cde0;
	font-weight : bold;
}

.SubHeader3
{
	font-size : 18px;
	color : #b7cde0;
	font-weight : bold;
}

.OrangeHeader
{
   font-size : 20px;
   color : #f2981e;  /* Orange */
   letter-spacing : 1px;
   font-weight : bold;
}


/* ----------------------------------------------
Home Page jquery "Tab" styles -
These are the styles associated with the home
page photo and content that changes.
---------------------------------------------- */


hr {
	border: none;
	height: 1px; line-height: 1px;
	background: #CCC;
	margin-bottom: 20px;
	padding: 0;
}

p {
	margin: 0;
	padding: 7px 0;
}

.clear {
	clear: both;
	line-height: 1px;
	font-size: 1px;
}

a {
	outline-color: #888;
}


h3 {
			margin: 0;
			padding: 7px 0 0 0;
			font-size: 16px;
		}

		div#feature_list {
			height: 240px;
			overflow: hidden;
			position: relative;
		}

		div#feature_list ul {
			list-style: none;
			padding: 0;
			margin: 0;
		}

		ul#tabs {
			left: 0;
			z-index: 2;
		}

		ul#tabs li {
			font-size: 12px;
		}

		ul#tabs li img {
			padding: 5px;
			border: none;
			float: left;
			margin: 10px 10px 0 0;
		}

		ul#tabs li a {
			color: #222;
			text-decoration: none;
			display: block;
			padding: 10px;
			height: 60px;
			outline: none;
		}

		ul#tabs li a:hover {
			text-decoration: underline;
		}

		ul#tabs li a.current {
			color: #f2981e;
		}

		ul#tabs li a.current:hover {
			text-decoration: none;
			cursor: default;
		}

		ul#output {
			right: 0;
			height: 240px;
		}

		ul#output li {
			height: 240px;
		}

		ul#output li a {
			padding: 8px 12px;
			text-decoration: none;
			font-size: 11px;
			color: #FFF;
			background: #000;
			-moz-border-radius: 5px;
		}

		ul#output li a:hover {
			background: #D33431;
		}


/* ----------------------------------------------
ContentManager & GroupManager Edit Mode Styles -
These styles DO NOT affect the final look
of the Web site. DO NOT EDIT!
---------------------------------------------- */

.cmULlist
{
	font-weight: bold;
	line-height: 18px;
	color: darkorange;
	list-style-image: none;
	list-style-type: square;
}

.cmTextBoxMulti
{
	width: 400px;
	height: 150px;
}

.cmTextBoxPassword
{
}

.cmListBox
{
	width: 300px;
	height: 100px;
}

.cmLabel
{
	font-weight: bold;
}

.cmCopyright
{
	font-size: 10px;
	color: #a9a9a9;
}

.cmAlink
{
	text-decoration: none;
	color:  #cc9933;
}

.cmAlink:link
{
	color: #cc9933;
}

.cmAlink:hover
{
	font-weight: bold;
	color: #cc6600;
}

.cmAlink:visited
{
	color: #cc9933;
}

.cmAlink:active
{
	color: #cc9933;
}

.cmAListlink
{
	text-decoration: none;
	color: blue;
}

.cmAListlink:link
{
}

.cmAListlink:hover
{
	color: #000099;
}

.cmAListlink:visited
{
}

.cmAListlink:active
{
}

.cmAListTitle
{
	font-weight: bold;
	font-size: 16px;
	color: Silver;
	padding-bottom: 6px;
	padding-top: 0px;
}

#cmListSection
{
	width: 17em;
	border-right: 1px solid #000;
	padding: 0 0 1em 0;
	font-weight: bold;
	margin-bottom: 1em;
	background-color: #90bade;
	color: #333;
}

#cmListSection ul
{
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}


#cmListSection li
{
	border-bottom: 1px solid #90bade;
	margin: 0;
}

#cmListSection li a
{
	display: block;
	padding: 5px 5px 5px 0.5em;
	border-left: 10px solid #1958b7;
	border-right: 10px solid #508fc4;
	background-color: #2175bc;
	color: #fff;
	text-decoration: none;
	width: 100%;
}

#cmListSection li a
{
	width: auto;
}

#cmListSection li a:hover
{
	border-left: 10px solid #1c64d1;
	border-right: 10px solid #5ba3e0;
	background-color: #2586d7;
	color: #fff;
}

.cmAPageLink
{
	text-decoration: none;
	color:  #cc9933;
}

.cmAPageLink:link
{
	color: #cc9933;
}

.cmAPageLink:hover
{
	color: #cc6600;
}

.cmAPageLink:visited
{
	color: #cc9933;
}

.cmACurrentPageLink
{
	text-decoration: none;
	color: Blue;
	font-weight: bold;

}

.cmACurrentPageLink:link
{
	color: Blue;
}

.cmACurrentPageLink:hover
{
	color: #cc6600;
}

.cmACurrentPageLink:visited
{
	color: Blue;
}

.cmTVNode
{
	color: Black;
}

.cmTVSelectedNode
{
	border-style:solid;
	border-width:thin;
	border-color:Orange;
}

.cmDropdown
{
	border-style:ridge;
}


div.cmEditPanel /* Controls the size of the box the GroupManager editors are in */
{
	overflow: auto;
	width: 110%;
	height: 1000px;
}

td.cmEditPanel  /* Controls the size of the box the GroupManager editors are in */
{
	border: 1px solid black;
	overflow: auto;
	width: 110%;
}

.cmImgEdit
{
	border-style:solid;
	border-width:1px;
	border-color:Black;
	background-color:lightgrey;
}

.cmImgTitle
{
	font-size:10px;
	text-align:center;
}

.cmImgDisplay
{
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-bottom-style: solid;
}

.cmTable
{
	width:100%;
	border-style:solid;
	border-color:Navy;
}

.cmTableRow
{
	border-style:solid;
	border-color:Navy;
}

.cmTableHeader, .cmTableHeader a
{
	background-color: Gray;
	color:Black;
	text-decoration:none;
}

.cmDetailView
{
	border-style:solid;
	border-width:thin;
	border-color:Navy;
	width:50%;
}

.cmFileMgrFldr:link
{
	color:Black;
}

.cmFileMgrCurrentFldr:link
{
	color:Blue;
	font-weight:bold;
}

.cmFileMgrActionMenu
{
	border-style: solid;
	border-width: 2px;
	border-color: Black;
	background-color: #ccccff;
	color: black;
}

.cmFileMgrFrame
{
	border-right-style:none;
	border-left-style:solid;
	border-top-style:solid;
	border-bottom-style:solid;
	border-color:Black;
	border-width:2px;
}


.cmFileMgrFileFrame
{
	border-style:solid;
	border-color:Black;
	border-width:2px;
}

.cmGVFileList, .cmGVFileList a
{
	color: Black;
}

.cmGVFileListSelected
{
	background-color: Orange;
}

.cmGVFileListHeader
{
	font-weight: bold;
}

.cmGVFileListAlternate, .cmGVFileListAlternate a
{
	color:black;
	background-color:whitesmoke;
}


/* ----------------------------------------------
UNKNOWN - Do not know where these styles are
refrenced in CM, GM or site.
---------------------------------------------- */

.MainContentArea /* Ask Kimberly about this one - is it a CM defined style */
{
	background-color : #ffffff;
	padding : 10px 10px 10px 10px;
}

.cmTextBox  /* Ask Kimberly about this one - is it a CM defined style */
{
	font-weight: bold;
	width: 400px;
}

.cmGroupList
{
	border-style: ridge;
	width: 200px;
}

.cmGroupList td
{
	padding-bottom: 10px;
}

.cmGroupItemList
{
	border-style:ridge;
}

.cmGroupCategoryLink
{
 padding: 0;
 color: #ff8500;  /* Orange */

}

.cmGroupCategoryLink:hover
{
 padding: 0;
 color: #1B368D;  /* Dark Blue */
}