/***********************************************/
/* HTML tag styles                             */
/***********************************************/

body{
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	line-height: 1.2;
	margin: 0px;
	padding: 0px;
	background-image:url(img.ashx?path=~/images/bg_02.jpg);
	background-repeat:repeat-x;
	background-color:#FFFFFF;
	clear: both;
}

a{
	color: #2660DD;
	text-decoration: none;
}

a:link{
	color: #2660DD;
	text-decoration: none;
}

/*a:visited{
	color: #006699;
	text-decoration: none;
}*/

a:hover{
	color: #A40006;
	text-decoration: underline;
}

h1{
 font-family: Arial, Helvetica, sans-serif;
 font-size: 26px;
 margin: 0px;
 padding: 0px;
}

h2{
 font-family: Arial, Helvetica, sans-serif;
 font-size: 16px;
 color: #333333;
 margin: 0px;
 padding: 2px 0px 0px 0px;
}

h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #002E55;
	margin: 0px 0px 4px 0px;
	padding: 0px;
	font-weight: normal;
}

h4{
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-weight: bold;
 color: #002E55;
 margin: 0px;
 padding: 0px;
}

label{
 font-family: Arial, Helvetica, sans-serif;
 font-size: 10px;
 font-weight: bold;
 color: #333333;
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#topbg{
	height: 132px;
	width:950px;
	margin-left: auto;
	margin-right: auto;
}
#slideshow {
	margin-left: auto;
	margin-right: auto;
	background-image: url(img.ashx?path=~/images/flash_bg_01.jpg);
	background-position:center;
	background-repeat:no-repeat;
	height: 333px;
}
.flash{
	width:950px;
	margin-left: auto;
	margin-right: auto;
}
#shadowhold {
	margin-left: auto;
	margin-right: auto;
	background-image: url(img.ashx?path=~/images/shadow2.jpg);
	background-position:center bottom;
	background-repeat:no-repeat;
}
.shadow{
	width:950px;
	margin-left: auto;
	margin-right: auto;
}
#content{
	width:950px;
	margin-left: auto;
	margin-right: auto;
}


#logo{
	width:600px;
	height: 77px;
	margin: 0px;
	float:left;
	display:block;
}
#footercontainer{
	margin-left:auto;
	margin-right:auto;
	width:950px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffffff;
	background-color: #94AFBE;
}
#footer{
	 clear:both;
	 background-color:#94AFBE;
}
.copyright{
	width:300px;
	float:left;
	color:#FFFFFF;
	margin:4px 0px 4px 0px;
	height: 40px;
}

#left{
	width:256px;
	float:left;
	margin:10px 14px 10px 0px;
	padding-bottom: 10px;
}
#right{
	width:680px;
	float:left;
	margin:10px 0px 10px 0px; 
}

#main{
	margin:20px 0px 10px 0px;
	clear:both;
}
#maintop{
	background:url(img.ashx?path=~/images/left_top_container1.jpg) no-repeat #FFFFFF;
	height: 5px;
	width:664px;
	margin:0px;
	padding: 0px;
}
#mainbot{
	background:url(img.ashx?path=~/images/left_bot_container1.jpg) no-repeat #FFFFFF;
	height: 5px;
	width:664px;
	margin:0px;
	padding: 0px;

}
#mainbody{
	background:#FFFFFF;
	margin:0px 0px 0px 0px;
	padding: 10px 10px 1px 10px;
	border-right: solid 1px #D1D1D1;
	border-left: solid 1px #D1D1D1;
	font-size: 12px;

}
#breadcrumb{
	font-size:11px;
	font-style: italic;
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 10px 0px;
}

#bluebox{
	padding:0px 0px 10px 0px;
	font-size:12px;
	margin:0px;
	clear:both;
	background-color:#BED5EB;
	border-right: solid 1px #999999;
	border-left: solid 1px #999999;
	
}
#bluebox p{
	margin:10px 0px 0px 0px;
}

