/* Dyas Consulting Styles for Good Browsers */

/*
You probably shouldn't adjust any padding or widths or you may end up with issues. If you MUST play with the paddings, only touch those on .pad classes or headlines. The id elements preceded by # are structural and have the ability to break the layout if you pfutz around with their margins or paddings.

*/
html,body{margin:0;padding:0;}
body{font-size: 100%; font-family: "Trebuchet MS", Tahoma, Arial, sans-serif; color: #1a1a1a; background: #eaf0f4;}
p{margin:0 10px 10px;}
a{color: #2f6281; font-weight: bold;}
a:visited {color: #535353;}
a:hover {color: #6699CC;}
a img {border: none;}
#mainwrapper {min-width: 780px; max-width: 1100px; margin: 5px auto; background: #fff url(images/yleftbg.gif) repeat-y left; border-left: 2px solid #a0b5c3; border-right: 2px solid #a0b5c3; border-top: 2px solid #a0b5c3; width: 96%;}
#container {background: url(images/xtopbg.gif) repeat-x top;}
div#header{position:relative; background: url(images/headertopleftbg.gif) no-repeat top left; padding-top: 10px;}
div#header .pad {margin:0;
padding:18px 0 0 30px;}
div#content p{line-height:1.5;}
div#extra{padding: 25px 0;}
div#footer{border-top: 2px solid #a0b5c3; border-bottom: 2px solid #a0b5c3; background: #fff; text-align: center; font-size: 75%;}
div#footer p{margin:0;padding:5px 10px;}
div#footer a, div#content a{display:inline;padding:0;}
div#footer h3 {margin: 0; padding: 0;}
div#wrapper{float:right;width:100%;margin-left:-225px;}
div#content{margin-left:225px; font-size: 85%;}
div#navigation{float:left;width:225px;}
div#footer{clear:both;}
div#content .pad {padding: 30px 40px 20px 40px;}
div#navigation .pad {padding: 20px 8px 20px 30px;}
div#footer .pad {padding: 8px 40px;}
div#header h1 {border: none; color: #a0b5c3; font-size: 120%; padding: 0 50px 0 48px; margin: 0; text-align: right;}
div#extra .extraleft, div#extra .extraright {
	width: 47%;
}
div#extra .extraleft {
	float: left;
}
div#extra .extraright {
	float: right;	
}
div#extra .extraleft h2, div#extra .extraright h2 {
	margin: 0 0 0 9px;
	padding: 3px 3px 5px 7px;
	font-size: 120%;
	border-left: 2px solid #a0b5c3;	
	border-top: 2px solid #a0b5c3;
}
div#extra .extraleft p, div#extra .extraright p {
	padding: 4px 0;
}

div#navigation ul {
	margin: -2px 0 0 0;
	padding: 6px 0 4px 0;
	position: relative;
	font-weight: normal;
}
div#navigation li {
	list-style-type: none;
	padding: 0;
	margin: 0;
	background: #00486e;
	color: #fff;
	margin-top: 7px;
}
div#navigation ul li a, div#navigation a {
	text-decoration: none;
	font-weight: normal;
	padding: 4px 15px;
	color: #fff;
	border: 4px solid #00486e;
	display:block;
}
div#navigation ul li a:visited, div#navigation a:visited {
	color: #ddd;
}
div#navigation ul li a:hover, div#navigation a:hover {
		border: 4px solid #a0b5c3;
}
div#navigation ul li a:active, div#navigation a:active {
	color: yellow;
}
div#navigation ul li.indented a {
	padding-left: 23px;
	background: url(images/bullet.gif) no-repeat 14px;
	border: 4px solid #00486e;	
}
div#navigation ul li.indented a:hover {
	background: url(images/bullet.gif) no-repeat 14px;
	border: 4px solid #a0b5c3;
}
div#navigation ul li a.active, div#navigation ul li.indented a.active {
	border: 4px solid #a0b5c3;
}
div#navigation li.current {
	background: #a0b5c3;
}
div#navigation li.current a, div#navigation li.current a:visited {
	color: #222;
	border-color: #a0b5c3;
}
div#content h2 {
	border-left: 2px solid #a0b5c3;	
	border-top: 2px solid #a0b5c3;
	font-size: 150%;
	padding: 5px 10px;
	margin: 0 10px 10px 10px;
}
div#content h3 {
	padding: 5px 10px;
}
#footer a {
	text-decoration: none;
}
#footer ul {
	margin: 0;
	padding: 5px 0 0 0;
}
#footer ul li {
	display: inline;
	margin: 0;
	padding: 0;
}
#footer ul li a {
	display: inline;
	padding: 0 10px;
	white-space: nowrap;
}
#footer ul li.indented {
	display: none;
}
#footer h3 {
	margin: 0;
	padding: 0;
}
.clearA {
	overflow: hidden;
	clear:both;
	height:0;
	margin:0;
	font-size: 1px;
	line-height: 0;
}
blockquote, cite {
	margin: 0 35px;
	padding: 5px 10px;
}
blockquote {
	border: 2px dotted #eaf0f4;
	margin-top: 5px;
	margin-bottom: 5px;
}
#content ul, #content ol {
	padding: 5px 25px;
	list-style-position: inside;
}
cite {
	color: #a0b5c3;
	text-decoration: underline;
	font-weight: bold;
}
.centered {
	margin: 0 auto;
	text-align: center;
}
.pullquoteleft, .imgleft {
	float: left;
	margin: 0 10px 5px 0;
}
.pullquoteright, .imgright {
	float: right;
	margin: 0 0 5px 10px;
}
.pullquoteleft, .pullquoteright {
	background: #eaf0f4;
	width: 200px;
}
.pullquoteleft h3, .pullquoteright h3 {
	border-bottom: 1px solid #fff;
	padding: 2px 4px;
	text-align: center;
	margin: 0;
	background: #00486e;
	color: #fff;
	font-weight: normal;
}
.pullquoteleft p, .pullquoteright p {
	padding: 6px 8px;
}
.pullquoteleft {
	margin-left: 9px;
}
.pullquoteright {
	margin-right: 9px;
}
.innercontent {
	padding: 15px 0;
}
form#contactform {
	/*padding: 10px;*/
}
input#contactsubmit {
	background: #eaf0f4;
}
.textunderlined {
	text-decoration: underline;
}
.textitalics {
	font-style: italic;
}