/* CSS Document */

/* Based on an open source xhtml/css website template by Andreas Viklund - http://andreasviklund.com  */


/******** General tags ********/


body{
font:76% Verdana,Tahoma,Arial,Helvetica,sans-serif;
background:url(../image-files/stripe.png); 
color:#000; 
line-height:1.2em;
margin:0 auto;
padding:0;
}


a{
text-decoration:none;
color:#00518c; 
font-weight:bold;
}


a:hover{text-decoration:underline;}

a:visited {color: #00518c;} 

a img{border:0;}

p{margin:0 0 18px 10px;}

ul,ol,dl{font-size:0.9em; margin:2px 0 16px 20px;} 

ul ul,ol ol{margin:4px 0 4px 35px;}


h1{
font-size:1.7em; 
font-family: Arial, Helvetica, sans-serif; 
font-weight:bold;
line-height:1.2em; 
color:#00518c; 
letter-spacing: -0.03em; 
border-bottom:1px solid #e4e2dc; 
padding:0 2px 8px 5px;
margin:0 0 10px 0;
}


h2{
font-size:1.4em;
font-family: Arial, Helvetica, sans-serif; 
font-weight:bold;
color:#00508a;; 
border-bottom:1px solid #e4e2dc;  
margin:10px 0 8px 0;
padding:1px 2px 5px 3px;
}

h3{
font-size:1.2em;
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
color:#00508a;  /*  #697d8c; */
margin:10px 0 8px 0;
padding:1px 2px 2px 3px;
}

h4{
font-size:1.1em;
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
color:#00508a;   /* #697d8c; */
margin:10px 0 8px 0;
padding:1px 2px 2px 3px;
}



blockquote{
font-size:0.9em;
border:1px solid #ede9e4;
margin:20px 10px;
padding:8px 10px;
}
	


li p {
	margin-top: 0.5em;
	margin-bottom: 0.5em; 
	margin-left:0;
	}
li p.last {
	margin-bottom:18px;
}	
	
ol, ul, li {
	font-size: 1.0em;
	line-height: 1.5em; 
	margin-top: 0.2em;
	margin-bottom: 0.2em; 
}
ol {
	list-style: decimal; 
	font-size: 1.0em;
	line-height: 1.5em; 
	margin-top: 0.2em;
	margin-bottom: 0.2em;
}
ol li.last {
	margin-bottom: 18px;
}
ul {
	list-style-type: square; 
	font-size: 1.0em;
	line-height: 1.5em; 
	margin-top: 0.2em;
	margin-bottom: 0.2em; 
}
ul li.last {
	margin-bottom:18px;
}

ul p.last {
	margin-bottom: 18px;
}

ol p .last {
	margin-bottom: 18px;
}

ul ul {
	list-style-type: circle; 
	font-size: 1.0em;
	line-height: 1.5em; 
	margin-top: 0.2em;
	margin-bottom: 0.2em; 
	margin-left: 0;
}
ul ul li.last {
	margin-bottom:18px;
}
	


ul li.list2 {
	list-style-type: circle; 
	margin-left:0;
}
dl.resource {
	font-size: 1.0em;
	line-height: 1.0em; 
}
.resource dt {
	font-size: 1.0em;
	line-height: 1.0em; 
	margin-top: 1.2em;
	margin-bottom: 0.5em;
}
.resource dd {
	font-size: 1.0em;
	line-height: 1.5em; 
	margin: 0em 0em 0.2em 1.5em;

}
.resource dd p {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	margin-left:0;
}



/******** Main wrap ********/

#wrap{
color: #404040; 
width:760px;
margin:10px auto;
padding:10px; 
background: #ffffff;
border: 1px solid #e4e2dc; 
}

#altwrap {
color: #404040; 
width:810px; 
margin:10px auto;
padding:10px; 
background: #ffffff;
border: 1px solid #e4e2dc; 
}

#header{margin:0 0 25px 0; }

#toplinks{text-align:right; padding:5px 2px 2px 3px; }

#toplinks a { color: #00518c; }

#search{
float: right;
text-align: right;
padding-top: 5px;
}
	


/******** sidebar ********/

