body {margin:0; padding:0; font-size:12px; font-family:Verdana, Tahoma, Arial, sans-serif;background: url(bghobbit.jpg) }
#outerwrap {background:white; text-align:center; margin:0; padding:12px 0 0 0; background: url(bghobbit.jpg)}
#wrap {background:white; color:#303030; margin:0 auto; padding:0px; width:780px;}
#header {width:780px; padding:0; margin:0; background:#243549;   border-bottom:solid 10px #243549;}


/* Left Column  304661*/
#leftcolumn {clear:left; float:left; margin:0; padding:0; width:150px; background:white; text-align:left; list-style:none; color:blue}

/*ALL THIS CODE IS COMMENTED OUT!!! 
#leftcolumn h2 {font-size:1.5em; font-weight:400;margin:0 0 5px 5px}
#leftcolumn h3 {font-size:1.1em; font-weight:400;}
#leftcolumn .top {font-size:1.6em;padding:2px}
#leftcolumn .announce {background:#f4f4f4 url('img/menubg.gif') repeat-x bottom left; border-bottom:1px solid #d8d8d8; border-left:4px solid #ccc; border-right:1px solid #d8d8d8; border-top:1px solid #d8d8d8; clear:left; color:#505050; line-height:1.3em; margin:10px 0; padding:5px; width:134px}
.announce p {font-size:0.9em;}
#leftcolumn h5{padding:0 0 0 5px; font-size:0.9em; font-weight:100; line-height:1.5em; border:1px solid #cccccc}

*/



#leftcolumn ul.amenu {list-style:none; margin:0 0 0; padding:0; width:150px; }
#leftcolumn ul.amenu li {padding:0 0 0 2px ; width:150px;background-color: #304661;border-top:4px solid #243549;
         border-bottom: 4px solid #304661;text-align:left }
#leftcolumn ul.amenu li a {line-height:1.6em;color:#fafad2;background-color: #243549;text-decoration: none;
        margin: 2px;padding: 0;font-size:..9em;font-weight:100}
#leftcolumn ul.amenu li a:link {line-height:1.6em;background-color: #304661;text-decoration: none;
        margin: 2px;padding: 0; width:110px;font-size:..9em}
#leftcolumn ul.amenu li a:visited {line-height:1.6em;background-color: #304661;text-decoration: none;
        margin: 2px;padding: 0; width:110px;font-size:..9em}
#leftcolumn ul.amenu li a:hover {line-height:1.6em;color: black;background-color: #CDBE70;}
#leftcolumn ul.amenu li a:active {line-height:1.6em;background-color: #304661;text-decoration: none;
        margin: 2px;padding: 0; width:110px;font-size:..9em}
#leftcolumn p{color:#fafad2;padding:9px 0 0 9px; margin:0 0 0 0; font-weight:100}





/* Right Column */
#rightcolumn {float:right; margin:0px 0 5px; padding:0; width:150px;}
#rightcolumn p, #rightcolumn ul {font-size:0.9em; line-height:1.3em; margin:0 0 1.5em; padding:0;}
#rightcolumn li {list-style:none; margin:0 0 6px; padding:0;}
#rightcolumn h2 {font-size:1.6em; font-weight:400; letter-spacing:-1px; margin:0 0 6px;}
#rightcolumn h3 {font-size:102%; font-weight:bold; color: white; background-color: #3b67b1; margin:0  0 1px 0;padding:.5ex}
#rightcolumn .announce {background:#f4f4f4 url('img/menubg.gif') repeat-x bottom left; border-bottom:1px solid #d8d8d8; border-left:4px solid #ccc; border-right:1px solid #d8d8d8; border-top:1px solid #d8d8d8; clear:left; color:#505050; line-height:1.3em; margin:10px 0; padding:5px; width:134px}
#rightcolumn .rainbow {background:#f4f4f4 url('img/rainbowbk.jpg'); clear:left; color:black; margin:1px 1px 5px 1px; padding:3px 0px 1px 4px; width:144px; text-align:left}
#rightcolumn .greenbox {background:#f4f4f4; clear:left; color:black; margin:1px 1px 5px 1px; padding:3px 0px 1px 4px; width:144px; text-align:left}

#rightcolumn a {color:black}
#rightcolumn img {margin:0px auto; padding:0px}

/* Main content */
#centercolumn {line-height:1.5em; margin: 0px 160px 1px 170px; padding:0; text-align:left;}
#centercolumnwide {line-height:1.5em; margin:1px 10px 10px 190px; padding:0; text-align:left;}

#centercolumn h1, #centercolumnwide h1{font-size:1.7em; font-weight:800; letter-spacing:-1px; margin:8px 0 8px; padding:0;color:#364a6c; text-align:center; }
#centercolumn h3, #centercolumnwide h3 {font-size:1.3em; font-weight:400; margin:6px 0; padding:0;;text-align:left;}
#centercolumn h4, #centercolumnwide h4 {font-size:1.2em; color:#364a6c;font-weight:800; margin:6px 0px 6px 0; padding:0;;text-align:left;}
#centercolumn h5, #centercolumnwide h5 {font-size:1.2em; color:#364a6c;font-weight:800; margin:6px 0px 6px 0; padding:0;;text-align:left;}
#centercolumn h6, #centercolumnwide h6 {font-size:1.4em; color:#364a6c;font-weight:800; margin:6px 0px 6px 0; padding:0;;text-align:left;}


#centercolumn img, #centercolumnwide img {padding:1px 1px 1px 1px;margin:1px 1px 1px 1px;text-align:center;border: 0px none}