#navbox{
	padding:0px 0px 10px 0px;
	font-size:12px;
	margin:0px;
	clear:both;
	background:#BED5EB url(/Images/BkgNavbox.gif) repeat-y;	
}
#navbox p{
	padding:10px 8px 0px 8px;
}
#navbox h2{
	padding:10px 8px 0px 8px;
}

#righttopdiv{
	margin:0px 0px 10px 0px;
	clear:both;
}
#rightmiddiv{
	margin:10px 0px 10px 0px;
	clear:both;
	background-image:url(img.ashx?path=~/images/right_bg_3.jpg);
	background-repeat:repeat;
}
#rightbotdiv{
	margin:10px 0px 10px 0px;
	clear:both;
}

.boxedcontent{
	border-left:solid 1px #DCDCDC;
	border-right:solid 1px #DCDCDC;
}
.contenttitle{
	background-color:#94AFBE;
	padding:0px 10px 10px 10px;
	color: #FFFFFF;
}
#contentbody {
	padding:10px;
	font-size: 14px;
	background-color: #FFFFFF;
}
.contentimage {
	margin: 0px 20px 10px 0px;
	}
.imageright {
	margin: 0px 0px 10px 20px;
	}

#greybox {
	border-left:solid 1px #A40006;
	border-right:solid 1px #A40006;
	margin: 0;
	padding: 0;
	clear: both;
}

#greybox h1{
	margin:0px 0px 0px 0px;
	color:#A40006;
}

#eventslist {
	margin: 0 0 0 8px;
	padding: 2px 4px 2px 4px;
	background:#FFFFFF;
	clear:both;
}
#eventsstyle {
	margin: 0 0 0 8px;
	padding: 2px 4px 2px 4px;
	width:300px;
	float: left;
}
.eventslist {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
}

table.eventslist {
	width:100%;
}

.eventslist a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	color:#000000;
}
.eventslist a:hover{
	text-decoration:underline;
	
}
.eventslist td {
	border-bottom: dotted 1px #D0D0D0;
	padding: 10px 0px 5px 0px;
}
.eventsdetail {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
}
.eventsdetail a{
}
.eventsdetail a:hover{
}
.eventsdetailimg {
float:right;
margin:0px 0px 20px 20px;
}
.eventsmap{
margin:20px 0px 20px 0px;
}
#newssstyle {
	margin: 0 0 0 30px;
	padding: 2px 4px 2px 4px;
	width:310px;
	float: left;
}
#newssstyle ul {
	/*list-style-image: url(img.ashx?path=~/images/bullet_01.jpg);*/
	list-style-position:inside;
	margin: 0px;
	padding:0px;	
}
#newssstyle li a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	margin: 6px 0 0 0px;
	padding:6px 0 0 6px;
	color:#000000;
}
#newssstyle li a:hover{text-decoration: underline;}

.pushright{
	clear:both;
	text-align:right;
	font-size:12px;
}


#doublecontainer {
	border-left:solid 1px #D0D0D0;
	border-right:solid 1px #D0D0D0;
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
}

#doublecontainer h1{
	margin:0px 10px 2px 10px;
	color:#A40006;
}

.videobox{
	width:150px;
	float:left;
	padding: 0px 0px 0px 0px;
	margin: 0px 10px 0px 9px;
	font-size:12px;
}
.videobox img{padding:0px 0px 10px 0px;}

/***********************************************/
/* CLEAR FIX styles 	                       */
/***********************************************/
.clearfix:after {
	content:" "; 
	display:block; 
	height:0;
	font-size:0; 
	clear:both; 
	visibility:hidden;
}
.clearfix {display:inline-block;}
/* mac hide \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
/* End hide */

/***********************************************/
/* Photos Styles 	                           */
/***********************************************/


#photos{
}
#photos ul {}
#photos li {
	list-style-type:none;
	background-repeat: no-repeat;
	float:left;
	display:block;
	width:140px;
	margin: 10px;
}
#photos li a {
	list-style-type:none;
	background-repeat: no-repeat;
	width:140px;
	height:140px;
	text-decoration: none;
}
#photos li a:hover {
	background-repeat: no-repeat;
	text-decoration:underline;
}
#photos img {
}

