/* ### GENERAL ### */

* {
	margin: 0;
	padding: 0;
}
body {
	background-color:#EDEDED;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}
img {
	border: 0px none;
}
/* ### LAYOUT ### */
div#columns {
	width: 100%;
	height: 100%;
	float: left;
	clear: both;
	background-color: #FFFFFF;
}
div#outer {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	top: 0;
	padding: 0;
	width:988px;
}
.spacer {
	float: left;
}
/* ### HEADER BANNER BASIC STYLES ### */

div#header {
	float: left;
	clear: both;
	width: 988px;
}
div#banner_left {
	float:left;
	width: 7px;
}
div#banner_center {
	float:left;
	width: 974px;
	height: 104px;
	background-image:url(../../cl_images/header_banner_top_bg.jpg);
	background-repeat:repeat-x;
}
div#banner_right {
	float:left;
	width: 7px;
}
div#banner_bottom {
	float:left;
	clear:both;
	width: 988px;
	height: 27px;
	background-image:url(../../cl_images/header_banner_bottom_bg.jpg);
	background-repeat:repeat-x;
	padding: 5px 0 3px 0;
	background-color: #FFFFFF;
}
/* ### GOVT. LOGO & SITE TITLE ### */

div#govt_logo {
	float: left;
}
div#site_title {
	float: right;
	padding: 0 10px 0 0;
}
/* ### LHS NAVIGATION BUTTONS ### */

div#lhs_nav_buttons{
float: left;
}
.navigation_buttons {
	float: left;
	width: 90px;
	height: 15px;
	border: 1px #999999 solid;
	background-color: #5C0000;
	text-align: center;
	margin: 0 0 0 3px;
	padding: 2px;
	color: #CCCCCC;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	cursor:pointer;
}

.navigation_buttons:hover {
	float: left;
	width: 90px;
	height: 15px;
	border: 1px #999999 solid;
	background-color: #815C5C;
	text-align: center;
	margin: 0 0 0 3px;
	padding: 2px;
	color: #CCCCCC;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	cursor:pointer;
}

/* ### RHS SECTION LINKS ### */

#rhs_section_links{
	float: left;
	clear: both;
	background-color:#FFFFFF;
	width: 968px;
	height: 20px;
	border-bottom: 1px dotted #0EA2E0;
	text-align: right;
	padding: 0 20px 0 0;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size:15px;
	color:#999999;
}

.rhs_section_links_find{
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size:15px;
	font-weight: bold;
	color:#999999;
	padding: 0 10px 0 10px;
}

.rhs_section_links_build{
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size:15px;
	font-weight: bold;
	color:#999999;
	padding: 0 10px 0 10px;
}

.rhs_section_links_plan{
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size:15px;
	font-weight: bold;
	color:#999999;
	padding: 0 5px 0 10px;
}

.rhs_section_links_find:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color: #EF7208;
}
.rhs_section_links_build:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#50A3DC;
}
.rhs_section_links_plan:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#8CAD00;
}

/* ### HEADER SEARCH ### */

div#header_search_box{
	float: right;
	display: block;
	width: 130px;
	text-align: right;
}

.header_search_box form {
	padding: 0;
	margin: 0;
	display: block;
}

input.header_search_button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	border:1px solid #666666;
	background-color:#FAFAFA;
	width:auto !important;
	background-image: url(../../cl_images/bg_button.gif);
	margin: 0 0 0 2px;
	padding: 0 0 0 2px;
	vertical-align: top;
	height: 20px;
	float: left;
}

input.header_search_input {
	border:1px solid #585858;
	font-family:Verdana,Helvetica,Arial,sans-serif;
	font-size:1em;
	font-weight:normal;
	vertical-align:middle;
	cursor:text;
	padding: 2px;
	margin: 0 0 3px 0;
	background-position:left 1px;
	background-repeat:no-repeat;
	padding-left:17px;
	background-image: url(../../cl_images/icon_textbox_search.gif);
	width: 70px;
	float: left;
}

/* ### INDEX PAGE ### */

div#index_content {
	width: 988px;
	top: 0;
	float: left;
	background-image:url(../../cl_images/index_bg.jpg);
	background-repeat:repeat-x;
}

div#lhs_icons{
	padding: 350px 0 0 35px;
	float: left;
	clear: both;
	width: 176px;
}

div#epicc_logo{
	padding: 50px 0 0 50px;
	float: left;
	width: 86px;
}

div#eviq_logo{
	width: 0 0 0 94px;
	padding: 65px;
	float: left;
}

div#edcan_logo{
	width 0 0 0 159px;
	padding: 30px;
	float: left;
}

div#submit_resource{
	float: left;
	width: 39px;
}

