		/*
 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 {
    text-align: center;
    font-size: 12px;
    font-family: "Century Gothic", Arial, Helvetica, sans-serif;
    color: #333333;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
	width: 98%;
	border: 0px solid transparent;
}

div.center /* Used to center the page and set a max-width for the site */ {
    text-align: left;
    margin: 0px auto;
    width: 98%;
    border: 0px solid 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;
	line-height: 21px;
}

.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;
    display: none;
}

.qmmc {
    display: none;
}

/* ----------------------------------------------
 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;
    display: none;
}

.LeftColumnPrint /* For use in printed 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 0px;
    margin: 0px 0px 0px 0px;
    background-color: transparent;
    position: relative;
    width: 98%;
    /* border-left: 1px solid #1a368d; */
}

.Nav {
    background-image: url(/images/header_swoosh.gif);
    background-repeat: no-repeat;
    background-position: left top;
    position: relative;
    z-index: 3;
    margin: 0px 0px 0px -70px;
    padding: 0px 0px 0px 0px;
    height: 170px;
    display: none;
}

.RightColumnText /* Use in the Right Column to contain the text below the header so that it has some padding */ {
    padding: 0px 0px 0px 0px;
    width: 100%;
	/* border-left: 1px solid #1a368d; */
}

.HeaderLogo {
    padding: 0px 0px 0px 0px;
    position: relative;
    left: -45px;
    margin-right: -30px;
    width: 837px;
    z-index: -1;
}

.PrintHeader /* Header for print layout */ {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px -83px 0px;
	position: relative;
	left: 0px;
	top: -83px;
	z-index: -1;
}

.PrintHeader2 /* Header for print layout */ {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px -83px 0px;
	position: relative;
	left: -48px;
	top: -83px;
	z-index: -1;
}

.PrintAddress /* Address for print layout */ {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-size: 10px;
    font-family: "Century Gothic", Arial, Helvetica, sans-serif;
    color: #1B368D;
	line-height: 17px;
	letter-spacing: 1.3pt;
	position: relative;
	left: 437px;
	top: 40px;
	z-index: 1;
}

.PrintAddress2 /* Address for print layout */ {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-size: 10px;
    font-family: "Century Gothic", Arial, Helvetica, sans-serif;
    color: #1B368D;
	line-height: 17px;
	letter-spacing: 1.3pt;
	position: relative;
	left: 390px;
	top: 40px;
	z-index: 1;
}

.PageBreak {
	page-break-before: always;
}

.PrintPageHeader
{
	font-size: 20pt;
    font-family: "Century Gothic", Arial, Helvetica, sans-serif;
    color: #f2981e; /* Orange */
	font-weight: bold;
}

/* ----------------------------------------------
 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;
    display: none;
}

.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;
    display: none;
}

.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: 30px;
}

.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;
}

/* ----------------------------------------------
ContentManager & GroupManager Edit Mode Styles -
These styles DO NOT affect the final look
of the Web site. DO NOT EDIT!
---------------------------------------------- */

.cmAlink
{
	text-decoration: none;
	color:  #cc9933;
	display: none;
}

.cmAlink:link
{
	color: #cc9933;
	display: none;
}

.cmAlink:hover
{
	font-weight: bold;
	color: #cc6600;
	display: none;
}

.cmAlink:visited
{
	color: #cc9933;
	display: none;
}

.cmAlink:active
{
	color: #cc9933;
	display: none;
}

