/* CSS Document */

/**********************************************************\
	Colors:
	
	maroon : #840B22
	mid plum borders : #F0D3F0
	light plum backgrounds : #FAF1FA
	pale grey : #e8e8e8
	mid grey : #717171

\*********************************************************/

/**********************************************************\

	HTML

\*********************************************************/
body{
margin:0px;
padding:0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:83%;
height:100%;
background-color:white;
/*background-image:url(../image/layout/circle-fadeback.jpg);*/
}

img.thumb-right{
float:right;
/*width:133px;
height:100px;
border:1px solid black;*/
border-right:2px solid #000;
border-bottom:2px solid #000;
border-top:1px solid black;
border-left:1px solid black;
margin-left:5px;
margin-bottom:5px;
}

div.clearer {clear: left; line-height: 0; height: 0;}

h2, h3{
/*font-family:Georgia, "Times New Roman", Times, serif;*/
margin:10px 0;
}

img{
border:none;
}
/**********************************************************\

	LAYOUT

\*********************************************************/

#bg-top{
display:none;
}


/**********************************************************\

	FADES

\*********************************************************/

#left-fade-top{
position:absolute;
left:0px;
top:0px;
height:120px;
width:18px;
background-image: url(../image/layout/main-fades/left-top-fade.jpg);
background-repeat:repeat-y;
}

#left-fade-rule{
position:absolute;
height:2px;
left:0px;
top:120px;
width:17px;	
background-image: url(../image/layout/main-fades/left-fade-rule.jpg);
	background-repeat: no-repeat;
}

#right-fade-top{
position:absolute;
right:0px;
top:0px;
height:120px;
width:17px;
background-image: url(../image/layout/main-fades/right-top-fade.jpg);
background-repeat:repeat-y;
}

#right-fade-rule{
position:absolute;
height:2px;
right:-1px;
top:120px;
width:18px;	
background-image: url(../image/layout/main-fades/right-rule-fade.jpg);
background-repeat: no-repeat;
}

#page{
	width:600px;
	position:relative;
	top:2px;
	margin:15px;
	background-color:white;
	height:auto;
	padding:0px 0 15px 0;
/*		background-image: url(../image/layout/main-fades/page-fades.jpg);
	background-repeat: repeat-y;
height:600px;*/
}

/**********************************************************\

	HEADER

\*********************************************************/
#header{
position:relative;
height:140px;
width:764px;
border-bottom:3px solid black;

}

/**********************************************************\

	HEADER LOGO

\*********************************************************/

#header-logo{
position:absolute;
bottom:14px;
left:18px;
}

/**********************************************************\

	HEADER BANNER IMAGE

\*********************************************************/
#header-banner-container{
display:none;
}

#header-banner{
position:absolute;
top:0px;
left:7px;
width:380px;
height:105px;
}

#header-banner-left-fade{
	width:7px;
	position:absolute;
	top:2px;
	left:0px;
	height:107px;
	background-image: url(../image/layout/img-fades/left.jpg);
	background-repeat: repeat-y;
}

#header-banner-right-fade{
	width:7px;
	position:absolute;
	top:2px;
	right:0px;
	height:107px;
	background-image: url(../image/layout/img-fades/right.jpg);
	background-repeat: repeat-y;

}

#header-banner-bottom-fade{
	position:absolute;
	left:0px;
	bottom:0px;
	width:100%;
	height:12px;
	background-image: url(../image/layout/img-fades/bottom.jpg);
	background-repeat: repeat-x;
}

#hb-bottom-left-chip{
	position:absolute;
	left:0px;
	top:-1px;
	width:8px;
	height:12px;
	border:none;
}

#hb-bottom-left-chip img{
border:none;
}

#hb-bottom-right-chip{
	position:absolute;
	right:0px;
	top:-1px;
	width:7px;
	height:12px;
		border:none;
}

#hb-bottom-right-chip img{
border:none;
}

#header-banner img{
position:absolute;
top:0px;
left:0px;
border:2px solid black;
}

#bannerimage{
opacity:1;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity =100);
}

#swapimage{
opacity:0;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity =0);
}