#sidebar{
float:left;
width:185px;
margin:0 0 5px 0;
padding:1px 0 0 0;
}


#sidebar ul{
list-style:none;
font-size:0.9em;
margin:0;
padding:0 0 15px 10px;
}



#sidebar li{
list-style:none;
margin:0 0 4px 0;
padding:0;
}


#sidebar li a{
font-size:1.2em;
color: #00518c; 
font-weight:bold;
padding:0;
}

#navbar li a.now {
  color: #c75300;
 } 


#sidebar ul ul{
margin:4px 0 3px 15px;
line-height:1.2em;
padding:0;
}

#sidebar a {
font-weight: normal;
}

#sidebar ul ul li a{font-weight:normal;}

#sidebar h2{margin:3px 0px 8px 0px;}

#sidebar h1 {
color:#c75300; 
margin:0 0 10px 0; 
padding:0 2px 8px 5px;
font-weight:normal;
line-height: 1.2em;
border-bottom: none;
}

#blidget {
padding-left:10px;
}
#ads {
margin: 0 auto;
margin-bottom:5px;
padding:5px;
border-top:1px solid #e4e2dc;
border-bottom:1px solid #e4e2dc;
}

/******** Content variations ********/

#content{
line-height:1.5em;
width:545px;
float:right;
text-align:left;
margin:0;
padding:0;
}

#content .contentwithform, #contentalt .contentwithform {
	padding-bottom:20px;
}

#contentwithdiagramrt {
line-height:1.5em;
width:595px;
float:right;
text-align:left;
padding:0;
margin-right:20px;
}

#contentwithdiagramlft {
line-height:1.5em;
width:595px;
float:left;
text-align:left;
padding:0;
margin-right:20px;
}


#contentalt{
line-height:1.5em;
width:545px;
float:left;
text-align:left;
padding:0;
margin-right:20px;
}


#content h3, #contentalt h3{margin:10px 0 8px;}

#content a, #contentalt a { color:#00518c; font-weight:normal; text-decoration:underline; } 




/******** Footer ********/

#footer{
clear:both;
text-align:right;
color:#808080;
font-size:0.9em;
border-top:2px solid #e4e2dc; 
margin:0 auto;
padding:8px 0;
line-height:1.6em;
}


#footer p{margin:0; padding:0;}

#footer a{color:#808080;}


#footer p.cc {
	text-align:justify;
	margin: 0 0 0 325px;
}



/******** Various classes ********/

	

.box{
color:#000;
font-size:0.9em;
background-color:#f9f8f6; 
border:1px solid #f1efea; 
line-height:1.3em;
padding:5px 5px 5px 8px;
}


.box a{color:#f0f0f0;}

.homelink span {
	display: none;
}

.left{float:left; margin:0 15px 4px 0;}

.right{float:right; margin:0 0 4px 15px;}

.textright{text-align:right;}

.readmore{text-align:right; margin:-10px 10px 12px 0;}

.highlight {
	background-color:#ecf3f6;
	width:400px;
	font-style:italic;
	font-weight:bold;
	padding:3px 5px 3px 5px;
}

.highlight2 {
	background-color:#ecf3f6;
	width:480px;
	font-style:italic;
	font-weight:bold;
	padding:3px 5px 3px 5px;
}


.resourceads {
margin:10px 0 10px 15px;
}	

.center{text-align:center;}

.blue{color:#466f8c;}  

.big{font-size:1.3em;}

.small{font-size:0.8em;}

.bold{font-weight:bold; font-size: 100%; color: #666;}

b.leader {
	font-size: 125%;
	color: #888;
}

.red{color:#c75300;}

b.gray{color:#666666; font-weight:bold;} 

b.blue{color:#466f8c; font-weight:bold;} 

.indent {margin-left: 10px;}

.clear{clear:both;}

.hide{display:none;}

.fade{color:#c8c8c8;}

.gray{color:#808080;}

.photo{
border:1px solid #bababa;
padding:2px;
background-color:#ffffff;
margin:6px 18px 2px 5px;
}

.photocaptioned {
padding:2px;
background-color:#ffffff;
margin:6px 18px 0 5px;
border-left: 1px solid #bababa; 
padding-left:10px;
}

.photocaptioned p {
font-style: italic;
font-size: 0.8em;
line-height: 1.2em;
color: #000;
background-color: transparent;
max-width:180px;
padding-top:5px;
}

#boxout_res {
float: left;
width: 200px;
margin:6px 18px 2px 0;
/* margin-left:6px;
margin-bottom: 10px; 
margin-right:
padding-top: 25px; */
}
#boxout_res img {
border: 1px solid #818181;
margin-bottom: .50em;
}
#boxout_res img, #boxout_res p
{
margin-left: 10px;
margin-right: 0px;  
}
#boxout_res p {
font-style: italic;
font-size: 0.8em;
line-height: 1.2em;
color: #000;
background-color: transparent;
}

.share {
margin-top: 10px;
margin-bottom: 10px;
}


/*** navcontainer  ***/
#navcontainer ul {
	margin: 30px 0 20px 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
}
#navcontainer ul li { 
 	display: inline; 
}
#navcontainer ul li a {
	text-decoration: none;
	padding: .2em 1em;
	color: #ffffff;
	background-color: #000066;
	font-weight:bold;
}
#navcontainer ul li a:hover {
	color: #ffffff;
	background-color: #c75300;
	font-weight: bold;
}

#navcontainer img {
	float: left;
	margin: 0 20px 20px 40px;
}