div#feedback{
	float: left;
	width: 49px;
}
div#resources{
	float: left;
	width: 52px;
}
div#news{
	float: left;
	width: 36px;
}

div#section_menu{
	float: left;
	padding: 0 0 0 66px;
	width: 493px;
}

div#section_image{
	float: left;
	clear: both;
	text-align: left;
}
div#section_buttons{
	float: left;
	width: 493px;
}

div#find_button{
width: 159px;
float: left;
}

div#build_button{
width: 157px;
float: left;
}

div#plan_button{
width: 177px;
float: left;
}

div#index_footer {
	width: 300px;
	background-color: #FFFFFF;
	float:left;
	text-align: center;
	padding: 0 50px 0 10px;
}

.honconduct{
	margin: 0 0 0 120px;
	float: left;
	clear:both;
}

/* ### MENU ### */

div#lhs_menu {
	width: 185px;
	float: left;
	background-color: #FFFFFF;
	border-right: 1px dotted #0EA2E0;
	border-bottom: 1px dotted #0EA2E0;
}

div#menu_header {
	padding: 1px 1px 5px 1px;
	width: 183px;
}

#lhs_navigation {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 20px;
	list-style: none;
	padding: 0 0 0 5px;
	margin: 0;
	cursor: pointer;
}

/* ### HOVERING CLASSES FOR THE MENU ### */

ul.find_menu li:hover {
	background-color: #FCEBDB;
}

ul.build_menu li:hover {
	background-color: #BDE4FF;
}

ul.plan_menu li:hover {
	background-color: #F5FFCB;
}

ul.about_menu li:hover {
	background-color: #FFE2E4;
}

/* menu header styles */

.header_open {
	background-image:   url(../../cl_images/menu_open.gif);
	background-repeat: no-repeat;
	background-position: 0% 50%;
	padding: 0 0 0 10px;
	margin: 0 0 0 2px;
	color: #333333;
	text-decoration: none;
}

ul.find_menu li.header_closed {
	background-image:   url(../../cl_images/find_menu_closed.gif);
	background-repeat: no-repeat;
	background-position: 0% 50%;
	padding: 0 0 0 10px;
	margin: 0 0 0 2px;
	color: #333333;
	text-decoration: none;
}

ul.plan_menu li.header_closed {
	background-image:   url(../../cl_images/plan_menu_closed.gif);
	background-repeat: no-repeat;
	background-position: 0% 50%;
	padding: 0 0 0 10px;
	margin: 0 0 0 2px;
	color: #333333;
	text-decoration: none;
}

.sub_menu_item {
	background-image: none;
	padding: 0 0 0 12px;
	margin: 0 0 0 13px;
	color: #333333;
	text-decoration: none;
}

/* for header items that have no + or - attached on LHS menu */

.header_none {
	font-size: 12px;
	padding-left: 12px;
	color: #333333;
	text-decoration: none;
}

/* for header items that have no + or - and need to be left aligned! */

.header_none_left_align {
	font-size: 12px;
	color: #333333;
	text-decoration: none;
}

/* ### FIND SPECIFIC LHS MENU ### */

.find_nav_header_open {
	background-image:   url(../../cl_images/menu_open.gif);
	background-repeat: no-repeat;
	background-position: 0% 50%;
	padding: 0 0 0 10px;
	margin: 0 0 0 2px;
	color: #E77505;
	text-decoration: none;
}

.find_nav_header_closed {
	background-image:   url(../../cl_images/find_menu_closed.gif);
	background-repeat: no-repeat;
	background-position: 0% 50%;
	padding: 0 0 0 10px;
	margin: 0 0 0 2px;
	margin: 0 0 0 0;
	color: #E77505;
	text-decoration: none;
}

.find_nav_sub_menu_item {
	color: #E77505;
	padding: 0;
	padding: 0 0 0 12px;
	margin: 0 0 0 13px;
	list-style: none;
	line-height: 20px;
}

.find_nav {
	font-family: Arial, Helvetica, sans-serif;
	list-style: none;
	padding: 0 0 0 5px;
	margin: 0;
}

.find_nav li {
	line-height: 20px;
	color: #E77505;
	font-size: 12px;
	text-decoration: none;
	cursor: pointer;
}

.find_nav li:hover{
	background-color: #FCEBDB;
}

/* ### CONTENT ### */

div#content {
	width: 780px;
	top: 0;
	float: left;
	padding: 0 10px 20px 10px;
	background-color: #FFFFFF;
}

div#text_content{
padding: 10px 20px 20px 50px;
	width: 900px;
}

div#footer {
	width: 980px;
	background-color: #FFFFFF;
	float:left;
	clear:both;
}

/* ### BREADCRUMBS ## */