.photoscap {
background:none;
background-image:none;
background-color:#FFFFFF;
text-align:center;
padding: 4px 2px 4px 2px;

}
.photoscap a {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
text-decoration:none;
background:none;
background-image:none;
background-color:#FFFFFF;
}
.photoscap a:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
text-decoration:none;
background:none;
background-image:none;

}
/***********************************************/
/* rounded corners Divs                             */
/***********************************************/
.clearme {clear:both}
.clearme1 {clear:both; height:8px; background-image:url(img.ashx?path=~/images/CH_right_top_container1.jpg);}
.clearme2 {clear:both; height:8px; background-image:url(img.ashx?path=~/images/right_bot_container2.jpg);}
.clearme3 {clear:both; height:10px; background-image:url(img.ashx?path=~/images/right_top_container3.jpg);}
.clearme4 {clear:both; height:10px; background-image:url(img.ashx?path=~/images/right_bot_container3.jpg);}
.clearme5 {clear:both; height:8px; background-image:url(img.ashx?path=~/images/right_top_container2.jpg);}
.clearme6 {clear:both; height:8px; background-image:url(img.ashx?path=~/images/right_bot_container2.jpg);}
.clearme7 {clear:both; height:8px; background-image:url(img.ashx?path=~/images/CH_left_top_container1.jpg);}
.clearme8 {clear:both; height:8px; background-image:url(img.ashx?path=~/images/left_bot_container1.jpg);}

.clearmesub1 {clear:both; height:8px; background-image:url(img.ashx?path=~/images/CH_right_top_containersub1.jpg);}
.clearmesub2 {clear:both; height:8px; background-image:url(img.ashx?path=~/images/right_bot_containersub2.jpg);}
.clearmesub7 {clear:both; height:8px; background-image:url(img.ashx?path=~/images/CH_left_top_containersub1.jpg);}
.clearmesub8 {clear:both; height:8px; background-image:url(img.ashx?path=~/images/CH_left_bot_containersub1.jpg);}

/***********************************************/
/* Navigation Divs                             */
/***********************************************/
#topnav{
	float:right;
	width: 300px;
	text-align:right;
	letter-spacing:1px;
	color:#333333;
	font-size:11px;
}
#topnav a{
	font-size:11px;
	color:#333333;
	text-decoration:none;
}
#topnav a:hover{
	color:#000000;
	text-decoration:underline;
}

#mainnav{
	float:right;
	margin: 1px -11px 0px 0px;
	letter-spacing:1px;
	color:#ffffff;
	font-size:12px;
	height: 33px;
	width:800px;
}

.sidenav{
	color:#ffffff;
	background-color:#94AFBE;
}
.sidenav a{
	letter-spacing:1px;
	font-size:14px;
	color:#ffffff;
	text-decoration:none;
	display:block;
	height:22px;
	padding:6px 4px 4px 8px;
}
.sidenav li a:hover{
	background-color:#5C6C76;
	text-decoration:none;
}
.sidenav ul{
	margin: 0px;
	padding:0px;
	list-style-type:none;
}
.sidenav li{
	margin: 0px;
	width: 100%;
	border-top: solid 1px #999999;
}
.sidenav .rpFirst {border-top: solid 0px #999999;}

#sidelinks a{
	letter-spacing:1px;
	font-size:12px;
	color: #333333;
	text-decoration:none;
	display:block;
	padding:6px 0px 6px 0px;
}
#sidelinks ul{
	margin: 20px 8px 10px 8px;
	padding:0px;
	list-style-type:none;
}
#sidelinks li{
	margin: 0px;
	width: 100%;
	border-top: dotted 1px #999999;
}
#sidelinks li a:hover{
text-decoration:underline;
}

#bottomnav{
	float:left;
	width: 645px;
	text-align:right;
	color:#ffffff;
	font-size:11px;
}
#bottomnav a{
	letter-spacing:1px;
	font-size:11px;
	color:#ffffff;
	text-decoration:none;
}
#bottomnav ul{
	margin: 0px;
	padding:0px;
	list-style-type:none;

}
#bottomnav li{
	float:left;
	margin: 0px;
	padding:8px 8px 4px 7px;
	height:41px;
}
#bottomnav a:hover{
	text-decoration:underline;
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}

