/* 
Name:			cms_user_styles.css
Author:			Kevin Mauer
Created:		12/11/2006
Description:	styles to be applied when creating content in the Workarea
*/


/* ********** HEADINGS ********** */

h1 {
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 16px;
    margin: 10px 0px 16px 0px;
}

h2 {
    font-size: 14px;
    font-family: Verdana, Arial, Sans-Serif;
    margin: 14px 0px 14px 0px;
}

h3 {
    font-size: 12px;
    font-family: Verdana, Arial, Sans-Serif;
    margin: 12px 0px 12px 0px;
}

.purpleHeading {
    color: #290D43;
}

.blueHeading {
    color: #4E7893;
}

.grayHeading {
    color: #333333;
}

/* ********** TEASER LINKS ********** */
p.teaserLinkMore {
    text-align: right;
    font-size: 14px;
    font-weight: bold;
    color: #FF3300;
}



/* ********** MISC. PARAGRAPHS, FONTS, TEXT ********** */

.blackText {
    color: #333333;
}

.regularText {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	font-style: normal;
	/*color: #333333;*/
}

.smallText {
    font-size: 11px;
}


p.noMarg {
    margin: 0px 0px 0px 0px;
    caption: No margin paragaph;
}

ul {
   margin-left: 25px;
   padding-left: 8px;
}

/* ********** BOXES AND BORDERS ********** */
/* content that fully spans the width of the middle column of the page */
.midColFull {
    margin: 0px 0px 20px 0px;
    clear: both;
    caption: Single full-width column;
    border: 1px solid coral;
}

/* content that spans the left half of the width of the middle column of the page */
.midColHalfLeft {
    width: 210px;
    float: left;
    clear: left;
    margin: 0px 0px 20px 0px;
    border: 1px solid White;
    caption: Left column, 1/2 wide;
}

/* content that spans the right half of the width of the middle column of the page */
.midColHalfRight {
   margin: 0px 0px 20px 230px;
   border: 1px solid White;
   caption: Right column, 1/2 wide;
}

.midColTwoThirds {
    width: 386px;
    float: left;
    clear: left;
    margin: 0px 0px 20px 0px;
    caption: Left column, 2/3 wide;
}

.midColOneThirdWide {
    margin: 0px 0px 20px 407px;
    caption: Right column, 1/3 wide;
}

.midColOneThirdNarrow1 {
    width: 186px;
    float: left;
    clear: left;
    margin: 0px 0px 20px 0px;
    caption: Left of 3 columns;
}

.midColOneThirdNarrow2 {
    /*float: left;*/
    margin: 0px 207px 20px 207px;
    caption: Middle of 3 columns;
}

.midColOneThirdNarrow3 {
    width: 186px;
    float: right;
    margin: 0px 0px 20px 0px;
    caption: Right of 3 columns;
}

.tanDashedBox {
    background: #ECEAE6;
    border: 1px dashed #333333;
    margin: 20px 0px 20px 0px;
    padding: 20px 20px 20px 20px;
    caption: Tan box dashed border, full width;
}

.tanDashedBoxSmPadding {
    background: #ECEAE6;
    border: 1px dashed #333333;
    margin: 20px 0px 20px 0px;
    padding: 5px 5px 5px 5px;
    caption: Tan box dashed border, full width;
}

.tanDashedBoxRight {
    float: right;
    background: #ECEAE6;
    border: 1px dashed #333333;
    padding: 20px 20px 20px 20px;
    margin-left: 10px;
    margin-bottom: 10px;
    /*margin: 0px 20px 10px 230px;*/
    caption: Tan box dashed border, float right;
}

.quickLinks 
{
   margin: 0px 0px 20px 295px;
   background: #ECEAE6;
   border: 1px dashed #333333;
   padding: 20px 20px 20px 20px;

}


.summaryBox {
    width: 138px;
    border: 1px solid #333333;
    padding: 10px 10px 10px 10px;
    font-family: Georgia, Sans-Serif;
    font-size: 11px;
    caption: Teaser box, 1px border;
}

.grayLine {
	height: 1px;
	margin: 10px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
	background-color: #CCCCCC;
	font-size: 0px;
}

.float_left {
    display: block;
    float: left;
    margin: 5px 5px 5px 5px;
    caption: Image float left;
}

p.rightTeaserLink {
    
}