@charset "UTF-8";
/* CSS Document */


/*------------------------------ custum formating -------------------------------*/
/*sets the sub nav for the frotpage based navigation */
.img56 img{
margin: 14px 0px 0px 42px;
}
.imgtop img{
margin: 14px 0px 0px 30px;
}
.grey {
background-color: #ececec;
}
/* --------- Height - add to column class when making rows of cubes ---------- */
.heightA {
height: 22em; /*22em = aprox 300px;*/
}
.heightB {
height: 18em;
}
.heightC {
height: 16em;
}
.heightA-border {
height: 22em;
}
.heightB-border {
height: 18em;
}
.heightC-border {
height: 16em;
}
/*-------------------------------- Heading Colors --------------- */
#content-container h1, #content-container h2, #content-container h3, #content-container h4, #content-container h5, #content-container h6 { 
color: #02a1c3;
font-weight: normal;
}
/*-------------------------------- Heading Link Colors --------------- */
#content-container h1 a, #content-container h2 a, #content-container h3 a, #content-container h4 a, #content-container h1 a:visited, #content-container h2 a:visited, #content-container h3 a:visited, #content-container h4 a:visited { 
color: #02a1c3;
font-weight: normal;
}
/*------------------------------- Link Colors ---------------*/
#content-container p a:link, #content-container ul a:link, #content-container p a:visited, #content-container ul a:visited  {
color: #a19482;
text-decoration: none;
border-bottom: 1px dashed #d3cec7;
}
#content-container a:hover {
	color: #000000 !important;
}
/*--------- list arrow ------------*/
#content-container ul li {
list-style-image: url(/support/common/images/listarrow.gif);

}
/*------------------------------- Template color Formating -----------------------------------*/
#content-container p {
	color: #5e574d;
}

#title-container a  {
color: #02a1c3;
border-bottom: 0px solid #fff;
}
/* sets the background image which contains the color for the navigation so it the color remains for the full height of the page.*/
#inner-container {

}
#left-nav-container {
	/*this is used for whent the text is resized and should be the same color of the above bg image*/

}
/*top nav color*/
#nav-container {
background-color:#ff8100;
}
/*bottom nav color*/
#footer-container {
background-color:#ff8100;
}

/*----------------- Template Font Formating --------------------*/

/*-------------- Top Nav Coloring ----------------- */
#nav-container  a:link, #nav-container  a:visited  {
	color: #ffffff !important;
}

#nav-container  a:hover {
	background-color: #a19482;
	color: #fff !important;
	text-decoration: none;
}

#nav-container {
	background-color: #01BCE4;
	background-image:url(/common/frontpage_images/nav-bg.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
}


/*-------------- footer Nav Coloring ----------------- */

#footer-container {
	background-color: #01BCE4;
	background-image: url(/common/frontpage_images/box-hover.jpg);
	background-repeat: repeat-x;
}



/*-------------------- Left Navigation ---------------------*/

#left-nav-container a:link, #left-nav-container a:visited {

	color: #808080;
}



#left-nav-container a:hover{
	background-color: #a19482;
	color: #ffffff;
	text-decoration: none;
	background-image: url("/common/images/arrow-hover.gif");
	background-position: center left;
	background-repeat: no-repeat;
}



/*-------------------- Left Navigation coloring ---------------------*/

#left-nav-container {
padding-top: 26px !important;
	background-image: url(/support/common/images/nav-color.jpg);
background-position: top right;
background-repeat: no-repeat;
}

#left-nav-container a:link, #left-nav-container a:visited, #left-nav-container ul ul li  a:link, #left-nav-container ul ul li  a:visited, #left-nav-container ul  ul ul li  a:link, #left-nav-container ul  ul ul li  a:visited {
		color: #a19482;
		background-image:url(/common/frontpage_images/left-naver-link.gif);
		background-position: bottom left;
		background-repeat: no-repeat;	
}
#left-nav-container ul li a:link, #left-nav-container ul li  a:visited {
			color: #02a1c3;
		background-image:url(/common/frontpage_images/left-naver-link.gif);
		background-position: bottom left;
		background-repeat: no-repeat;	
}

#left-nav-container a:hover{
	background-color: #a19482;
	color: #ffffff !important;
}


.margin0 h3{
margin-top: 0px;
margin-bottom: 0px !important;
}
#left-nav-container .nav-nolink {
		background-image:url(/common/frontpage_images/left-naver-link.gif);
		background-position: bottom left;
		background-repeat: no-repeat;
		color: #02a1c3 !important; 
		line-height: 20px;
		margin: 0px 0px 0px 20px;
		font-size: 14px;
		
		
}



/*------------------ use as div around photo with small text underneith ---------------*/
.caption {
 font-size: .6em;
 float: left;
 margin: 2px 10px 10px 0;
}
.brown-box {
	background: #ff8100;
	width: 260px;
}
.brown-box h1, .brown-box h2, .brown-box h3, .brown-box p  {
color: #ffffff;
}
.light-brown-box {
background: #ff8100;
}
.right-small {
text-align: right;
line-height: 100%!important;
font-size: 66%;
}

