/*****************************************/
/***  CSS style sheet by David Beitler ***/
/*****************************************/

/* This applies to everything in the page */
body
{
  margin: 0;
	background-color: #c0c8dd;
}

/* Holds all the content on the page */ 
.container
{
  width: 670; 
	margin: 0;
	margin-left: auto;
	margin-right: auto;
	
	border: 1px solid;
	border-color: gray;
	
	/*
	background-image: url(./images/background1.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	*/
	
	background-color: white;
	
	font-family: times; 
	color: black;
	font-weight: normal; 
}

/* Top banner used for logos and testimonials */
.top 
{ 
	background: url('./images/title-background1.jpg'); 
	background-repeat: no-repeat;  
	
	height: 150px;
	
	font-weight: bold;
	
	margin: 0px; 
	padding: 10px;
	padding-left: 430px; /*keep testimonial from running into graphics */
} 


/* Left column - can be used for menu, news, newsletter sign-up */
.left
{
  float: left;
	width: 160;

	margin: 0;
	padding: 10px;
	
	font-size: 120%;
}


/* Style for main content of the page */
.content
{ 
	margin: 0; /* move content over to account for menu == "size + padding + margins" */
	padding: 10px;
}


/* Right column - can be used for menu, news, newsletter sign-up */
.right
{
  float: right;
	width: 150px;
	
	margin-left: 5px;
	padding: 10px;
}

/* Footer style */
.footer
{
  clear: both; /* makes footer drop below anything above */
	
	margin: 0px; 
	
	border-top: double;
	border-top-color: #000066;
	
  font-size: 75%;
	font-weight: bold;
	text-align: center;
}

/*********************************/

h1 
{
	font-size: 200%;
	font-family: arial;
	color: #FF0000;
	
	padding: 25px;
	padding-top: 0px;
	padding-bottom: 0px;
}

h2 
{
	font-size: 140%;
	font-family: arial;
	color: #FF0000;
}

h3 
{
	font-size: 110%;
	font-family: arial;
	color: #FF0000;
}




.titlelink
{  /* placeholder used for making custom link colors */
}

.menulink
{  /* placeholder used for making custom link colors */
}

a.titlelink:link {color: #000066}
a.titlelink:visited {color: #000044}
a.titlelink:hover {color: #000099}
a.titlelink:active {color: #000099}

a.menulink:link {color: #000066}
a.menulink:visited {color: #000044}
a.menulink:hover {color: #000099}
a.menulink:active {color: #000099}

a:link {color: #000099}
a:visited {color: #000033}
a:hover {color: #000033}
a:active {color: #000033}




/*****************************************/

/* Following code is modified from original code by Joshua Kaufman
   Original taken from stylesheet at http://www.unraveled.com/projects/css_tabs/css_tabs.html */ 

ul#tabnav {
font: bold 12px arial, helvetica, sans-serif; 
letter-spacing: 2px;
list-style-type: none;
padding-bottom: 26px;
/*border-bottom: 1px solid black; */
margin: 0;
}

ul#tabnav li {
float: left;
height: 20px;
background-color: #8897c0; /* color taken from title image */
margin: 2px 2px 0 2px;
border: 1px solid black;
}

/* I needed 11 tabs to get all my content */
body#tab1 li.tab1, body#tab2 li.tab2, body#tab3 li.tab3, body#tab4 li.tab4,
body#tab5 li.tab5, body#tab6 li.tab6, body#tab7 li.tab7, body#tab8 li.tab8,
body#tab9 li.tab9, body#tab10 li.tab10, body#tab11 li.tab11, body#tab12 li.tab12 {
border-bottom: 1px solid #fff;
background-color: #fff;
}

body#tab1 li.tab1 a, body#tab2 li.tab2 a, body#tab3 li.tab3 a, body#tab4 li.tab4 a,
body#tab5 li.tab5 a, body#tab6 li.tab6 a, body#tab7 li.tab7 a, body#tab8 li.tab8 a,
body#tab9 li.tab9 a, body#tab10 li.tab10 a, body#tab11 li.tab11 a, 
body#tab12 li.tab12 a {
color: #000;
}

#tabnav a {
float: left;
display: block;
color: black;
text-decoration: none;
padding: 4px;
}

#tabnav a:hover {
background: #fff;
}