div#breadCrumbs{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 12px;
	letter-spacing: 1px;
	color: #999999;
	padding: 15px 4px 15px 0;
}

.breadcrumbs {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #999999;
	letter-spacing: 1px;
	padding-top: 15px;
	padding-right: 4px;
	padding-bottom: 15px;
	line-height: 12px;
}

.breadcrumbs_active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
	letter-spacing: 1px;
	line-height: 12px;
}

/* ### FOOTER ### */

div#footer {
	width: 988px;
	background-color: #FFFFFF;
	float:left;
	clear:both;
	text-align: center;
}

.footertext a:link, .footertext a:visited, .footertext a:active, .footertext a:hover {
	color: #666666;
	font-size: 10px;
	font-weight: normal;
	text-decoration:underline;
}

.footertext a:hover {
	color: #666666;
	font-size: 10px;
	font-weight: normal;
	text-decoration:none;
}

.footertext {
	color: #999999;
	font-size: 10px;
	font-weight: normal;
	text-decoration:none;
	text-align:center;
}

/* ### IMAGE STYLES ### */

.image_box{
	float: right;
	padding: 5px 5px 5px 5px;
	margin: 0 5px 0 10px;
	border: 1px #666666 dashed;
}

/* ### TEXT STYLES ### */

a {
	font-weight: bold;
	font-size: 12px;
	color: #3399FF;
	text-decoration: underline;
	font-weight: normal;
}

p {
	margin-bottom: 10px;
}

img {
	border: 0px none;
}

ul {
	margin-left: 15px;
	margin-top: 10px;
	margin-bottom: 10px;
}

ol {
	margin-left: 15px;
	margin-top: 10px;
	margin-bottom: 10px;
}

fieldset{
	border: 0;
	color:#FFFFFF;
}

ul.disc{
	list-style: disc;
}

ul.circle{
	list-style: circle;
}

ul.square{
	list-style: square;
}

ol.lower_alpha{
	list-style-type:lower-alpha;
	margin-left: 20px;
}

ol.decimal{
	list-style-type:decimal;
	margin-left: 20px;
}

ol.upper_alpha{
	list-style-type:upper-alpha;
	margin-left: 20px;
}

ol.lower_roman{
	list-style-type:lower-roman;
	margin-left: 20px;
}

ul.hyphen {
	list-style: none;
	margin-left: 0;
	padding-left: 1em;
	text-indent: -1em;
	margin-left: 20px;
}

/* section specific headers */
.find_header, a.find_header {
	color: #EF7208;
	font-size: medium;
	font-weight: bold;
	text-decoration: none;
}

.build_header, a.build_header {
	color: #50A3DC;
	font-size: medium;
	font-weight: bold;
	text-decoration: none;
}

.plan_header, a.plan_header {
	color: #8CAD00;
	font-size: medium;
	font-weight: bold;
	text-decoration: none;
}

.about_header, a.about_header {
	color: #B6121B;
	font-size: medium;
	font-weight: bold;
	text-decoration: none;
}

.strong_text {
	font-weight: bold;
	font-style: normal;
}

.em_text {
	font-style:italic;
}

.strong_em_text {
	font-weight: bold;
	font-style: italic;
}

.underline_text{
	text-decoration:underline;
	
}
.super_script {
	vertical-align:super;
	font-size:9px;
}

h3, h3 a{
	font-weight: bold;
	font-size: 14px;
	text-decoration: none;
	color:#000000;
}

h4{
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
	color:#000000;
}

.sub_header {
	padding: 0 5px 5px 15px;
	font-weight: bold;
	font-size: 14px;
	color:#000000;
	text-decoration:none;
	float: left;
	clear: both;
	width: 98%;
}

.sub_header a{
	padding: 0 5px 5px 0;
	font-weight: bold;
	font-size: 14px;
	color:#000000;
	text-decoration:none;
	float: left;
	clear: both;
	width: 98%;
}

.sub_header_normal {
	padding: 0 5px 5px 15px;
	float: left;
	clear: both;
	width: 98%;
}

/* ### RESOURCE STYLES ### */

.resource_header {
	padding: 10px 5px 10px 15px;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	float: left;
	clear: both;
	color:#000000;
}

.resource_header a {
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	float: left;
	clear: both;
	color:#000000;
}

.resource_item {
	width: 99%;
	padding: 5px 5px 5px 10px;
	float: left;
	clear: both;
}

.last_resource_item{
	padding: 5px 5px 5px 10px;
	width: 99%;
	float: left;
	clear: both;
}

div.resource_link {
	margin-bottom: 10px;
	float: left;
	clear: both;
}

div.resource_link a {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color:#666666;
}

div.resource_link a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: underline;
	color: #333333;
}