.nolinknav {
padding-left: 16px !important;
padding-top: 16px !important;
padding-bottom: 6px !important;
}

.content-heading {
margin: 0px 0px 0px 0px;

}
.content-heading h1{
margin: 0px 0px 0px 0px;
}
.content-heading-blue {
margin: 0px 0px 5px 0px;
background-color: #ffffff;
padding-bottom: 20px;
}



.greyheader {
 
font-weight: normal; 
font-size: 120%;
margin: 0px !important;
}
.greybackgroundheader {
background-color:#ffffff; 
padding: 10px 0px 10px 28px;
margin: 5px 5px 0px 5px;
}
.donation-table img{
margin: 20px 0px 20px 30px;
}






/*picture floats left, content goes right*/

.left_picture {
	clear:both;
	margin:0px 0 0 0;
	padding: 0;
	}

.left_picture img{
	border-style: none;
	margin-top: 25px;
	float:left;
	margin-right: 28px;
	margin-left: 28px;
	}	

.left_picture_content{
	float:right;
	width: 354px;
	}

p.left_picture{
	float:right;
	width: 340px;
	}

.gov_list{
	float:right;
	width: 411px;
	margin: 0 0 34px 0;
	}
.totop{
	 clear: both;
	 color: #638CC3;
	 float: right;
	 font-size: .5em;
	 padding:0 12px 0 0;
	 font-weight: bold;
	 background-image: url(/about/common/images/uparrow.gif);
	 background-repeat: no-repeat;
	 background-position: right;
	 }

.pdf p img{
float:left;
}

.pdf p{
clear: both;
padding-bottom: 15px;
}

.logoizumz img {
margin-bottom: 28px !Important;
}

.border-1col-right{
background-image: url(/support/common/images/nav-color-right.jpg);
background-repeat: no-repeat;
background-position: top left;

}
.vertical-devide {
background-image: url(/support/common/images/nav-color-right.jpg);
background-repeat: no-repeat;
background-position: top left;
}
.quoter {
	font-weight: normal !important;

}
.quoter-color {
	color: #a19482;
	font-size: 80%;
	line-height: 130%;
}
.rightcol190 img {
margin: 0px 0px 5px 5px;
}

.quoter-name {
	margin-top: 0px !important;
	font-size: 10px !important;
}

.centercol {
width: 160px;
float: right;
}

.lcentercol p, .centercol h1, .centercol h2, .centercol h3,  .centercol h4, .centercol ul {
margin-left: 2px !Important;
margin-right: 28px;
}

.leftcol380 img{
margin-left: 5px;
margin-bottom: 0px;
}

.leftcol-quote {
	margin: 0px 0px 5px 0px;
	background-image:url(/support/common/images/short-grey-gradient.jpg);
	background-repeat: repeat-x;
	background-position: top left;
	padding-top: 20px;
}

.img28 img{
margin-left: 28px;
}
.imgfloat {
float: left;
margin: 0px 14px 14px 28px;
}

.more {
background-image:url(/support/common/images/more-info-arrow.gif);
}


blockquote {font-style:italic;
	margin-left:20px;
	margin-top:40px;
}	
blockquote p.credit {
	text-align:right;
}

blockquote p.credit:before {
content: "\2014";
}
.center-fix {
	padding: 20px 0px 20px 0px;
	/*background-color: #ececec;*/
}


#content-container b, #content-container strong {
	color: #a19482;
}
/*------------------------- on this page --------------------------------*/
#content-container .onthispage li, #content-container ul.onthispage, #content-container ul.onthispage li  { 
list-style: none;
list-style-image: none;
line-height: 20px;
margin: 0px 0px 0px 0px !important;
padding: 0px !important;
}


#content-container ul.onthispage li {
	*height: 20px;	
}
#content-container ul.onthispage li a, 
#content-container ul.onthispage li a:visited {
	border: none;
	padding: 0px 0px 0px 28px;
	margin: 0px;
	line-height: 20px;
	display: block;
}


#content-container ul.onthispage li {
		background-image:url(/common/frontpage_images/left-naver-link.gif);
		background-position: bottom left;
		background-repeat: no-repeat;	
}

#content-container .onthispage li a:hover{
	background-color: #a19482;
	color: #fff !important;
	 background-image: url("/common/images/arrow-hover-1024.png") !important;
	background-position: centre left;
	background-repeat: no-repeat;
}
.swirl {
 background-image:url(images/vertical-swirl.jpg);
 background-position: top right;
 background-repeat: no-repeat;
}

/*------------ end on this page ------*/

.decorative-top {
	padding: 20px 0px 20px 20px;
	background-image:url(/support/common/images/supporting-swirly-top-960x400.jpg);
}
#content-container  hr {
	margin: 20px 20px 20px 20px;
color: #ececec; height: 1px;

}