.RadMenu { white-space:nowrap; float:left; position:relative; }
.RadMenu:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.RadMenu ul.rmHorizontal, .RadMenu ul.rmVertical { margin:0; padding:0; display:none; position:relative; left:0; float:left;}
.RadMenu .rmItem { float:left; position:relative; list-style-image: none; list-style-position:outside; list-style:none;	_display:inline; }
.RadMenu .rmHorizontal .rmItem { clear:none; }
.RadMenu .rmVertical .rmItem { clear:both; }
.RadMenu ul.rmActive, .RadMenu ul.rmRootGroup { display:block; }
.RadMenu .rmSlide, .contextMenu { position:absolute; overflow:hidden; display:none; _height:1px; float:left; }
.contextMenu { z-index:1000; }
.RadMenu .rmText { display:block; }
.RadMenu a.link { cursor:default; display:block; }
.scrollWrap { position:absolute; float:left; overflow:hidden; left:0; }
.RadMenu .leftArrow, .RadMenu .topArrow, .RadMenu .bottomArrow, .RadMenu .rightArrow { position:absolute; z-index:2000; text-indent:-1000em; }
.RadMenu .leftArrowDisabled, .RadMenu .topArrowDisabled, .RadMenu .bottomArrowDisabled, .RadMenu .rightArrowDisabled { display:none; text-indent:-1000em; }
.RadMenu .bottomArrow, .RadMenu .bottomArrowDisabled { margin-bottom: -1px; }
.RadMenu .leftImage { border:0; float:left; }
.rtl { float:right; }
.rtl ul.horizontal, .rtl ul.vertical { float:right; }
.rtl .item { float:right; }
.rtl .leftImage, .rtlcontext .leftImage { border:0; float:right; }
.RadMenu ul.rootGroup { float:none; _float:left; }
.RadMenu .link { width:auto; }


/* <Top Level> (.horizontal) */
.RadMenu_AlexianFoundation a.rmLink {
	background: transparent url(img/bkgNav.gif) repeat-x;
	color: #fff;
	font-size: 11px;
	text-decoration: none;
	height: 25px;
	display: block;
	float: left;
	padding: 9px 15px;	
	}
	
	.RadMenu_AlexianFoundation li.rmFirst a {
		/* This and the following :hover rule give the first link the rounded corner. */
		background: transparent url(img/bkgNavFirstLast.gif) no-repeat;
		}
		.RadMenu_AlexianFoundation li.rmFirst a:hover {
		background: transparent url(img/bkgNavFirstLastHover.gif) no-repeat;
		}
	.RadMenu_AlexianFoundation li.rmLast a {
		background: transparent url(img/bkgNavFirstLast.gif) 100% 0 no-repeat; /* This is one rounded
		corners image used for both states of the background. So, for hovered, the image needed to start 
		at the far right, instead of the default far left. */
		padding-right: 32px;
		}
		.RadMenu_AlexianFoundation li.rmLast a:hover {
		background: transparent url(img/bkgNavFirstLastHover.gif) 100% 0 no-repeat; /* Same explanation
		as li.last unhovered above. */
		}
	.RadMenu_AlexianFoundation a:hover, .RadMenu_AlexianFoundation a.rmExpandedDown {
		/* This assures that while you are hovering over the drop-down links, the top level link still
		retains its hover state. Unfortunately, IE6 doesn't honor this because it sucks. Oh, speaking 
		of IE, the cursor rule is for its benefit. */
		background: transparent url(img/bkgNavHover.gif) repeat-x;
		color: #fff; /* Explicitly state for IE6 benefit */
		text-decoration: none; /* Explicitly state for IE6 benefit */
		cursor: pointer; /* Explicitly state for all IE benefit. Changes the cursor from an arrow to a
		hand, like you would expect when you hover over a link. */
		}
/* </Top Level> */
		
