body {
 height: 100%;
 margin: 0 auto;
 padding: 0;
 font: 12px Verdana, Tahoma, Arial, sans-serif;
 background: #f4f4f4 url(images/bg.gif) top center repeat-y; 
}
a {
 text-decoration: none;
 color: #286ea0;
}

a:hover {
 text-decoration: underline;
 color: #286ea0;
}

.wrap {
 height: 100%;
 min-height: 100%;
 background: #ffffff;
 color: #303030;
 margin: 0px auto -25px auto;
 width: 980px;
}

.header {
 clear: both;
 margin: 0px 0 0 0;
 padding: 5px 0 0 0;
 height: 95px;
/* background: lightskyblue;*/
}

.logo {
 display: block;
 width: 240px;
 height: 90px;
 margin: 0 0 0 0;
 float: left;
 background: white;
 text-align: center;
 border: 1px solid black;
}
.logo img {
 border-style: none;
}

.header p{
 width: 728px;
 height: 90px;
 float: right;
 text-align: center;
 color: #a0a0a0;
 margin: 0 0 0 0;
 font-size: 1.4em;
 line-height: 1.5em;
 background: aliceblue;
 border: 1px solid dimgray;
}

.thinbar{
 clear: both;
 width: 980px; /*728px;*/
 height: 15px;
 margin: 0 auto 10px auto;
 font-size: 0.9em;
 text-align: center;
 background: aliceblue;
 border-top: 1px solid gray;
 border-bottom: 1px solid gray;
}

.leftbar {
 clear: left;
 float: left;
 width: 150px;
 padding: 0px 0px 0px 0px;
 font-family: Arial, Helvetica, sans-serif;
}

.nav {
 margin: 0 0 10px 0;
 font-size: 1.2em;
}

.nav ul {
 width: 150px;
 margin:0 0 20px 0;
 padding: 0em;
}

.nav ul li a {
 height: 16px;
 text-decoration: none;
 color: #505050;
 display: block;
 padding: 0.2em 0 0.2em 0.4em;
 margin-top: 4px;
 background: #f4f4f4;
 border-left: 4px solid #cccccc;
}

.nav ul li a.sel {
 color: black;
 border-left: 4px solid #000FD5;
 font-weight: bold;
}

.nav ul li a:hover {
 background: #eaeaea;
 color: black;
 border-left: 4px solid black;
}

.nav ul li a.sel:hover {
 color: black;
}

.nav ul.subnav {
 width: 146px;
 padding: 0em; 
 margin-bottom: 0px;
 border-left: 4px solid #000FD5;
 font-size: 0.9em;
}

.nav ul.subnav li a {
 height: 16px;
 text-decoration: none;
 color: #505050;
 display: block;
 padding: 0.1em 0 0.1em 1em;
 margin-top: 0px;
 background: #f4f4f4 url(images/bullet.gif) no-repeat 5% 8px;
 border: 0;
}

.nav ul.subnav li a.sel {
 color: black;
 font-weight: bold;
}

.nav ul.subnav li a:hover {
 color: black;
 border-left:0px;
 background: #eaeaea url(images/bullet.gif) no-repeat 5% 8px;
}

.nav ul.subnav li a.sel:hover {
 color: black;
 background: #f4f4f4 url(images/bullet.gif) no-repeat 5% 8px;
}

.rightbar {
 float: right;
 clear: right;
 width: 160px;
 margin: 4px 0 10px 0;
 padding: 0px 0px 10px 0px;
 font-size: 0.9em;
 line-height: 1.5em;
}

.rightbar p {
 font-size: 1.6em;
 margin-bottom: 0.5em;
}

.content {
 height: 600px;
 margin: 0px 170px 10px 160px;  /* relative to outer container*/
 padding: 4px 10px 0px 10px;
 /*border-left: 2px solid #f0f0f0;*/
 /*border-right: 2px solid #f0f0f0;*/
 border-left: 1px solid gold;
 border-right: 1px solid gold;
 line-height: 1.6em;
 text-align: left;
}


/*
.bb {
 width: 480px;
 height: 103px;
 background: gray;
}
*/

.entry {
 margin: 0px 5px 10px 5px;
 background: #C9E0F4;
/* background: #F0F0F0;*/
 background: white;
/* border: 1px solid #D0D0D0; */
 border: 1px solid #75A1C7;
}

.subject {
 margin: 10px 10px 0 10px;
 font-size: 1.5em;
/* color: #500;*/
 color: #B2100F;
}

.subtopic {
 font-size: 1.2em;
 color: #B2100F;
}

.subtopic a {
 color: #B2100F;
}

.subtopic a:hover {
 color: #B2100F;
}

.entry p {
 margin: 10px 10px 0 10px;
 text-align: justify;
}

.date {
 margin: 0 10px 10px 10px;
 font-size: 0.8em;
 text-align: right;
}

.footer {
 clear: both;
 width: 980px;
 margin: 0 auto;
 padding: 2px 0 2px 0;
 border-top: 1px solid gray;
 border-bottom: 1px solid gray;
 background: aliceblue;
 text-align: center;
 font-size: 0.9em;
}

.picthumb {
 width: 100%;
 margin: 0px 0px 0px 0px;
 padding: 0px;
}

.picframe {
 display: inline;
 width: 160px;
 float: left;
 margin: 0px 15px 15px 0px;
 text-align: center;
}

.picframeSm {
 display: inline;
 height: 105px;
 float: left;
 margin: 0px 15px 15px 0px;
 text-align: center;
}

.cap {
 width: 160px;
 margin: 2px 0px 0px 0px;
 border: 1px solid black;
 color: #286ea0;    
}

.capSm {
 width: 80px;
 margin: 2px 0px 0px 0px;
 border: 1px solid black;
 color: #286ea0;
}

.picthumb img {
 border: 1px solid black;
}

.picfullborder {
 text-align: center;
 margin-bottom: 15px;
}

.picfullborder img {
 padding: 5px;
 border: 3px solid #000000;
}

.phead {
 margin: 0px 0px 10px 0px;
 text-align: center;
}

.content h1 {
 margin: 0px 0px 5px 0px;
 font-size: 2.2em;
 line-height: 1.6em;
 color: #B2100F;
}

.content h2 {
 margin: 0px 0px 5px 0px;
 font-size: 1.7em;
 line-height: 1.6em;
 color: #B2100F;
}

.content h3 {
 margin: 0px 0px 5px 0px;
 font-size: 1.2em;
 line-height: 1.6em;
 color: black;
}

.center {
 text-align: center;
}

.italic {
 font-style: italic;
}

.left-arrow {
 float: left;
 text-align: left;
 width: 150px;
}

.right-arrow {
 float: right;
 text-align: right;
 width: 150px;
}

.left-arrow img {
 display:inline;
 position: relative;
 top: 15px;
 padding-right: 5px;
 border: none;
}

.right-arrow img {
 display:inline;
 position: relative;
 top: 15px;
 padding-left: 5px;
 border: none;
}

.pad22top {
 padding-top: 22px;
}

.leftfloat {
 float: left;
 margin: 8px 8px 8px 0px;
}

.rightfloat {
 float: right;
 margin: 8px 0px 8px 8px;
}

.leftfloat img {
 border: 1px solid black;
}

.rigthfloat img {
 border: 1px solid black;
}

.videocaption {
 border: 1px solid black;
 font-weight: bold;
 text-align: center;
}