#button {
	float: left;
	margin: 0 auto 15px auto; 
	text-align: center;
	display: block;
}

#button img {
	width: 102px;
	height: 35px;
	padding: 10px;
}


/*  tutorial toc */

#toc ul {
	text-align: left;
	margin: 18px 0 18px 0;
}

#toc li {
list-style: none;
}

#toc li a {
text-decoration: none;
}



/* float for 2 images side by side  */

div.float {
  float: left;
  width: 215px;
  padding: 8px; 
  margin-left: 0;
  }
  
div.float p {
   text-align: center; 
   font-size: x-small;
   margin: 0.50em 0em 0em 0em;
   }
div.float img {
	border: 1px solid #818181;
} 

 /*  rss stuff **/
 
#rss_stuff {
	margin-top: 20px;
	padding-left: 10px;
	margin-right: 50px;
	margin-left: 10px;
	border: 1px solid #e4e2dc;
}
#rss_stuff a {
  color: #0000cc;
  background-color: transparent;
  text-decoration: underline;
  font-weight: normal;
}

/* sitemap stuff */

.sitemap span.none, .sitemap span.vert, .sitemap span.last, .sitemap span.midd {
	background:transparent 0px 0px no-repeat;
	width: 24px;
	height: 18px;
	display: block;
	float: left;
	margin-left: 1em;
}
.sitemap span.vert {background-image: url(../image-files/map_vert.gif);}
.sitemap span.last {background-image: url(../image-files/map_last.gif);}
.sitemap span.midd {background-image: url(../image-files/map_midd.gif);}

.sitemap ul, .sitemap li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.sitemap li a {
	text-decoration: none;
}	

.pullquote-right {
width: 200px;
float: right;
border: 3px double #ddd; /* #e1e0df; */
border-width: 3px 0; /* #e1e0df; */
background-color: #ffffff; /* #f9f8f6; */
margin: 8px 0 8px 12px;
}

.pullquote-quote {
font: 14px Georgia, Times, serif bold italic;
color: #00518c;
line-height: 18px;
margin: 8px;
}

.pullquote-attribution {
font: 9px Verdana, Arial, sans-serif;
color: #666;
text-align: center;
margin: 0 8px 8px 8px;
}


blockquote.pullquote {
float:right;
width:10em;
margin:0.25em 0 0.25em 0.75em;
padding:0.5em;
border:3px double #ccc;
border-width:3px 0;
color:#333;
background:transparent;
font:italic 14px Georgia;
line-height: 16px;
}
blockquote.alt {
float:left;
margin:0.25em 0 0.25em 0.75em;
}
.pullquote p {
 margin:0;
 text-align:center;
 }
.pullquote p:first-letter {text-transform:uppercase}