body {font-family: verdana, helvetica, sanserif; padding: 0; margin: 0 5px 0 5px;}
a {text-decoration: none; color: #3366CC;}
li {font-size: 0.8em;}

.title-image {padding: 10px;  vertical-align: middle;}
.title-text {font-size: 48px; font-weight: bold; color: #aaaaaa;}
.left-end-separator {background: url(images/end-left.gif) 0 0 no-repeat #3366CC;}
.right-end-separator {background: url(images/end-right.gif) 100% 0 no-repeat; padding: 10px;}
.corner-image {height: 10px; width: 10px;}

div#menu {
    width: 20%; 
    float: left; 
	margin-right: -8px;
	padding-left: 20px;    
	border: solid #3366CC;
	border-width: 0 8px 0 0;
}
div#menu h5 {color: #000000; height: 0px; font-size: 90%;}

div#main-content {	
    float: left;
    padding-left: 45px;
    padding-top: 15px;
    margin-bottom: 30px;
	width: 70%;
	border: solid #3366CC;
	border-width: 0 0 0 8px;
}

div#main-content h2 {text-align: center; color: #3366CC; margin: 5px;}
div#main-content h5 {text-align: center; color: #3366CC; margin: 0;}

img.scarf-image {padding-right: 10px; vertical-align: middle;}
img.howto {padding: 5px; background-color: #3366CC;}

.content-title {
  color: #3366CC;
  width: 100%; 
  margin-left: auto; 
  margin-right: auto;
  font-weight: bold;
  font-size: 1.6em;
  padding-bottom: 10px;
  padding-top: 10px;
  text-align: center;
}

a.content-link {padding: 0px 5px 0px 5px;}
tr.scarf-image {background-color: #aaaaaa;}
td.content-text {padding-bottom: 25px;}
td.scarf-text {padding-left: 5px; padding-right: 5px;}
td.spacer {height: 10px;}
td.link {padding-bottom: 25px; text-align: center;}
td.link-text {padding-bottom: 25px; text-align: left;}