/* BASE LAYOUT */
body{
	background: url('/template/en/images/body-bg.jpg') repeat-x #a7a795 ;
	font-family: "Palatino Linotype", Book Antiqua3, Palatino6, serif ;
	font-size: 13px ;
}

#container{
	margin: 0 auto ;
	border: 1px solid black ;
	background: #18466F ;
	width: 950px ;
}

#headerBox{
	border: 5px solid #e5e5e5 ;
	height: 100px ;
	background: white ;
}

#headerBox img#crcLogo{
	float: left ;
}

#headerBox .phoneNum{
	font-size: 20px ;
	color: #999999 ;
	float: right ;
	height: 100% ;
	text-align: right ;
	position: relative ;
	top: 30px ;
	right: 20px ;
}

#headerBox .phoneNumSub{
	font-size: 11px ;
}

#headerBox .phoneNumSub a{
	color: #999999 ;
}

#crcLogo{
	margin-top: 18px ;
	margin-left: 15px ;
}

#layout{
	width: 926px ;
	margin: 12px ;
}

#layout td{
	vertical-align: top ;
}

#flash{
	border-left: 7px solid #18466F ;
	border-bottom: 7px solid #18466F ;
	width: 720px ;
}

#mainMenu{
	background: url('/template/en/images/main-nav-bg.jpg') repeat-x #c9d3dd ;
	padding-top: 12px ;
	vertical-align: top ;
}

#contentArea{
	background: #FFF ;
	border-left: 7px solid #18466F ;
	padding-left: 20px ;
	padding-right: 20px ;
	padding-top: 10px ;
	padding-bottom: 20px ;
}

#footerLinks{
	text-align: center ;
}

#footerLinks a{
	font-family: Verdana, Arial, Helvetica, sans-serif ;
	padding-right: 10px ;
	padding-left: 10px ;
	border-right: 1px solid #414141 ;
	font-size: 10px ;
	color: #414141 ;
}

#footerLinks a:HOVER{
	color: white ;
}

#copyright{
	margin-top: 15px ;
	text-align: center ;
	color: #414141 ;
	font-size: 12px ;
}

/* BASIC CONTENT STYLES */
h1{
	color: #18466F ;
	/*font-family: "Palatino Linotype", Book Antiqua3, Palatino6, serif ;*/
	font-size: 23px ;
	letter-spacing: 1px ;
	margin-bottom: 5px ;
	margin-top: 0 ;
}

h2{
	color: #3b679c ;
	/*font-family: "Myriad Pro", arial, helvetica, sans-serif ;*/
	font-size: 18px ;
}

h3{
	font-size: 14px ;
	color: #003366 ;
}

h4{
	font-size: 12px ;
	font-weight: bold ;
}

a img{
	border: 0 ;
}

.imageR{
	float: right ;
	margin-left: 10px ;
}

/* MENUS */
#menu{
	width: 200px ;
}

#menu a span{
	display: block ;
	margin-right: 17px ;
	margin-top: 3px ;
}

#menu a{
	display: block ;
	height: 22px ;
	text-align: right ;
	font-weight: bold ;
	/* font-family: "Trebuchet MS", Tahoma, verdana, arial, helvetica, sans-serif ; */
	font-size: 13px ;
	text-decoration: none ;
	color: black ;
	padding: 1px ;
	color: white ;
}

a:FOCUS{
	outline: none ;
}

#menu a:HOVER, #menu a.currentSelection{
	background: #cedef0 ;
	color: #18466F ;
}

#menu .submenuContainer{
	overflow:hidden;
	margin-top: -2px;
	/* the 'display:none' property must be set on the element
	   itself, otherwise Javascript can't read it */
}

#menu .submenu{
	font-family: "Trebuchet MS", Tahoma, verdana, arial, helvetica, sans-serif ;
	margin-left: 3px ;
	margin-right: 9px ;
	padding-top: 7px ;
	padding-bottom: 7px ;
}

#menu .submenu a{
	font-size: 11px ;
	font-weight: normal ;
	width: 180px ;
	background: none ;
	color: #d1e1f3 ;
	padding: 1px ; /* solves vertical alignment issues with rect BG */
}

#menu .submenu a span{
	margin-right: 8px ;
}

#menu .submenu a:HOVER{
	background: url('/template/en/images/bg-blue-rect.gif') no-repeat right ;
}

#menu .submenu a.currentSelection{
	background: url('/template/en/images/bg-blue-rect.gif') no-repeat right ;
}

#menu .subSubMenu a{
	color: #FFF ;
	font-size: 9px ;
	font-weight: normal ;
	padding: 0 ;
	width: 170px ;
	margin:0 ;
}

#menu .subSubMenu a.currentSelection{
	text-decoration: underline ;
	background: none ;
}

#menu .subSubMenu a:HOVER{
	text-decoration: underline ;
	background: none ;
}

#menu hr{
	border-bottom: 1px solid #bccee4 ;
	border-top: 1px solid #18466F ;
	margin-left: 10px ;
}

/* TABS */
#tabs {
	clear: both ;
	margin-bottom: 5px ;
}

#tabs a {
	font-weight: bold ;
	font-size: 13px ;
	color: #1768a9 ;
	padding-left: 10px ;
	padding-right: 13px ;
	border-right: 1px solid #1768a9 ;
	text-decoration: none ;
}

#tabs a:hover, #tabs a.currentSelection {
	text-decoration: underline ;
}

#tabContents h1{
	display: none ;
	/*
	background: url(/template/en/images/tab-contents-heading-bg.gif) repeat-x ;
	color: #FFF ;
	padding-left: 12px ;
	padding-top: 7px ;
	padding-bottom: 10px ;
	font-size: 16px ;
	letter-spacing: normal ;
	*/
}

#tabContents h2{
	font-size: 16px ;
}

/* OTHER */
#mailingListSignup{
	border: 1px solid #1655A0 ;
	padding: 3px ;
}

.sidebarHeader{
	background: #1655A0 ;
	color: white ;
	padding: 3px ;
	font-size: 11px ;
	font-weight: bold ;
}

.sidebarBody{
	background: url(/template/en/images/sidebar-bg-rpt.jpg) ;
	background-position: bottom ;
	margin-bottom: 10px ;
	font-size: 12px ;
}

#mailingListSignup .formInput{
	width: 90% ;
	font-size: 11px ;
	margin-bottom: 4px ;
	border: 1px solid #1655A0 ;
}

#mailingListSignup .formLabel{
	font-size: 11px ;
}

#mailingListSignup p{
	font-size: 11px ;
	text-align: left ;
	margin-top: 0 ;
	margin-bottom: 7px ;
}

/* TELL A FRIEND BOX */

#taf{
	width: 550px ;
	border: 2px solid #5366AA ;
	background: url(/template/en/images/content-top-bg-rpt.gif) #FEFEFE repeat-x;
	position: absolute ;
	top: 125px ; /* positioned relative to rightCol, bumps down below flash */
	right: 100px ;
}

/* CS Live Chat */
#craftysyntax img{
	margin-top: 30px ;
	margin-left: 22px ;
}

/* Google Search Box */
#cse-search-box{
	margin-left: 10px ;
}




#rowHdr {
	border-bottom: 1px solid #000;
}

#row {
	border-bottom: 1px solid #ccc;
}

.padRight {
	float:right;
	margin-left:10px;
	margin-bottom:10px;
	text-align:center;
	font-weight:bold;
}