/* 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;
}


/* 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: #888;
	padding: 4px 5px 2px 40px;
	font-size: 1.5em;
	font-family: "Arial Black", Arial, sans-serif;
}
#top h2, #blog h2 {
	font-family: "Arial Black", Arial, sans-serif;
	font-size: 1.2em;
	margin-bottom: 5px;
	padding: 10px 5px 0px 40px;
	color: #888;
}
#top h3, #blog h3 {
	font-family: "Arial Black", Arial, sans-serif;
	font-size: 1.2em;
	margin-bottom: 5px;
	padding: 10px 5px 0px 0px;
	color: #888;
}
#top p, #blog p{
	background-color: #fff;
	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;
}

#top div.banner {
    background:#999 url(../images/banner/banner.jpg) no-repeat;
    height:74px;
    text-align:right;
	width: 950px;
}
#top div.banner p {
    background:none;
    margin:0;
    padding:16px 20px 0 0;
    font-weight:bold;
}

/* Banner images */
#top ul.banner_images {
    /*border:1px solid #000;*/
    height:126px;
    list-style:none;
    margin:0;
    padding:0;
}
#top ul.banner_images li {
    display:inline;
    float:left;
    margin:0;
    padding:0;
    width:157px;
    height:126px;
	border:1px solid #000000;
	border-right:none;
}

#top ul.banner_images li.last {
	width:158px; 
	border-right:1px solid #000000;
}

#top ul.banner_images img {
    margin:0;
    padding:0;
}

/* 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;
	font-size: 1.1em;
	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%;
}

/* 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;
}

/* Mar 23 2010 backup of blog title bar
To be deleted in April */
#blog backuph1 {
	/* works beside h4 tag, which must be used to create a full width divider */
	/* h4 margin left = h1 width */
	float: left;
	width: 550px;
	background-color: #ccc;
	Color: #425598;
	padding: 20px 5px 3px 40px;
	font-size: 1.1em;
	font-family: "Arial Black", Arial, sans-serif;
	border-bottom: 0px white solid;
	border-left: 40px;
}
#blog backuph4 {
	/* use for file and last updated */
	/* works beside the h1 tag */
	margin-left: 550px;
	color: #fff;
	padding: 5px 40px 4px 40px;
	font-size: 0.6em;
	font-family: Arial, sans-serif;
	background-color: #ccc;
	text-align: right;
	line-height: 140%;
}

/* 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: #425598;
	padding: 20px 5px 3px 40px;
	font-size: 1.1em;
	font-family: "Arial Black", Arial, sans-serif;
	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;
}
/* #blog h2 {
	margin-left: auto;
  margin-right: auto;
	width: 820px;
 	font-size: 1.1em;
	font-family: "Arial Black", Arial, sans-serif;
	color: #888;
}	*/

/* blog contents */
/*#blog p{
	color: #000;
	font-size: 1.1em;
	line-height: 110%;
	width: 820px;
	margin-left: auto;
  margin-right: auto;
	background-color: #fff;
	padding: 4px 40px 8px 40px;
} */

/* 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;
	font-family: Arial, sans-serif;
	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;
	font-family: Arial, sans-serif;
	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*/

#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: #666;
	padding: 20px 5px 2px 40px;
	font-size: 1.2em;
	font-family: "Arial Black", Arial, sans-serif;
	border-bottom: 0px white solid;
}
#home h2 {
	font-size: 1.2em;
	font-family: "Arial Black", Arial, sans-serif;
	color: #666;
	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{
  font-family:  Arial, sans-serif;
	margin-left: auto;
  margin-right: auto;
	padding: 6px 20px 4px 40px;
	color: #fff;
	background-color: #aaa;
	font-size: 0.7em;
	line-height: 110%;
	}