/* reset browser styles */
html, body, h1, h2, h3, h4, h5, h6, p, p1, ol, ul, li, pre, code, address, variable, form, fieldset, blockquote {
 padding: 0;
 margin: 0;
 font-size: 100%;
 font-weight: normal;
}
ol {
  margin-left: 1.4em;
  list-style: decimal;
}
ul {
  margin-left: 1.4em;
  list-style:square;
}
img {
  border: 0;
}

/* common to top, main, and bottom */
body {
 	background-color: #666;	/* background color on left and right side*/
	padding: 0px;
	text-align:center;
}

.clr {clear:both;}
.h2 {display:block;}
h1, h2, h3, h4, h5, h6, .h2 { font-family: "Arial Black", Arial, sans-serif; }
#footer p, #nav { font-family: Arial, sans-serif; }

/* Top covers the intro block below the menu bar */
/* addtional css required for top pictures */
#top {
	width: 950px;
 	background-color: #fff;
	margin-left: auto;
  margin-right: auto;
  text-align:left;
}
#top h1 {
	background-color: #fff;
	color: #363636;
	padding: 4px 5px 2px 40px;
	font-size: 1.5em;
}
#top h2, #blog h2, #blog .h2 {
	font-size: 1.2em;
	margin-bottom: 5px;
	padding: 10px 5px 0px 40px;
	color: #363636;
}
#top h3, #blog h3 {
	font-size: 1.2em;
	margin-bottom: 5px;
	padding: 10px 5px 0px 0px;
	color: #363636;
}
p {
	padding: 4px 40px 4px 40px;
	font-size: 1.1em;
	line-height: 110%;
}

#top pre, #blog pre{
	padding: 0px 40px 0px 40px;
	font-family: "Times", serif;
	background-color: #fff;
	font-size: 1.1em;
	line-height: 110%;
}

#top img.cent{
    display: block;
    margin-left: auto;
    margin-right: auto;
		margin: 2px auto 2px auto;
		text-align:center;
}
/* banner picture */
#top img.centered{
 	background-color: #666;	/* background color on left and right side*/
	display: block;
	padding: 8px 100px 0px 100px;		/*this needs to be removed when banner is made wider */
	margin-left: auto;
  margin-right: auto;
}

.banner { height:74px; background:black;}
.banner p {text-align:right; color:white; font-family:Verdana, Arial; font-size:11px; font-weight:bold; padding:13px 10px 0 0; line-height:1.3em; }
.banner p a {color:white; text-decoration:none;}
.banner p a:hover {color:#999; text-decoration:underline;}
.logo.print, .logo.screen {margin:8px 0 0 7px; position:absolute;}
.logo.print {display:none;}

div.print {
    visibility:hidden;
    display:none;
}

/* Banner images */
.banner_images{
    background:#000;
    display:block;
    height:126px;
    margin:0;
    padding:0 0 0 1px;
}
.banner_images img {
    margin:0 1px 0 0;
    padding:0;
		display:inline-block;
}

/* lists "found in" the top of a sample page - "part of" #top */
.list ul, #blog ul, #Downloads ul{
	padding: 0px 0px 5px 60px;
	margin-left: 0;
	font-size: 1.1em;
	line-height: 110%;
}

.list li, #blog li, #Downloads li{
	list-style-type: none;
	background: url(../images/Menu/FlangeBullet.png) left center no-repeat;
	padding: 2px 0px 2px 40px;
	font-size: 1.1em;
	line-height: 110%;
}

.list li.disc, #blog li.disc, #Downloads li.disc{
	list-style-type: disc;
	background: none;
	padding: 0px 0px 0px 40px;
	margin-left: 40px;
	margin-right: 80px;
	font-size: 1.1em;
	line-height: 110%;
}

.list li.circle, #blog li.circle, #Downloads li.circle{
	list-style-type: circle;
	background: none;
	padding: 0px 0px 0px 40px;
	margin-left: 0px;
	margin-right: 80px;
	font-size: 0.9em;
	line-height: 110%;
}

.list li.num, #blog li.num {
	list-style-type: decimal;
	background: none;
	padding: 0px 60px 0px 20px;
	margin-left: 60px;
	font-size: 1.1em;
	line-height: 110%;
}

.list li.alpha, #blog li.alpha {
	list-style-type: lower-alpha;
	background: none;
	padding: 0px 60px 0px 20px;
	margin-left: 60px;
	font-size: 1.1em;
	line-height: 110%;
}

.list ol, #blog ol, #Downloads ol{
	padding: 0px 0px 5px 60px;
	margin-left: 0;
	font-size: 1.1em;
	line-height: 110%;
}

.list li.lowrome, #blog li.lowrome {
	list-style-type: lower-roman;
	background: none;
	padding: 0px 60px 0px 20px;
	margin-left: 60px;
	font-size: 1.1em;
	line-height: 110%;
}

/* Body of the blog - the majority of the page */
#blog{
	/* float: left; */
	background-color: #fff;
	width: 950px;
	margin-left: auto;
	margin-right: auto;
	text-align:left;
}