/* <Drop-down> (.vertical) */
.RadMenu_AlexianFoundation .rmSlide {
	margin-top: -9px; /* To get the top of the drop-down flush with the bottom of the top level.
	Yes, this would normally be true by default. However, for this menu, the drop-down would start
	below the drop shadow if we didn't bring it up 9px. */ 
	}
	.RadMenu_AlexianFoundation .rmSlide .rmSlide ul.rmVertical {
		margin-top: 0; /* Reset the top margin for the second level of drop-down. */
		}
	.RadMenu_AlexianFoundation .rmSlide li {
		background-color: #94AFBE;
		padding: 1px 0 0 10px; /* Creates the drop-down link borders and left padding. The light red
		background color shows through the padding. */
		}
.RadMenu_AlexianFoundation .rmSlide a, 
.RadMenu_AlexianFoundation .rmSlide li.rmFirst a, 
.RadMenu_AlexianFoundation .rmSlide li.rmLast a, 
.RadMenu_AlexianFoundation li.rmLast .rmSlide a {
	/* Drop-down links. First and last for .vertical had to be overriden from .horizontal (top level).
	Otherwise, they would also have the rounded corners. */
	background: #56829A;
	padding: 5px 10px 7px 15px;
	min-width: 100px;
	height: auto;
	}
	.RadMenu_AlexianFoundation .rmSlide a:hover, 
	.RadMenu_AlexianFoundation .rmSlide li.rmFirst a:hover, 
	.RadMenu_AlexianFoundation .rmSlide li.rmLast a:hover, 
	.RadMenu_AlexianFoundation li.rmLast .rmSlide a:hover {
		/* Same comment about overriding as above */
		background: #94AFBE;
		}
	.RadMenu_AlexianFoundation .rmSlide li.rmLast a {
		border-bottom: 1px solid #94AFBE; /* As mentioned above in .slide li, the link borders are
		actually created by 1px of top padding, not an actual border. This rule creates the same
		looking border on the bottom of the last link in the .vertical group of links. */
		}
				
.RadMenu_AlexianFoundation .rmGroup .rmLink .rmExpandRight {
	background: url(img/ArrowExpand.gif) 100% 53% no-repeat;
	padding-right: 20px;
	}
	.RadMenu_AlexianFoundation .rmGroup .rmLink:hover .rmExpandRight {
		background: url(img/ArrowExpandHovered.gif) 100% 53% no-repeat;
		}	
/* </Drop-down> */ 

/* RadPanelBar Alexian Foundation Campaign1 skin */
.RadPanelBar_AlexianFoundation .rpRootGroup { width: 254px; }	
.RadPanelBar_AlexianFoundation .rpRootGroup li { width: 254px; padding: 0; }	
.RadPanelBar_AlexianFoundation a, .RadPanelBar_AlexianFoundation li.rpItem .rpSlide a  
	{ background: transparent url(Img/BkgRoundedCorners.gif) no-repeat 0 -5px; width: 229px; padding: 5px 5px 0 22px; margin: 0; font-size: 11px; }
.RadPanelBar_AlexianFoundation a:hover, .RadPanelBar_AlexianFoundation li.rpItem .rpSlide a:hover 
	{ background: url(Img/BkgRoundedCorners.gif) no-repeat 0 -62px; color: #fff; }
.RadPanelBar_AlexianFoundation .rpRootGroup .rpItem .rpSlide a { padding-left: 50px; width: 201px; }
.sidenav .rpSlide .rpFirst { border-top: 1px solid #999; }

/* Background corners on the first and last links */
.RadPanelBar_AlexianFoundation li.rpFirst a { background: transparent url(Img/BkgRoundedCorners.gif) no-repeat; }
.RadPanelBar_AlexianFoundation li.rpFirst a:hover { background: url(Img/BkgRoundedCorners.gif) no-repeat 0 -57px; }
.RadPanelBar_AlexianFoundation li.rpLast a { background: transparent url(Img/BkgRoundedCorners.gif) no-repeat 0 -30px; }
.RadPanelBar_AlexianFoundation li.rpLast a:hover { background: url(Img/BkgRoundedCorners.gif) no-repeat 0 -87px; }