body {
 background: #ffffff;
 font-family: sans-serif;
}



.logo {
 font-family: sans-serif;
 font-size: 40px;
 letter-spacing: 3px;

 border-top: 5px solid #ccccaa;
 border-bottom: 5px solid #ccccaa;
 width: 9em;
 text-align: center;
 padding: 1px;
 background: rgba(0, 0, 250, 0.1); 

}

.logo2 {
 background: rgba(200, 220, 200, 0.1); 
 margin: 0px 2px 0px 2px;

}

.clear {
 clear: left;
}

.short {
 height: 100px;
}

.shorter {
 }

.box1 {
 float: left;
 /* border: 1px solid #222222;*/
 width: 230px;
 padding: 4px;
 margin: 5px;
 overflow: hidden;
 background: #ffffff;
}

.box2 {

 float:center;
 width: 230px;
 padding: 4px;
 margin: 5px;
 overflow: hidden;
 background: #ffffff;
}



.boxcontent {
 overflow: auto;
 padding: 5px;
 padding-bottom: 10px;
 background: #ffffff;

}

.boxcontent a:link {
 color: #000044;
}

.boxcontent a:visted {
 color: #110044;
}

.boxcontent a:hover {
 text-decoration: none;
 }

.boxcontent2 {
 overflow: auto;
 height: 50px;
 padding: 5px;
 padding-bottom: 10px;
 background: #ffffff;

}


.doublewide {
 width: 470px;
}

.triplewide { 
 width: 470px;
}

.quadwide {
 width: 470px;
 }

.boxtitle {
 background: #ffffff;
 padding: 5px 10px 5px 10px;
 text-align: center;
 font-weight: bold; 
 border-bottom:1px solid grey;
}

.titlelink {
 text-decoration: none;
 color: #000000;
}

.content {
 clear: center;
 padding: 1em;
}

ul {
 padding: 0px 5px 0px 5px;
 margin: 0px;
 list-style-type: none;
 }