body {
font-family: arial, helvetica, sans-serif;
margin: 0px;
padding: 0px;
color: #333;
}

body h1 {
font-size: 20px;
margin: 0;
}

body h3 {
font-size: 20px;
margin: 0px;
}

#header
{
margin: 0 auto;
width: 900px;
padding: 20px;
background: #fff;
}

#head-container
{
color: #000;
background: #fff;
padding:10px;
height: 140px;
text-decoration: none;
}

#head-container img
{
height: 120px;
float: left;
margin: 10px 0px 0px 30px;
border: 0px;
}

#navigation-container
{
float: left;
width: 100%;
color: #000;
background: #333;
}

#navigation
{
margin: 0px 0px 0px 150px;
}

#navigation ul
{
margin: 0;
padding: 0;
}

#navigation ul li
{
list-style-type: none;
display: inline;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.8);
}


#navigation li a
{
display: block;
color: #fff;
float: left;
padding: 5px 10px;
text-decoration: none;
border-right: 1px solid #fff;
font-size: 25px;
}

#navigation li a:hover { 
  background: darkgreen;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.8);
}

.active
{
background: darkgreen;
color: #000;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.8);
}

#content-container
{
float: left;
width: 100%;
background: #fff;
line-height: 130%;
}

.sidebarmenu
{
float: left;
width: 220px; /*Width of left column*/
padding: 50px 0px 0px 0px;
font-weight: bold;
}

.sidebarmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
width: 140px; /* Main Menu Item widths */
border-bottom: 1px solid #ccc;
}
 
.sidebarmenu ul li{
position: relative;
}

/* Top level menu links style */
.sidebarmenu ul li a
{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: black;
text-decoration: none;
padding: 6px;
border-bottom: 1px solid #778;
border-right: 1px solid #778;
}

.sidebarmenu ul li a:link, .sidebarmenu ul li a:visited, .sidebarmenu ul li a:active
{
background-color: white; /*background of tabs (default state)*/
color: #000;
}

.sidebarmenu .active
{
color: white;
}

.sidebarmenu ul li a:hover
{
background-color: darkgreen;
color: white;
}

#content-container2 /* used to add a margin of 150px on the left of all pages */
{
margin: 0 auto;
margin-left: 150px;
width: 900px;
}

#content-container3 /* used to contain actual content of the page */ 
{
position: relative;
float: left;
height: 1000px;
width: 750px;
background: #fff url(images/footerTree.png) no-repeat bottom;
}

#content
{
clear: left;
float: left;
width: 600px;
padding: 20px 0;
margin: 0 0 0 30px;
display: inline;
align: top;
}

#content h2 {
margin: 0;
line-height: 120%;
}

#content table, th, td 
{
padding: 10px;
border: 0px;
border-collapse: collapse;
}

#content img
{
padding: 0px;
align: "top";
border-radius: 0px;
}

#content-sm
{
clear: left;
float: left;
width: 650px;
padding: 0px 0;
margin: 40px;
display: inline;
align: top;
line-width: 130%;
}

#content-sm h1 
{
text-align: center;
font-size: 30px;
padding: 0px 0px 10px 0px;
color: #500;
}

#content ul ol
{
float: left;
width: 500px;
padding: 0px 0;
margin: 10px;
}


#content-sm ul ol
{
float: left;
width: 400px;
padding: 0px 0;
margin: 10px;
display: inline;
}

#content-sm li
{
margin: 0px 0px 0px 40px;
padding: 5px 0px;
}

#content-sm img
{
padding: 0px;
border-radius: 10px;
vertical-align:middle;
}

#content-sm table, 
{
border: 1px solid black;
border-collapse:collapse;
text-align:center;
caption-side:bottom;
}

#content-sm td
{
width:100px;
border: 1px solid black;
}

#content-sm thead
{
background-color:green;
font-weight: bold;
height:50px;
color:#fff;
}

#content-sm h2
{
}

#figure
{
display: inline;
width: 400px;
padding: 5px;
background-color:#ddd;
border-radius: 5px;
text-align:center;
vertical-align: center;
} 

#footer-container
{
clear: left;
color: #fff;
background: #000;
}

#footer-container a
{
color: #fff;
}

#footer
{
margin: 0 auto;
width: 700px;
text-align: right;
padding: 20px;
height: 1%;
}

#border-container
{
margin: 10px  50px;
border-width: 0px;
opacity: 1.0;
background: #fff;
width: 600px;
height: 145px;
padding: 10px;
}

#border-container-sm
{
margin: 10px  50px;
background: transparent;
width: auto;
height: 100px;
padding: 10px;
}

#content-people-sm
{
padding: 10px;
}

#border-container img
{
border-radius: 5px;
border: 0px;
margin: 10px;
width: 140px;
height: 140px;
}

#border-container-sm img
{
width: 20px;
height: 20px;
padding: 0px 0px 0px 0px;
}


#content-people-sm img
{
width: 20px;
height: 20px;
padding: 0px 0px 0px 0px;
margin: 0px;
}

#border-container a
{
text-decoration: none;
color: #333;
}


#border-container-sm a
{
text-decoration: none;
color: #333;
}

#content-people a:link
{
text-decoration: underline;
color: blue;
}
#content-people-sm a:link
{
text-decoration: underline;
color: blue;
}

#content-people li
{
margin: 0px 0px 0px 40px;
padding: 5px 0px;
}
#content-people-sm li
{
margin: 0px 0px 0px 0px;
padding: 5px 0px;
}



#video
{
margin: 0px auto;
width: 500px;
height: 600px;
}

.floatright
{
float: right;
margin: 0px 0px 10px 10px;
}

.floatleft 
{
float: left;
margin: 0px 10px 10px 0px;
}

#one-column-emphasis
{
	margin: 10px;
	width: 550px;
	text-align: left;
	border-collapse: collapse;
}
#one-column-emphasis th
{
	font-size: 20px;
	font-weight: strong;
	padding: 12px 15px;
	background: #336600;
	color: white;
}
#one-column-emphasis td
{
	padding: 10px 15px;
	border-top: 1px solid #ee;
}


#one-column-emphasis tr:hover td
{
	background: #ccffcc;
}

#alert
{
    border-radius: 5px 100px 100px 100px;
    background: #CCFF00;
    border: 2px solid #000000;
    padding: 25px;
    margin: 10px;
}
