/* 
-----------------------------
general styles
-----------------------------
*/
* {margin: 0; padding: 0; border: 0; }
html {background: #595959;}

body { 	margin: 2px 0 0;  font: 75%/1.2 verdana, arial, helvetica, sans-serif; color: #303030; background-image: url(../images/site_images/bg.jpg); background-repeat:repeat-x;}


h1, h2, h3, h4, h5, h6, p, ul, ol, dl { margin-top: 0; }

h1, h2, h3, h4, h5, h6 { color: #a9211a; margin: 15px 0 5px 0; }

h1 { font-size: 150%; line-height: 18px; }
h2 { font-size: 140%; line-height: 16px;   }
h3 { font-size: 110%; }
h4 { font-size: 110%; margin-left: 10px;}
h5 { font-size: 100%; color: #666; }
h6 { font-size: 90%; }
img { border: none; }
a:link { color: #844a13; }
a:visited { color: #ca6416; }
a:hover { color: #a9211a; }


table { margin:  0; border-collapse: collapse; }
table p { text-align: left; padding: 0; margin: 2px 0 5px 5px; font-size: 100%;}


th, td {text-align: left;  vertical-align: top; border: 1px solid #ddd; padding: 5px; font-weight: normal; }

thead th { 	background: #dbf5fe; font-weight: bold; }

blockquote { margin-top: 10px;  background: #dbdada; border: 1px solid #d1d1d1; }

/*
-----------------------------
container styles
-----------------------------
*/

#container { margin: 0 auto; width: 830px;  }

/*
-----------------------------
header styles
-----------------------------
*/
#header {position: relative; float: left; width: 100%; height: 140px;  margin: 0; padding: 0; background: #fff url(../images/site_images/header.jpg); border-bottom: 1px solid #000;}



html>body #header {position: relative; float: left; width: 830px; height: 140px;  margin-left: 0px; padding: 0px; background-image: url(../images/site_images/header.jpg); border-bottom: 1px solid #000; }

#header p {float: right; clear: both;  margin-right: 120px; margin-top: 100px; font-size: 100%; color: #fff; font-weight: normal; line-height: 30px;}
html>body #header p {float: right; clear: both;  margin-right: 240px; margin-top: 100px; font-size: 100%; color: #fff; font-weight: normal; line-height: 30px;}

#header ul	{  float: right; clear: both; margin-right: 120px; margin-top: 100px; font-size: 110%; color: #fff; font-weight: bold; line-height: 30px; }
html>body #header ul	{  float: right; clear: both; margin-right: 240px; margin-top: 100px; font-size: 100%; color: #fff; font-weight: normal; line-height: 30px; }
#header li {	list-style-type: none; 	display: inline; padding: 0 0 0 .5em; margin: 0 0 0 .5em; border-left: 1px solid #6cbdd9; background: none;}


#header a { color: #fff; text-decoration: none; }
#header a:hover { color: #fca464; }
#header a:focus { color: #fca464; }
#header a:active { color: #fca464; }

#header image {position: absolute; top: 20px; left: 0; display: inline;}

#header #skip { position: absolute; width: 830px; left: -2px; top: -1px; text-align: left; font-size: 80%; padding: 3px 0 0; }
#header #skip a{ color: #3f3f3f; }

#header #link { position: absolute; width: 510px; left: 75px; top: 20px; text-align: left; font-size: 160%;  padding: 3px 0 0; }
body>html #header #link { position: absolute; width: 510px; left: 75px; top: 25px; text-align: left; font-size: 160%;  padding: 3px 0 0; }

#header #link a{ color: #e16d06; }
#header2 {position: relative; float: left; width: 100%; height: 30px;  margin: 0; padding: 0;  background-image:url(../images/site_images/gold_bar.jpg); repeat: repeat-x;}
#header2 ul	{  float: right; clear: both; margin-right: 10px; font-size: 100%; color: #fff; font-weight: normal; line-height: 30px;  }
#header2 li { display: inline; padding: 5px 0 0 0px; margin: 2px 0 2px 10px;   }
#header2 a{ color: #1b2b1b; text-decoration: none; }
#header2 a:hover{ color: #a9211a; text-decoration: none; }

#printheader {display: none;}
/*
-----------------------------
content & breadcrumb styles
-----------------------------
*/

#content { float: left; width: 830px; clear: both; padding: 0; background: #fff;}
#wrapper { float: left; width: 830px;  }

#breadcrumb { margin-top: 0px; width: 780px; height: 20px; padding: 6px 20px 2px; font-size: 90%; border-bottom: 1px dotted #ddd;}
body>html #breadcrumb { margin-top: 0px; width: 780px; height: 20px; padding: 4px 20px 5px 5px; font-size: 890%; border-bottom: 1px dotted #ddd;}
#breadcrumb img {float: right; margin-top: -10px; margin-right: 20px;}
#breadcrumb ol { margin: 0; padding: 0; }
#breadcrumb ol li { display: inline; list-style-type: none; margin: 0 5px 0 0; }
#breadcrumb ol li a { padding: 0 15px 0 0; 	background: url(../images/site_images/arrow-breadcrumb.gif) no-repeat 100% .5em; color: #2a4b2a; text-decoration: none;}
#breadcrumb ol li a:hover { color: #6ca318; }


/*
-----------------------------
tools styles
-----------------------------
*/

#site-navigation #tools {float: right; text-align: right; width: 185px; margin: 0; padding: 0; }
#site-navigation #tools img { padding: 0 0 0 0px; }

/*
-----------------------------
left_side
-----------------------------
*/

#left_side {float: left; left: 0; width: 170px; margin: 5px 20px 20px 3px; padding: 0; }
#left_side ul { margin-left: 20px; margin-top: 5px; margin-bottom: 15px;  list-style: none;}
#left_side li { margin-top: 10px; font-weight: 600;}
#left_side a {color: #a9211a; text-decoration: none;}

#left_side ul ul{ margin-left: 10px; margin-top: 0px; padding-top: 5px;}
#left_side ul ul li a {display: block; 	width: 150px; margin-top: -10px; padding: 6px 0px 6px 6px; background: #a9211a  url(../images/site_images/arrow.gif) no-repeat; background-position: 0 .7em; padding-left: 10px;}

#left_side image {margin-bottom: 0px;}

#left_bottom {clear: both; width: 170px; height: 170px; margin-bottom:6px;  }
/*
-----------------------------
main content
-----------------------------
*/

#page_main { float: left; width: 390px; margin: 0px 10px 0 0; padding: 20px; line-height: 130%; background:#fff; border-left: 1px dotted #ddd;  border-right: 1px dotted #ddd; }
html>body #page_main { float: left; width: 400px; margin: 0; padding: 5px 20px 0 20px; line-height: 130%; background:#fff; border-left: 1px dotted #ddd; border-right: 1px dotted #ddd;  }

#page_main p {line-height: 18px; margin-top: 20px;}
#page_main img { float: right; margin: 10px; }
#page_main ul {margin-left: 50px; margin-top: 15px; list-style-image: url(../images/site_images/orange_arrow.jpg);}
#page_main li {margin-top: 10px;}
#page_main img.left {float: left; margin-left: 0px;}
#page_main p.caption {font-size: 90%; margin-top: 0px; margin-left: 50px; font-style:italic;}
#page_main p.caption2 {clear: both; float: right; width: 200px; font-size: 90%; margin-top: 0px; margin-left: 50px; font-style:italic;}


#page_wide { float: left; width: 550px; margin: 0px 10px 0 0; padding: 20px; line-height: 130%; background: #fff; border-left: 1px dotted #ddd;   }
html>body #page_wide { float: left; width: 550px; margin: 0; padding: 5px 20px 0 20px; line-height: 130%; background: #fff; border-left: 1px dotted #ddd;  }

#page_wide p {line-height: 18px; margin-top: 20px;}
#page_wide img { float: right; margin: 10px; }
#page_wide ul {margin-left: 50px; margin-top: 15px; list-style-image: url(../images/site_images/orange_arrow.jpg);}
#page_wide li {margin-top: 10px;}
#page_wide img.left {float: left; margin-left: 10px;}
#page_wide img.center {float: right; margin: 10px;}
#page_wide p.caption {clear: both; font-size: 90%; margin-top: 0px; margin-left: 50px; font-style:italic;}


/*
right side
-----------------------------
*/


#page_right { float: right; clear: both; width: 160px; margin: 5px 10px 5px 0px; padding: 0; }
html>body> #page_right { float: right; clear: both; width: 160px; margin: 5px 20px 5px 0px; padding: 0; }

#page_right h4 { margin: 0 0 10px 0; padding: 5px; background-image:url(../images/site_images/bg_heading.gif);}


#page_right ul {margin-left: 5px; margin-top: 15px; list-style-type: none; }
#page_right ul li { display: block;   margin: 10px 0 5px 0; background-image: url(../images/site_images/arrow2.gif); background-repeat: no-repeat; background-position: 0 .4em; padding-left: 15px; }
#page_right ul ul {margin-left: 0px; margin-top: 5px; list-style-type: none; }
#page_right ul ul li { display: block;   margin: 5px 0 8px 0; background-image: url(../images/site_images/tiny_bullet.gif); background-repeat: no-repeat; background-position: 0 .4em; padding-left: 15px; }

#page_right a {text-decoration: none;}


/*
-----------------------------
footer styles
-----------------------------
*/
#footer { background-image:url(../images/site_images/bg-title-modules.png); background-repeat: repeat-x; width: 830px; height: 30px; margin-left: 0px; margin-top: 0px;  font-size: 100%;}
html>body #footer { clear:both; background-image:url(../images/site_images/bg-title-modules.png); background-repeat: repeat-x; width: 830px; height: 30px; margin-left: 0px; margin-top: 0px;  font-size: 100%;}


#footer ul { margin: 0; padding: 0; text-align: right; padding: 8px 10px 0 0;}
#footer ul li {	list-style-type: none; 	display: inline; padding: 0 0 0 .5em; margin: 0 0 0 .5em; border-left: 1px solid #999; background: none;}
#footer a { color: #fff; text-decoration: none; }
#footer a:hover { color: #666;  }


/*
-----------------------------
class styles
-----------------------------
*/

.date { font-size: 85%; color: #666; }
.structural, .assistive { position: absolute; left: -500em;}
#content ul.bordered-list { padding: 0 0 20px; background: url(../images/line-horizontal.gif) no-repeat 0 100%; }

.image-container { 	float: right; width: 250px; font-size: 95%; font-style: italic; text-align: center; color: #555; line-height: 14px; margin: 5px 0px 5px 5px; padding: 10px;  border: 1px dotted #ddd;}
html>body .image-container { 	float: right; width: 270px; font-size: 95%; font-style: italic; text-align: center; color: #555; line-height: 14px; margin: 5px 0px 5px 5px; padding: 10px;  border: 1px dotted #ddd;}

.image-container2 { 	float: left; width: 250px; font-size: 95%; font-style: italic; text-align: center; color: #555; line-height: 14px; margin: 5px 5px 5px 0px; padding: 10px;  border: 1px dotted #ddd;}
html>body .image-container2 { 	float: left; width: 270px; font-size: 95%; font-style: italic; text-align: center; color: #555; line-height: 14px; margin: 5px 5px 5px 0px; padding: 10px;  border: 1px dotted #ddd;}

.quote {font-family: georgia;  font-size: 150%; color: #999999; font-style: italic; text-align: left; line-height: 18px; width: 350px; margin: 15px 30px 0 40px;}
.footnote { font-size: 85%; line-height: 12px;}
#next {clear: both; width: 100%;}
#next img {float: right; padding-right: 20px; margin-bottom: 10px;}
.img.left {float: left; margin-left: 10px;}
.date {font-size 75%;}

.input {}


/*
-----------------------------
blockquote styles
-----------------------------
*/
p.bq { margin: 10px 20px 10px 20px; }
p.source {margin: 0; font-size: 90%; text-align: right; }
ul.bq  {  margin: 0px; list-style-type: disc;}
li.bq  { display: block;  padding: 0px; margin: 10px; list-style-image:none; }

/* 
--------------------------------------
round corner boxes - from Multiflex template
--------------------------------------
*/
.main-subcontent {display:inline /*Fix IE floating margin bug*/; float:right; width:170px; margin:0; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}

.subcontent-unit-border {width:170px; margin:0 0 2.0em 0; padding:0 0 5px 0; border:solid 1px rgb(190,190,190); background:rgb(235,235,235);}
.subcontent-unit-border-green {width:170px; margin:0 0 2.5em 0; padding:0 0 10px 0; border:solid 1px #c5e449; background-color:#d6e799;}
.subcontent-unit-border-blue  {width:170px; margin:0 0 2.5em 0; padding:0 0 10px 0; border:solid 1px rgb(137,170,214); background-color:rgb(213,225,240);}
.subcontent-unit-border-orange {width:170px; margin:0 0 2.5em 0px; padding:0 0 10px 0; border:solid 1px rgb(232,177,13); background-color:rgb(248,224,150);}

.subcontent-unit-noborder {width:170px; margin:0 0 2.5em 0; padding:0 0 10px 0; background:rgb(235,235,235);}
.subcontent-unit-noborder-green {width:170px; margin:0 0 2.5em 0; padding:0 0 10px 0; background-color:rgb(217,239,185);}
.subcontent-unit-noborder-blue  {width:170px; margin:0 0 2.5em 0; padding:0 0 10px 0; background-color:rgb(213,225,240);}
.subcontent-unit-noborder-orange {width:170px; margin:0 0 2.5em 0; padding:0 0 10px 0; background-color:rgb(248,224,150);}

.round-border-topleft {width:10px; height:10px; position:absolute; z-index:100; background:url(../images/site_images/bg_corner_topleft.gif) no-repeat; margin-top:-1px; margin-left:-1px;}
.round-border-topright {width:10px; height:10px; position:absolute; z-index:100; background:url(../images/site_images/bg_corner_topright.gif) no-repeat; margin-top:-1px; margin-left:161px;}
.round-noborder-topleft {width:10px; height:10px; position:absolute; z-index:100; background:url(../images/site_images/bg_corner_topleft.gif) no-repeat; margin-top:0px; margin-left:0px;}
.round-noborder-topright {width:10px; height:10px; position:absolute; z-index:100; background:url(../images/site_images/bg_corner_topright.gif) no-repeat; margin-top:0px; margin-left:170px;}
.main-subcontent h1 {clear:both; margin:0 0 10px 0; padding:4px 10px 3px 10px; background-color:rgb(190,190,190); font-family:"trebuchet ms",arial,sans-serif; color:rgb(255,255,255); font-weight:bold; font-size:140%;}
.main-subcontent h1.green {clear:both; margin:0 0 5px 0; padding:4px 10px 3px 10px; background-color:#b8cf5b; font-family:"trebuchet ms",verdana,arial,sans-serif; color:rgb(255,255,255); font-weight:bold; font-size:140%;}
.main-subcontent h1.blue {clear:both; margin:0 0 5px 0; padding:4px 10px 3px 10px; background-color:rgb(137,170,214); font-family:"trebuchet ms",verdana,arial,sans-serif; color:rgb(255,255,255); font-weight:bold; font-size:140%;}
.main-subcontent h1.orange {clear:both; margin:0 0 5px 0; padding:4px 10px 3px 10px; background-color:rgb(232,177,13); font-family:"trebuchet ms",verdana,arial,sans-serif; color:rgb(255,255,255); font-weight:bold; font-size:140%;}
 /* Note: h2 non-existent, to make HTML-code interchangeable between 'main-navigation' and 'main-subcontent' */
.main-subcontent h3 {clear:both; margin:1.0em 10px 0.5em 10px; color:rgb(80,80,80); font-weight:bold; font-size:110%;}
.main-subcontent p {clear:both; margin:0 10px 1.0em 10px; color:rgb(80,80,80); line-height:1.3em; font-size:110%;}
.main-subcontent p.center {text-align:center;}
.main-subcontent p.right {text-align:right;}

.main-subcontent ul {list-style:none; margin:0.5em 10px 1.0em 10px;}
.main-subcontent ul li {margin:5px 0 0.2em 2px; padding:0 0 0 11px; background:url(../img/bg_bullet_full_1.gif) no-repeat 0 0.4em; line-height:1.2em; font-size:110%;}
.main-subcontent ol {margin:0.5em 10px 1.0em 30px !important /*Non-IE6*/; margin:0.5em 10px 1.0em 35px /*IE6*/;}
.main-subcontent ol li {list-style-position:outside; margin:0 0 0.4em 0; font-size:110%;}