/* CSS Document */
/* Body text and page background */
body{
	/* background-color:#FFFFFF; /* very pale yellow */
/* color:#a90046; /* Deep red text color */ 
/* Use lines below if you want an background image */
	background-image:url(images/bg582.gif);
	background-repeat:repeat;*/
	font-family:Arial, Helvetica, sans-serif;/* Arial, Helvetica, or some other sans-serif font */
	font-size:1em;
	letter-spacing:0.1em;
	margin-top:0;
	margin-bottom:0;
	margin-left:10;
	margin-right:10;
	padding: 0;
	background-color:#FFFFFF;
}
/* Page header style */
#header{
	width:100%;
	background-color: #003399;
	border-bottom-width: thick;
	border-bottom-style: double;
	border-bottom-color: #CC3333;
}
/* Page footer style */
#footer{
clear:both;
width:100%;
background-color:#003399;
border-top:thick double #cc0000;
padding-top:3px;
}
/* Style for main content column */
#main{
margin: 1em;
margin-left: 12em;
/* actual width of left sidebar is 12em */
/* margin-left must equal total width of left sidebar */
/* margin-right: 05em; */
/* actual width of right sidebar is 24em */
/* margin-right must equal total width of right sidebar */
}
/* Style for a left sidebar column */
#sidebarleft{
	float: left;
	display: inline;
	padding: 0;
	margin-bottom:0em;
	margin-left:1em;
	margin-right:1em;
	margin-top:0.5em;
	/* margin: 1em; */
	width:8em;
/* Actual width is 12em */
}
/* Style for a right sidebar column */
#sidebarright{
	float:right;
	display:inline;
	padding: 0;
	margin-bottom:0em;
	margin-left:1em;
	margin-right:1em;
	margin-top:.5em;
	/* margin:1em; */
	width:19em;
/* Actual Width is 18em */
}
/* Applies to images in the leftsidebar column */
#sidebar img{
width:10em;
}
#navcontainer { width: 130px; }
#navcontainer ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
}
#navcontainer a
{
display: block;
padding: 3px;
width: 125px;
background-color: #00b;
border-bottom: 1px solid #eee;
}
#navcontainer a:link, #navlist a:visited
{
color: #EEE;
text-decoration: none;
}
#navcontainer a:hover
{
background-color: #369;
color: #fff;
}
/* Level 1 headings */
h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.5em;
	color:#C00;
	/* line-height:.5em; */
}
/* Level 2 headings */
h2 { font-family:Arial, Helvetica, sans-serif;
	color: #1F2159;
}
/* Level 3 headings */
h3 { font-family: Arial, Helvetica, sans-serif;
	font-style:italic; text-decoration:underline; color: #1F2159;
}
/* Level 4 headings */
h4 {
	font-family: Arial, Helvetica, sans-serif;
	/* font-style:italic; */ /* If I leave this font style in my heading, some of the links in my nav bar don't work in IE 7 - see less 12 class disc. notes from Intro to CSS class */
	/* text-decoration:underline; */
	color:#0000bb;
	text-align:left;
/* line-height:.5em; */
}

h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-style:normal;
	font-size:large;
	color:#FFFFFF;
	text-align:left;
}
img
{border-style: none;
}

.centeredImage
	{ text-align:center; margin-top:0px; margin-bottom:0px; padding:0px; }

/* Float image to left of paragraph */
img.floatLeft{ float: left; margin-right: 5px; }

/* Float image to right of paragraph */
img.floatRight{ float: right; margin-left: 5px; }

/* Center image between margins */
div.center{
width: 100%;
text-align: center
}

/* Paragraphs styled as a special line item */
.lineitem{
margin-left:1em;
line-height:1em;
}

/* Paragraphs styled as image as bullet within a line */
.lineitem img{
vertical-align:middle;
padding-right:10px; 
}

/* Custom bullet for bulleted lists */ /* I originally had bulletbaseball.png from the images/bullets folder as the 'custom bullet' */
/* ul{
   list-style-image: url("images/bullet_triangle.gif");
} */

/* Add a line of space below each bulleted list item */
li{
margin-bottom:.25em;
}

.baseballbullet{
list-style-image:url(images/bullets/bulletbaseball.gif)}

.basketballbullet{
list-style-image:url(images/bullets/bulletbasketball.gif)}

p{
	line-height: 1em;
}

/* Heading style class for company name */
.companyname { font-family:Arial, Helvetica, sans-serif;
				font-weight: bold;text-align:left;
				color:#ffffff; }

/* Generic style class for text that 'stands out' */
.subheader { font-family:Arial, Helvetica, sans-serif;
			font-weight: bold;
			text-align:center;
			color:#CC0000}

.tagline {
	color: #336699;
	letter-spacing:0.2em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size:1em;
	}
.textplain {
	color: #336699;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size:.75em;
	}
	
/* Generic style class for text that 'stands out' */
.callout {
	font-weight: bold;
	text-align:center;
	color:#00FF00;
	font-style: italic;
	font-size:1.125em;
	font-family:Arial, Helvetica, sans-serif; }

/* Heading for copyright text */
.copyright {
font-family:Arial, Helvetica, sans-serif;
font-style:normal;
font-size:smaller;
color:#FFFFFF;
text-align:left;
}

/* Paragraphs styled as tips */
p.tip { background-color:#ACD095;
margin-left:100px;
margin-right:100px;
padding:5px;
border:solid thin #167A58;
} 

/* Style for tables of thumbnail images */
table.thumbs{
vertical-align:middle;
text-align: left;
border-collapse: collapse;
margin: auto;
}

/* Style for table cells that contain thumbnails */
td.thumbs{ 
border: solid 5px #ffa07a;
padding: 2px;
}

/* Style for thumbnail images */
img.thumbs{
width:100px;
}

/* Unvisited links (no underline) */
a:link{
   color:#CC3300; /* deep red */
   text-decoration: none;
}

/* Visited links (no underline) */ 
a:visited{
   color:#3333CC; /* royal blue */
   text-decoration: none;
}