/**********************************************************\

	BREADCRUMBS

\*********************************************************/
#breadcrumbs{
width:704px;
margin:auto;
position:relative;
}


#breadcrumbs p{
margin:10px 0;

}

#breadcrumbs p a{
text-decoration:none;
color:#ff5200;
font-weight:bold;
}

#breadcrumbs p a:hover{
text-decoration:underline;
}


/**********************************************************\

	TEXT SWITCHES

\*********************************************************/

#text-switches{
display:none;
}

#text-switches a{
position:absolute;
display:block;
width:22px;
background-color:white;
color:#2aa295;
font-weight:bold;
vertical-align:bottom;
text-align:center;
text-decoration:none;
border-bottom:2px solid #2aa295;
border-left:2px solid #2aa295;
border-right:2px solid #2aa295;
}

#text-switches a:hover{
text-decoration:underline;
background-color:#2aa295;
color:white;
}

#small-a{
left:0px;
font-size:13px;
padding-top:3px;
height:19px;
}

#mid-a{
padding-top:2px;
left:30px;
font-size:15px;
height:20px;
}

#large-a{
left:60px;
font-size:18px;
}


/**********************************************************\

	CONTENT

\*********************************************************/
#content-container{
position:relative;
/*float:left; changed in 4
width:738px;*/
width:800px;
min-height:300px; /*MMM...*/
height:auto;
margin:0;
/*color:red;;temporary*/
}

#content{
/*width:482px;*/
}

#content-container h2{

}

h2.bighead{
margin:10px 0;
padding:0;
font-size:200%;
}

#content-container p{
		/*margin:3px 0px 3px 4px; 080426 pending sitewide check*/
		font-family:Verdana, Arial, Helvetica, sans-serif;

		line-height:160%;
		color:black;
}

#content-container ul{
margin:0;
padding:0;
list-style-type:none;
margin-left:10px;
}

#content-container li{
padding:3px 0;
}

#content-container li a{
color:#ff5200;
text-decoration:none;
}

#content-container li h3 a{
color:black;
font-weight:bold;
}

#content-container li h3{
margin:3px 0px;
}

#content-container li p{
margin:3px 0px 0px 12px;
}

#content-container li a:hover{
color:#ff5200;
text-decoration:underline;
}

#content-container p a{
color:#ff5200;
text-decoration:none;
}

#content-container p a:hover{
color:#ff5200;
text-decoration:underline;
}

#content-container .hidden{
display:block;
}

a.content-icon-link{
position:relative;
top:2px;
left:6px;
}

/**********************************************************\

	CONTENT-LEFT-COLUMN

\*********************************************************/

#content-left-column{
		/*WIDTH: 704-totalwidth rhcolumn*/
		float:left;
		width:740px;
		border-top:1px solid #a3e4e1;
		height:auto;
}

#content-left-column h2, #content-left-column h3{
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:normal;
}

.content-left-column-panel{
		position:relative;
		width:700px;
		border-bottom:1px solid #a3e4e1;
		height:auto;
}

.content-left-column-panel-upper{
		position:relative;
		width:700px;
		padding:0;
		height:auto;
}

.content-left-column-panel-upper h2{
margin:10px 0;
padding:0;
font-weight:normal;
font-size:200%;
font-family:Georgia, "Times New Roman", Times, serif;
}

.content-left-column-panel p, .content-left-column-panel li{
		margin:3px 0px 3px 4px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:87%;
		line-height:160%;
		color:black;
		width:520px;
}

#content-container .content-left-column-panel ul{
list-style-type:disc;
padding-left:10px;
}

.content-left-column-panel a{
		color:#ff5200;
}

.content-left-column-panel a:hover{
		text-decoration:none;
}

.content-left-column-panel-lower{
		position:relative;
		width:512px;
		padding:0;
		height:auto;
		text-align:right;
}

.content-left-column-panel-ellipsis{
position:absolute;
top:8px;
right:0px;
width:82px;
height:20px;
}

.content-left-column-panel-ellipsis-small{
position:absolute;
top:13px;
right:0px;
width:46px;
height:11px;

}

#content-left-column-panel6{
page-break-before:always;
}

/**********************************************************\

	NEWS LOGO

\*********************************************************/