/* blog title bar */
#blog h1 {
	/* works beside h4 tag, which must be used to create a full width divider */
	/* h4 margin left = h1 width */
	background-image: url(../images/Menu/h1h4.png);
	background-repeat: repeat-x;
	float: left;
	width: 600px;
	Color: #363636;
	padding: 20px 5px 3px 40px;
	font-size: 1.1em;
	border-bottom: 0px white solid;
	border-left: 40px;
}
#blog h4 {
	/* use for file and last updated */
	/* works beside the h1 tag */
	background-image: url(../images/Menu/h1h4.png);
	background-repeat: repeat-x;
	margin-left: 600px;
	color: #fff;
	padding: 5px 40px 4px 40px;
	font-size: 0.6em;
	font-family: Arial, sans-serif;
	text-align: right;
	line-height: 140%;
}
#blog  blockquote{
	background-color: #fff;
	padding: 4px 80px 4px 80px;
	font-size: 1em;
	line-height: 110%;
	font-style: italic;
	display: inline-block;
}

/* photos on blog pages */
#left img, #right img {
	border: 3px solid #aaa;
}
#blog h5 {
	/* use for photo captions 600 x 400 size*/
	/* padding = (900-600)/2 = 150px */
	color: #00f;
	font-size: 0.9em;
	font-family: Arial, sans-serif;
	padding: 2px 2px 6px 2px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
#blog h6 {
	/* use for photo captions 600 x 400 size*/
	/* padding = (900-600)/2 = 150px */
	color: #00f;
	font-size: 0.9em;
	padding: 2px 2px 6px 2px;
	text-align: center;
	margin-left: 175px;
	margin-right: 175px;
}
#blog.cen h5 {
	/* use for photo captions 600 x 400 size*/
	/* padding = (900-600)/2 = 150px */
	color: #00f;
	font-size: 0.9em;
	padding: 2px 2px 6px 2px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}


#blog img.Border{
		border: 2px solid #aaa;
		margin: 20px auto 20px auto;
}


#blog IMG.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
		border: 2px solid #aaa;
		margin: 2px auto 2px auto;
		text-align:center;
}

/* potential trouble areas - common names with general scope */
/* try to get rid of or re-name these commands */
.center{
	/* use for photos captions */
	/* combined photo and img to allow id inside a tag */
	border: 2px solid #aaa;
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 606px;
}
#center{
	/* use for photos captions 600 x 400 size */
	/* combined photo and img to allow id inside a tag */
 	border: 2px solid #aaa;
	display: block;
}
#left  {
	/* split a page in 2 for 2 column photos and captions */
	/* left side only - use inside "photo" div */
	float: left;
	width: 281px;
	padding-left: 150px;
	padding-right: 38px;
}
#right  {
	/* split a page in 2 for 2 column photos and captions */
	margin-left: 319px;
	width: 281px;
}
/* end of potential trouble area*/

/* special css for text on right side of picture box*/
/* special css has no margins*/
#blog p.RightText{
	background-color: #fff;
	padding: 4px 0px 4px 0px;
	font-size: 1.1em;
	line-height: 110%;
}

#blog  blockquote.RightText{
	background-color: #fff;
	padding: 4px 40px 4px 40px;
	font-size: 1em;
	line-height: 110%;
	font-style: italic;
}
/* end of special css for text on right side of picture box*/
#blog IMG.limg{
	float: left;
    display: block;
    margin-left: 0;
    margin-right: 20px;
	margin-bottom: 20px;
	border: 2px solid #aaa;
}

#photo img{
	border: 3px solid #aaa;
}

	/* Homepage */
	/* or other short pages */
#home{
	background-color: #fff;
	width: 950px;
	margin-left: auto;
  margin-right: auto;
}
#home h1 {
	Color: #363636;
	padding: 20px 5px 2px 40px;
	font-size: 1.2em;
	border-bottom: 0px white solid;
}
#home h2 {
	font-size: 1.2em;
	color: #363636;
	padding: 5px 5px 2px 40px;
}
#home p{
	padding: 2px 40px 8px 40px;
	color: #000;
	font-size: 1.1em;
	line-height: 110%;
}
#home img{
	float: left;
    display: block;
    margin-left: 0;
    margin-right: 20px;
	margin-bottom: 20px;
	border: 2px solid #aaa;
}

	/* Footer for all pages */
#footer {
	color: #000;
	font-size: 1.2em;
	width: 950px;
 	background-color: #666;
	margin-left: auto;
  margin-right: auto;
	padding: 0px 0px 8px 0px;
}
#footer p{
	margin-left: auto;
    margin-right: auto;
	padding: 6px 20px 4px 40px;
	color: #fff;
	background-color: #aaa;
	font-size: 0.7em;
	line-height: 110%;
}

#footer h1{
	width: 905px;
	padding: 20px 5px 3px 40px;
	font-size: 0.8em;
	border-bottom: 0px white solid;
	border-left: 40px;
	background-color: #ccc;
	text-align: left;
}

@media print {
	#nav, .banner_images {display:none;}
	body {background:white;}
	.banner {background: white; border-bottom:2px solid black;}
	.banner p, .banner p a {color:black;}
	.logo.print {display:block;}
	.logo.screen {display:none;}
}