

p {
color: #222222;
font: 12px Arial;
}

a {
text-decoration: none;
color: #26437C;
}

a:hover {
text-decoration: underline;
}

a img {
border: 0;
}




h3.plan {
font: bold 12px Arial;
color: #810C0A;
padding: 2px;
margin: 0 0 5px 0;
border-top: 0px solid #810C0A;
background: white;
}

h3.normal {
font: bold 12px Arial;
color: #099cff;
padding: 2px;
margin: 0 0 5px 0;
background: #e6f4ff;
border: 0px solid #810C0A;
}

/*
h3 {
font: 14px Arial;
color: #333333;
padding: 2px;
margin: 0 0 5px 0;
border-top: 0px solid #810C0A;
background: #dddddd;
}*/

h4 {
font: bold 12px Verdana;
color: #26437C;
margin: 2px 0 2px 0;
}

div.subsection {
display: table; /* Firefox/Safari - doesn't stretch the whole screen */
margin-left: auto;
margin-right: auto;
background: #eeeeee;
padding-bottom: 8px;
}

div.subsection h3 {
display: block;
font: 13px Arial;
padding: 2px 0 2px 5px;
margin: 0;
background: #46639C;
color: white;
margin-bottom: 4px;
border-top: 3px solid #26437C;
border-bottom: 0px solid #26437C;
}

div.subsection h3.other {
display: block;
font: 13px Arial;
padding: 2px 0 2px 5px;
margin: 0;
background: #46639C;
color: white;
margin-bottom: 4px;
border-top: 3px solid #26437C;
}

div#text-header {
position: absolute;
top: 6px;
text-align: right;
width: 756px;
margin: 0;
padding: 0;
}

div.login {
text-align: right;
width: 756px;
}

div.spacer {
padding: 10 0 0 0;
}

div.greybox {
background: #ffffbd;
border-bottom: 1px solid #cccccc;
}

div.greyemph {
border-top: 2px solid #26437C;
border-bottom: 1px solid #cccccc;
background: #f2f2f2;
margin-bottom: 0;
padding: 0 5px 0 5px;
}

<!-- BLUEISH .odd { background-color:#CCCCDD }  -->
.odd { background-color:#F3F3DD }
.even { background-color:#EEEEEE }

.error {
color: red;
}

div.warning {
width:760x;
background: yellow;
border: 1px solid black;
}

.warning p {
padding: 5px;
color: black;
}

div.normal {
width: 700px;
}

div.plan-details p {
margin: 0 0 4px 0;
}

div.normal p {
font: 12px Arial;
}

.centered {
margin-left: auto;
margin-right: auto;
}

.bordered {
border: 1px solid #26437C;
}

table.larger tr td p {
font: 13px Arial;
}

div#side {
float: left;	
width: 275px;
}

div#side-normal {
float: left;	
width: 170px;
}

div#header-bar-red {
font-size:1px;  /* IE sets font size to a minumum of 20px, unless we override! */
height: 10px;
width: 760px;
background: #810C0A;
}

div#header-bar {
font-size:1px;  /* IE sets font size to a minumum of 20px, unless we override! */
height: 18px;
width: 760px;
background: white url("graphics/red-bar-snip.gif") repeat;
}

div#header-bar-half {
font-size:1px;  /* IE sets font size to a minumum of 20px, unless we override! */
height: 13px;
width: 760px;
background: white url("graphics/red-bar-snip-half.gif") repeat;
}

div#left {
position: absolute;
padding: 0px;
top: 170px;
margin: 0 0 0 0;
width: 275px;
}

div#attention {
border: 1px solid black;
position: relative;
top: 0px;
left: 10px;
background: #26437C;
padding: 20 20 20 20;
text-align: left;
align: center;
width: 215px;
}

div #center-normal {
/*margin: 0 0 0 275px; */  /* margin on left side only */
margin: 0;
vertical-align:top;
display:block;
width: 552px;  /* 760 total page width */
float: left;
}

div #body-desc {
	margin: 0;
	padding: 0 0 0 0px;