#news-logo{
border-bottom:1px solid #a3e4e1;
height:36px;
}

#news-logo img{
/*position:relative;left:-10px; top:0px;*/
float:right;
}

/**********************************************************\

	SURVEY 

\*********************************************************/

#survey{
/*background-color:#A3E4E1;
These are for the survey question interaction
*/
display:none;
}

#survey h2{
font-size:120%;
margin:8px 0px 5px 0px;
}

#survey p{
font-weight:normal;
font-size:100%;
border:none;
padding:0px;
background-color:transparent;
margin-left:8px;
margin-right:5px;
}

#survey ul a{
text-align:center;
display:block;
width:auto;
background-color:white;
border:1px solid #FCDAC2;
padding:0px 4px;
}

#survey ul a:hover{
background-color:#2AA295;
color:white;
border:1px solid #2AA295;
text-decoration:none;
}

/**********************************************************\

	SURVEY RESULTS

\*********************************************************/

#survey_results{
margin:auto;
width:508px;
position:relative;
border:2px solid #2AA295;
background-color:white;
height:250px;
padding-top:10px;
margin-top:25px;
}

#survey_results #graph{
width:472px;
margin:auto;
margin-top:20px;
position:relative;
border:1px solid #999999;
padding-top:20px;
padding-bottom:20px;
padding-left:5px;
height:120px;
}

#survey_results h2{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:140%;
padding-left:18px;
}

.graphcol{
height:30px;
text-align:right;
font-size: 100%;
color:white;
font-weight:bold;
padding-top:4px;
padding-right:8px;
float:left;
}

.rowholder{
margin-bottom:5px;
padding-bottom:5px;
height:30px;
clear:both;
}

.rowlabel{
width:80px;
text-align:right;
padding-top:4px;
padding-right:10px;
color:#333333;
font-style:italic;
float:left;
font-weight:bold;
font-size:87%;
}

#survey_results #graph #row1{
background-color:#2AA295;
}

#survey_results #graph #row2{
background-color:#FF5200;
}

#survey_results #graph #row3{
background-color:#A3E4E1;
}

#col2 #surveycheck{
/*display:inline;*/
width:100px;
}


/**********************************************************\

	CONTENT-RIGHT-COLUMN
		WIDTH 170+22px=192
\*********************************************************/

#content-right-column{
float:left;
margin-left:22px;
width:170px;
height:100%;
display:none;
}

#content-right-column h2{
font-family:Georgia, "Times New Roman", Times, serif;
/*font-size:140%;*/
margin:0px;
padding:5px 0 5px 0px;

margin-bottom:2px;
}

#content-right-column ul{
position:static;
padding:0px;
margin:0px;
list-style-type:none;
}

#content-container #content-right-column li{
margin-bottom:2px;
padding:0px;
}

/**********************************************************\

	RH MENU

\*********************************************************/

#content-right-column #rh-menu{
float:left;
width:170px;
/*height:249px;*/
background-color:white;
}

#content-right-column #rh-menu ul{
margin:0px;
padding:0px;
list-style-type:none;
}

#content-right-column #rh-menu li{
margin-bottom:3px;
}

#content-right-column #rh-menu a{
	/*original total 170w 32 h p-top 6px pbottom 4px
		now 170w 28h
		background-position: 7px 8px;
	*/
	display:block;
	position:relative;
	width:140px;
	padding-left:30px;
	height:21px;
	padding-top:5px;
	padding-bottom:2px;
	background-color:#FF5200;
	color:white;
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	background-image: url(../image/layout/discs/menu-disc.gif);
	background-repeat: no-repeat;
	background-position: 7px 6px;
}

#content-right-column #rh-menu a:hover{
	background-color:#2AA295;
	margin-bottom:3px;
	background-image: url(../image/layout/discs/menu-disc-over.gif);
	background-repeat: no-repeat;
	background-position: 9px 6px;
}

#content-right-column #rh-menu #last-item{
/*margin-bottom:0px;*/
}

#content-right-column #rh-menu a.here{
	background-color:white;
	border:1px solid #FF5200;
	color:#FF5200;
	width:168px;
	height:19px;
