/* CUSTOM TEXT STYLES - put them under here and they will appear in the editor */

.textHugeBlue {
	color: Red;
	font-size: 24pt;
}

.textLargeGrey {
	color: Grey;
	font-size: 16pt;
	font-style: normal;
}

.textMediumBlue {
	color: #336699;
	font-size: 12pt;
	font-style: normal;
}

.textSmall {
	color: #A1A100;
	font-size: 8pt;
}

.textSectionTitle {
   text-decoration: none;
} 

/* 

CUSTOM BOX STYLES

Put them under here and they will appear in the editor 

You can copy and paste a style below and rename it (nospaces - upper and lowercase characters only)
*/

.boxSilverGreyBorder {
			background-color: #f0f0f0;
			border: thin solid #c0c0c0;
			padding: 5 5 5 5;
			font-style: normal;
			margin-left: 0px;
			margin-right: 0px;	
			}

.boxSilverItalicGreyBorder {
			background-color: #f0f0f0;
			border: thin solid #c0c0c0;
			padding: 15 15 15 15;
			font-style: italic;
			margin-left: 15px;
			margin-right: 15px;	
			}

.boxLightYellowGreyBorder {
			background-color: #fffff0;
			border: thin solid #c0c0c0;
			padding: 15px 15px 15px 15px;
			font-style: normal;
			margin-left: 0px;
			margin-right: 0px;	
			}				

.boxLightYellowItalicGreyBorder {
			background-color: #fffff0;
			border: thin solid #c0c0c0;
			padding: 15px 15px 15px 15px;
			font-style: italic;
			margin-left: 15px;
			margin-right: 15px;	
			}		

.boxWhiteItalicBlueBorder {
			background-color: #ffffff;
			border: thin solid Blue;
			padding: 15 15 15 15;
			font-style: italic;
			margin-left: 15px;
			margin-right: 15px;	
			}						

.boxWhiteItalicDashedGreyBorder {
			background-color: #ffffff;
			border: thin dashed Grey;
			padding: 15 15 15 15;
			font-style: italic;
			margin-left: 15px;
			margin-right: 15px;	
			}				

.boxBlackBorder {
			background-color: #fffff0;
			border: medium solid Black;
			padding: 15 15 15 15;
			border-collapse: collapse;
			margin-left: 15px;
			margin-right: 15px;	
		}

.boxFloral {
		background: url(/shared/backgrounds/floral.gif);		
		border: thin solid #F0F0C0;
		padding: 15 15 15 15;
		margin-left: 0px;
		margin-right: 0px;	
	}

.boxGrasp
{
	display: block;
	padding: 5px 10px;
	color: #000;
	background-color: #D6B89E;
	text-decoration: none;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #333;
	border-right: 1px solid #333;
	font-weight: bold;
	background-image: url(images/vertical06.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}

.boxGraspLight
{
	display: block;
	padding: 5px 10px;
	color: #000;
	background-color: #F0E7D7;
	text-decoration: none;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #333;
	border-right: 1px solid #333;
	font-weight: normal;
	background-image: url(images/vertical06.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}

		
		


/* 

HEADINGS h1 - h5  

*/


h1 {
	color: #666;
	font-size: 22pt;
	line-height: 100%;
	margin-top:50px;
	margin-bottom:0px;
        border-bottom: 0px solid #ccc;
}

h2 {
	color: #336699;
	font-size: 16pt;
	line-height: 120%;
	margin-top:20;
	margin-bottom:10;
}

h3 {
	color: #336699;
	font-size: 14pt;
	line-height: 120%;
	margin-top:0;
	margin-bottom:10;
}

h4 {
	color: #336699;
	font-size: 12pt;
	line-height: 150%; 
	margin-top:0;
	margin-bottom:10;
}

h5 {
	color: Black;
	font-size: 12pt;
	line-height: 120%; 
	margin-top:20;
	margin-bottom:0;
}

/* text_heading - This class controls the color of the article heading when dynamic fonts arent used */
#text_heading {
	color: #90a0a0;
}

/* datetext_teaser - optional date displayed in the teaser box */
#datetext_teaser {
	color: #999999;
	font-size: 12px;
}

/* datetext_page - optional date displayed under the page title */
#datetext_page {
	color: #999999;
	font-size: 12px;
}

/* HTML elements */


input {
	background: #fff;
	color: #000;
        border: 1 solid #c0c0c0;
	font-size: 12px;
        padding: 2px 2px 2px 2px;
}

select {
	background: #F0F0F0;
	color: Gray;
	border: thin solid #e0e0e0;
	font-size: 12px;
}

label {
	font-family:  Arial;
	font-size: 12px;
	color: #000;
}


pre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}


/* LINKS - these control the colour of your hyperlinks */

a { 
	color: #006600; /* #728A94; */
	text-decoration: underline;	
        padding-left: 1px;
        padding-right: 1px;
} 

a:hover { 
	color: #FFFFFF;
        background: #006600;
	text-decoration: none;
}

/* get rid of annoying form line breaks! */
form {margin: 0px 0px 0px 0px; }

/* 
if you make your text in this definition the same as the class ".content" in regions
style sheet then your text in the editor will look the same on the site as it
does in the editor.          
*/

body {
	padding: 0; 
	margin: 0; 
	width: 100%;
	background: #f0e7d7; /* url(/apps/cms/images/rucc_world_bg_1280w.gif) */
	font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;	
	/* please don't change below.. */
	scrollbar-3dlight-color: #F0F0EE;
	scrollbar-arrow-color: #676662;
	scrollbar-base-color: #F0F0EE;
	scrollbar-darkshadow-color: #DDDDDD;
	scrollbar-face-color: #E0E0DD;
	scrollbar-highlight-color: #F0F0EE;
	scrollbar-shadow-color: #F0F0EE;
	scrollbar-track-color: #F5F5F5;
	/* please don't change above. */
}

/* body {
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	scrollbar-3dlight-color: #F0F0EE;
	scrollbar-arrow-color: #676662;
	scrollbar-base-color: #F0F0EE;
	scrollbar-darkshadow-color: #DDDDDD;
	scrollbar-face-color: #E0E0DD;
	scrollbar-highlight-color: #F0F0EE;
	scrollbar-shadow-color: #F0F0EE;
	scrollbar-track-color: #F5F5F5;
} 
*/

pre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.mceVisualAid {
	border: 1px dashed #BBBBBB;
}


.lightbox {
	position:			relative;
	z-index:			20;
	padding: 			8px 8px 8px 8px;
	border: 			1px solid silver;
        line-height: 		130%;
	background: #f9f9f9;
}