/*border: 2px solid #810C0A; */
}

div.friend-list {
background: #f2f2f2;
border-bottom: 1px solid #cccccc;
}

div.friend p {
font-size: 10px;
word-wrap: break-word;
margin: 3px;
text-align: center;
}

div.what p {
font-size: 12px;
word-wrap: break-word;
margin: 3px;
text-align: center;
}

.att-text {
font: 1.1em Arial;
color: white;
display: block;
}

.fancy {
font: 14px "Courier New", Courier;
display: block;
margin-top: 5px;
}

.choices {
font: 10px Verdana, Helvetica;
}

.panelist {
margin:0 0 10px 15px;
padding:0;
}

.panelist li {
font: 10px Verdana, Helvetica;
color: #777777;
}

.subject {
font: 11px Verdana, Helvetica, "Courier New";
color: #777777;
}

.topic p {
font: 11px Verdana, Helvetica, "Courier New";
color: #222222;
}

.not-read {
color: #810C0A;
font: bold 14px "Courier New", Courier;
}

p.main-desc a {
font: 1.3em Helvetica;
color: #26437C;
}

p.com-time {
border-top:1px dotted #990000;
margin:15px 0 6px 0;
}

div.com-pho {
padding-left:6px;
float:right;
}

h4.com-head {
font: bold 13px Verdana;
border-top: 2px solid #46639C;
}

.more-info {
font-size: 12px;	
}

.desc {
font: 1.0em Verdana;
display: block;
margin-top: 5px;
}

#footer-normal {
border-top: 1px solid #810C0A;
margin-top: 100px;
padding: 0;
}

#footer-normal p {
margin: 2px;
color: #333333;
}

#footer p {
margin: 2px;
color: #333333;
}

#footer-normal p a {
text-decoration: underline;
color: #333333;
}

#footer p a {
text-decoration: underline;
color: #333333;
}

#footer {
clear: both;
border-top: 1px solid #810C0A;
margin-top: 100px;
width: 760px;
}

div#test {
position: relative;
top: 0px;
/*  left: 10px; ##### IE5 doesn't move lists in relative div's correctly... */
width: 245px;
background: #D5D6D0;
}

div#header-bottom {
border-top: 3px solid #810C0A;
margin: 0;
padding: 2;
width: 756px;
text-align: right;
}

div#header-bottom2 {
border-top: 3px solid #26437C;		 
margin: 0;
padding: 2;
width: 756px;
text-align: right;
}

ul#options-menu {
padding: 0;
margin: 0;
}

ul#options-menu li {
display: inline;
padding: 2 0 2 16;
margin: 0 0 0 15;
font: bold 11px Arial;
color: black;
background: white url("graphics/red-apple-icon.jpg") no-repeat;
}

ul#options-menu li a {
color: black;
}

p.profile-option {
padding: 0;
margin: 6px 0 6px 0;
font: bold 12px Arial;
}

.basic-list {
font: 12px Arial;
}

.basic-list li p {
margin: 0;
padding-bottom: 1px;
}

td.subject {
padding-right: 10px;
}

td.feature {
font: 11px Verdana, Helvetica, "Courier New";
color: #777777;
width: 100px;
padding: 0 0 3px 3px;
}

td.value {
color: #222222;
font: 12px Arial;
}

td.plan {
color: #222222;
font: 12px Arial;
width: 300px;
padding: 0 0 3px 3px;
}

td.score {
font: 11px Verdana, Helvetica, "Courier New";
color: #777777;
width: 40px;
padding: 0 0 3px 0;
}

ol.plan {
font: 12px Verdana;
color: #777777;
/*color: #26437C;*/
}

ul.plan {
font: 12px Verdana;
color: #777777;
/*color: #26437C;*/
}

ul.plan p {
padding: 0;
margin: 0 0 4px 0;
}

ol.plan p {
padding: 0;
margin: 0 0 4px 0;
}

h5.plan {
color: #810C0A;
padding: 0;
margin-bottom: 5px;
}