/*	background-image: url(../image/layout/widgets/list-widget-white.gif);
	background-repeat: no-repeat;*/
}

/*#content-right-column #rh-menu .dot{
position:absolute;
top:-30px;
left:10px;
display:block;
width:15px;
height:15px;
font-size:50px;
}*/

.content-right-column-filler{
height:100%; /*We'll have a little look at this later*/
background-color:#fff3eb;
border:2px solid #ff5200;
color:black;
/*font-style:italic;*/
padding:8px;
font-size:87%;
text-align:justify;
line-height:160%;
margin:5px 0;
}

#content-right-column-filler p{
margin:0;
padding:0;
}

#edit-menu ul{

}

#edit-menu li a:hover{
	background-image: url(../image/layout/discs/menu-disc.gif);
	background-repeat: no-repeat;
	text-decoration:none;
}

#edit-menu li a{
	padding-left:20px;
	text-decoration:none;	
}

/**********************************************************\

	FOOTER LAYOUT

\*********************************************************/

#bg-bottom{
position:relative;
top:0px;
left:0px;
width:100%;
/*height:50%;*/
background-color:#fff3eb;
padding-bottom:50px;
}

#bg-bottom #bg-border{
position:absolute;
top:0px;
left:0px;
height:2px;
background-color:#fff3eb;
width:100%;
z-index:0;
padding:0px;
margin:0px;
border-top:2px solid #edc8aa;
}

#footer-left-fade-main{
position:absolute;
left:0px;
top:2px;
height:150px;
width:18px;
background-image: url(../image/layout/main-fades/left-top-fade.jpg);
background-repeat:repeat-y;
}

#footer-left-fade-rule{
position:absolute;
height:2px;
left:0px;
top:0px;
width:18px;	
background-image: url(../image/layout/main-fades/left-fade-rule.jpg);
	background-repeat: no-repeat;
}

#footer-right-fade-main{
position:absolute;
right:0px;
top:2px;
height:150px;
width:17px;
background-image: url(../image/layout/main-fades/right-top-fade.jpg);
background-repeat:repeat-y;
}

#footer-right-fade-rule{
position:absolute;
height:2px;
right:0px;
top:0px;
width:17px;	
background-image: url(../image/layout/main-fades/right-rule-fade.jpg);
background-repeat: no-repeat;
}

/**********************************************************\

	FOOTER
	
\*********************************************************/

#footer-container{
position:relative;
width:800px;
margin:auto;
background-color:#fff;
height:150px;
z-index:10;
display:none;

}

#footer{
width:740px;
position:absolute;
left:30px;
background-color:#fff;
border-bottom:2px solid #ff5200;
border-top:1px solid #edc8aa;
}

#footer-inner{
width:680px;
margin:auto;
background-color:#fff;
height:150px;
position:relative;
top:0px;
}

#footer-content{
width:70%;
font-size:83%;
color:#999999;
text-align:center;
margin:auto;
padding-top:20px;
}

#footer-content a{
color:#840b22;
text-decoration:none;
}

#footer-content a:hover{
text-decoration:underline;
}

#footer-inner h1{
margin:0px;
padding:0px;
}

#footer-bottom{
width:100%;
height:30px;
position:absolute;
bottom:0px;
background-color:#ff5200;
}

#footer-bottom-text{
position:absolute;
right:20px;
top:6px;
}

#footer-bottom-text p{
margin:0;
padding:0;
}

#footer-bottom-text a{
color:white;
font-size:83%;
}

#footer-bottom-text a:hover{
text-decoration:none;
}

#fade-bottom{
	position:absolute;
	top:152px; /*same as footer-container height+footer border-bottom width*/
	width:100%;
	height:18px;
	background-image: url(../image/layout/main-fades/bottom-fade.jpg);
	background-repeat: repeat-x;
}

#fade-bottom-left-chip{
display:none;
}

#fade-bottom-right-chip{
display:none;
}

/**********************************************************\

	FORMS

\*********************************************************/

#content-container #error_report{
/*width:100%;*/
background-color:#840b22;
font-weight:bold;
color:white;
border:1px solid black;
padding:8px;
}

textarea{
margin:10px 0;
}