.resource_hide {
	display: none;
}

/* ### CASE STUDIES ### */

.case_study_title {
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	padding: 5px 5px 5px 5px;
	vertical-align:top;
}
.case_study_content {
	border-bottom: 1px solid #999999;
	padding: 5px 5px 5px 5px;
	width: 80%;
}

.case_study_title_end {
	border-right: 1px solid #999999;
	padding: 5px 5px 5px 5px;
	vertical-align:top;
}

.case_study_content_end {
	padding: 5px 5px 5px 5px;
	vertical-align:top;
}

.case_study_table {
	border: 1px solid #999999;
	margin-top: 5px;
	width: 100%;
}

/* this is for the case study links that need to go over two lines */
.two_line_link{
	text-decoration: none;
	padding: 0 0 0 37px;
}

/* ### RESOURCES ### */

/* Resource text styles */

.resource_header {
	padding: 10px 5px 10px 15px;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	float: left;
	clear: both;
	color:#000000;
}

.resource_header a {
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	float: left;
	clear: both;
	color:#000000;
}

.grey_divide {
	text-align: center;
	padding: 10px 5px 10px 5px;
}

/* Resource layout and formatting */

.resource_arrow {
	display: inline;
	padding: 0 20px 0 5px;
}

.resource_title {
	padding: 5px 5px 5px 5px;
	vertical-align:top;
	width: 15%;
	color:#990000;
}

div.resource_link {
	margin-bottom: 10px;
	float: left;
	clear: both;
}

div.resource_link a {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color:#666666;
}

div.resource_link a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: underline;
	color: #333333;
}

.resource_content {
	padding: 5px 10px 5px 0;
	vertical-align: top;
}

.resource_item {
	width: 99%;
	padding: 5px 5px 5px 10px;
	float: left;
	clear: both;
}

.last_resource_item{
	padding: 5px 5px 5px 10px;
	width: 99%;
	float: left;
	clear: both;
}

.resource_table {
	border: 1px dashed #999999;
	width: 95%;
}

.resource_show {
	margin-bottom: 10px;
	padding: 5px 0 10px 36px;
	display: block;
	width: 95%;
	float: left;
	clear: both;
	overflow: visible;
}

.resource_show p {
	margin-left: 0px;
	padding-left: 0px;
}

.resource_hide {
	display: none;
}

.resource_href_multi_line{
	float: left;
	display: inline;
}

.resource_arrow_multi_line{
	display: inline;
	padding: 0 20px 0 5px;
	float: left;
}

/* table styles */
.content_table{
    border-color: #333333;
    border-width: 0 0 1px 1px;
    border-style: solid;
}

.content_table td, th {
    border-color: #333333;
    border-width: 1px 1px 0 0;
    border-style: solid;
    margin: 0;
    padding: 4px;
   font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size:12px;
	color:#000000;
	vertical-align:top;
}

/* SHOW / HIDE CONTENT */

.main_content {
	float: left;
	clear: both;
	padding: 0 0 5px 10px;
	width: 95%;
	margin: 0;
}

.sub_content {
	width: 100%;
}

.main_content_show ,.sub_content_show{
	padding: 5px 0 5px 40px;
	display: block;
	width: 95%;
	float: left;
	clear: both;
	overflow: visible;
}

.main_content_show a {
	color: #0099CC;
}

.main_content_hide {
	display: none;
}

.sub_content_hide {
	display: none;
}

div.content_link {
	display: bloc;
	clear: both;
	float: left;
	padding: 0 5px 0 0;
}

div.content_link a {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #333333;
}

.content_arrow {
	display: inline;
	padding: 0 15px 0 15px;
}

/* ### FORM STYLES ### */
.form_red{
	color: #FF0000;
	float: left;
}

div.form_row {
	clear: both;
	padding-top: 5px;
  }

div.form_row span.form_label {
	padding-top: 5px;
	font-size: 14px;
	float: left;
	width: 100px;
	text-align: right;
	color: #000000;
  }
  
div.form_row span.form_label_red {
	padding-top: 5px;
	font-size: 14px;
	float: left;
	width: 100px;
	text-align: right;
	color: #FF0000;
  }

div.form_row span.form_field {
	width: 200px;
	float: right;
	text-align: left;
  } 
  
.form_field_input{
	padding: 2px 2px 2px 2px;
	background-color: #FFFFFF;
	border: 1px solid #999999;
}

.form_button{
float: right;
}

.form_field_button{
	color:#363636;
	font-family:'trebuchet ms',helvetica,sans-serif;
	background-color:#EDEDED;
	border:1px solid;
	border-top-color:#999999;
	border-left-color:#999999;
	border-right-color:#999999;
	border-bottom-color:#999999;
}