#centercolumn ul, #centercolumn ol, #centercolumnwide ul, #centercolumnwide ol {margin:0 0 16px 20px; padding:0;}
#centercolumn ul ul, #centercolumn ol ol, #centercolumnwide ul ul, #centercolumnwide ol ol {margin:2px 0 2px 20px;}
#centercolumn li, #centercolumnwide li {margin:0 0 2px 10px; padding:0 0 0 4px;}
#inner{margin:0 20px}

/* Footer */
#footer {background:#fff; border-top:2px solid #dadada; clear:both; color:gray; font-size:0.9em; margin:0 auto; padding:8px 0; text-align:center; width:780px;}
#footer p {margin:0; padding:0;}
#footer a {background:inherit; color:gray; font-weight:800; text-decoration:underline;}
#footer a:hover {text-decoration:none;}

/* Links and paragraphs */
a {color:#164a6c; text-decoration:underline; font-weight:100;}
a:hover {background:inherit; color:blue; text-decoration:none;}
a img {border:0px none;}
p {margin:0 0 16px;}
blockquote {background:#f4f4f4 url('img/menubg.gif') repeat-x bottom left; border-bottom:1px solid #d8d8d8; border-left:4px solid #ccc; border-right:1px solid #d8d8d8; border-top:1px solid #d8d8d8; color:#505050; margin:1px 1px 0 -1px; padding:7px 7px 7px 11px; line-height:1.1em}





#leftcolumn .bluebox {background: #243549; clear:left; color:black; margin:3px 0 0 0; padding:3px 2px 8px 1px; width:149px;}

#leftcolumn .whitebox {background: white; clear:left; color:black; margin:3px 0 0 0; padding:7px 0px 7px 1px; width:150px; border-right:1px solid #d8d8d8}

#leftcolumn .whitebox a{color:blue}
#leftcolumn .bluebox a{color:pink}

#leftcolumn .rainbow {background:#f4f4f4 url('img/rainbowbk.jpg'); clear:left; color:black; margin:1px 1px 5px 1px; padding:3px 0px 1px 4px; width:150px; text-align:left; font-size:.9em}







.imgplus{text-align:center; font-size:.85em; margin:0 0 1.3em 0}

blockquote p {font-size:1.1em; line-height:1.3em; margin:0;}

/* Various classes */
.clearfloats{width:100%; height:1px; margin:0; clear:right}
.clearfloatshr{width:100%; height:1px; margin:0 0 1px; clear:right;}
.announce h2 {margin:0 0 10px; padding:0;}
.textright {margin:-10px 0 4px; text-align:right;}
.center {text-align:center;}
.centerbold {text-align:center; font-weight:400}
.bold {font-weight:400;color:red}
.small {font-size:0.8em;}
.large {font-size:1.3em;}
.highlighted {background:#f0f0f0; border:1px solid #b0b0b0; color:#303030; padding:3px;}
.button {background:#f4f4f4 url('img/menubg.gif') repeat-x bottom left; border-bottom:1px solid #d8d8d8; border-left:4px solid #ccc; border-right:1px solid #d8d8d8; border-top:1px solid #d8d8d8; color:#505050; font-weight:700; width:120px; margin-left:0; margin-right:0; margin-top:0; margin-bottom:15px; padding-left:11px; padding-right:7px; padding-top:7px; padding-bottom:7px}
.left {float:left; margin:10px 10px 5px 0;}
.right {float:right; margin:10px 0 5px 10px;}
.lefthalf {float:left; width:350px; padding:0 5px}
table (vertical-align:top}
img.centered {display:block; margin-left: auto; margin-right: auto; border:0px none}
img {border:0px none; margin:0; padding:0}

#leftcolumn ol{list-style:none; margin:0 0 0; padding:0; width:180px; font-size:6px}
#leftcolumn ul{list-style:none; margin:0 0 0; padding:0; width:180px; font-weight:400}
#leftcolumn ul li {padding:0 0 0 2px ; width:180px;background-color:white;text-align:left; font-weight:400 }
#leftcolumn ul li a {line-height:1.6em;color:black;background-color:white;text-decoration: none;
        margin: 2px;padding: 0;font-size:1em;font-weight:100}
#leftcolumn ul li a:link {line-height:1.6em;background-color:white;text-decoration: none;
        margin: 2px;padding: 0; width:100px;font-size:1em; font-weight:400}
#leftcolumn ul li a:visited {line-height:1.6em;background-color:white;text-decoration: none;
        margin: 2px;padding: 0; width:100px;font-size:1em}
#leftcolumn ul li a:hover {line-height:1.6em;color: black;background-color: #CDBE70;}
#leftcolumn ul li a:active {line-height:1.6em;background-color: #680102;text-decoration: none;
        margin: 2px;padding: 0; width:100px;font-size:1em}


.menu{padding:0; margin:0}
.menu li {list-style-type:none;}
.menu2 ul{list-style:none; margin:0 0 0; padding:0; width:100px; }
.menu2 ul li {padding:0 0 0 2px ; width:100px;background-color:white;text-align:left }
.menu2 ul li a {line-height:1.6em;color:black;background-color:white;text-decoration: none;
        margin: 2px;padding: 0;font-size:..9em;font-weight:100}
.menu2 ul li a:link {line-height:1.6em;background-color:white;text-decoration: none;
        margin: 2px;padding: 0; width:100px;font-size:..9em}
.menu2 ul li a:visited {line-height:1.6em;background-color:white;text-decoration: none;
        margin: 2px;padding: 0; width:100px;font-size:..9em}
.menu2 ul li a:hover {line-height:1.6em;color: black;background-color: #CDBE70;}
.menu2 ul li a:active {line-height:1.6em;background-color: #680102;text-decoration: none;
        margin: 2px;padding: 0; width:100px;font-size:..9em}
