/*content base*/

html,body 
{ 
background-color: #970f01; 
text-align: center; 
margin: 0; 
padding: 0; 
}

body  
{ 
color: #000; 
font-family:"Lucida Grande", verdana, arial, "bitstream vera sans", sans-serif; 
font-size: 75%;
padding: 0; 
vertical-align: top; 
}
 
h1 a,h2 a,h3 a,h4 a     { 
color: #970f01; 
text-decoration: underline ;
padding-left:10px;
padding-right:10px;
}

h2 a,h3 a,h4 a     { 
color: #ffc429;
background-color: #970f01; 
text-decoration: none ;
padding:5px;
line-height: 160%; 
}


h2 a:hover ,h3 a:hover ,h4 a:hover     
{ 
color: #970f01; 
background-color: #ffc429; 
}

h1    
{ 
color: #970f01; 
font-size: 160% ; 
font-weight: bold; 
padding-top: 6px; 
padding-bottom: 6px; 
}

h2   
{ 
color: #970f01; 
font-size: 140% ; 
font-weight: bold; 
}

h3   { font-size: 120% ; font-weight: bold; }

h4   { color: #970f01; font-size: 100% ; font-weight: bold; }

hr 
{ 
height:1px; 
border:0; 
width:100%; 
background-image: url(hr_gray.gif); 
background-repeat: repeat-x; 
background-position: 0 center; 
margin-top: 10px; 
margin-bottom: 10px; 
}

img{border: 0px;}

ul  { 
list-style: none; 
margin: 10px 0 10px 10px; 
padding: 0 ;
}

ul li  
{ 
margin-top:10px;
margin-left: 30px; 
list-style-type: none; 
list-style-image: url(icon_li.gif);
}

/*content*/

table.mainbox
{ 
height: 100%; 
margin: 0 auto; 
}

td.left_side 
{
background-image: url(shadow_left.gif); 
background-repeat: repeat-y; 
width: 25px; 
margin: 0; 
padding: 0; 
}

td.right_side 
{ 
vertical-align: top;
background-image: url(shadow_right.gif); 
background-repeat: repeat-y; 
margin: 0; 
padding: 0; 
}

div#Subscription
{ 
text-align: left; 
background-image: url(bg_Subscription.jpg); 
background-repeat: no-repeat; 
background-position: left 0; 
width: 166px; 
height: 191px; 
margin-top: 30px; 
padding: 30px 10px 10px 20px; 
}

div#Subscription h4{ font-size: 100% ;margin: 0; padding: 5px 0; }

div#Subscription table{ font-size: 80%; margin-top: 5px;margin-bottom: 5px; }

div#Subscription td{ padding: 3px; }



td.center   
{ 
line-height: 150%; 
background-color: #fff; 
text-align: left; 
vertical-align: top ; 
width: 700px; 
}

td.header   
{ 
background-image: url(bg_top.gif); 
background-repeat: repeat-x; 
background-position: 0 bottom;
padding-top: 10px;  
}

td.logo   
{ 
text-align: left; 
vertical-align: bottom; 
}

td.topmenu  
{ 
text-align: right; 
vertical-align: center; 
padding-right: 20px; 
}

td.mainimage
{
padding:0px;
}

td.maincontents   
{ 
background-color: #fff; 
background-image: url(bg_maincontent.gif); 
background-repeat: repeat-x; 
background-position: 0 top; 
text-align: left; 
vertical-align: top; 
padding-top: 20px; 
padding-bottom: 10px; 
padding-left: 20px;
padding-right: 20px;  
}

td.maincontents img{margin:5px;}

/*link*/

a     { 
color: #970f01; 
text-decoration: underline ;
}

a:hover  
{ 
color: #383a39; 
text-decoration: none ; 
}

/*footer*/

td.footer 
{ 
font-size: 90%; 
text-align: left; 
padding: 10px; 
border-top: 1px solid #282129; 
order-bottom-style: solid; 
}

td.footer a
{ 
color: #970f01; 
text-decoration: none; 
margin-right: 7px; 
margin-left: 7px; 
}

td.footer a:hover
{ 
color: #000; 
text-decoration: none; 
}


form input, .SurveyQuestion
{padding:2px;margin:0px; line-height: 100%;}

p.SurveySectionHead
{
color: #970f01; 
font-size: 140% ; 
font-weight: bold; 
}

/*view video*/

div#viewvideo
{ 
background-image: url(icon_viewvideo2.gif); 
background-repeat: no-repeat; 
background-position: 0 0; 
width: 128px; 
height: 29px; 
margin: 5px; 
padding: 0; 
}

a:hover div#viewvideo 
{ 
background-image: url(icon_viewvideo2.gif); 
background-repeat: no-repeat; 
background-position: 0 -29px; 
width: 128px; 
height: 29px; 
margin: 5px; 
padding: 0; 
}


/*reports*/

tr.A, tr.odd { background:white; }
tr.B, tr.even { background:#ddd; }

.lighter { font-color: #ccc; }

table.Report td { 
	margin:0px; 
	padding:2px;
}

table.Report td.data { 
	background-color: #fff;
	width: 40%;
}

table.Report th { 
	border:1px #ddd solid; 
	margin:0px; 
	padding:2px; 
	font-weight: bold;
}

table.Report th.label { 
	margin:0px; 
	padding:2px; 
	text-align:left;
	width: 20%;
}

table.Report th.ReportTitle {
	background-color: #aaa;
	color:#ffffff;
}

table.Report td.ReportFooter {
	padding:3px;
	width: 100px;
}


/*************** table ******************/

table.A
{
margin:5px 0;
border-top:1px solid #ccc;
border-left:1px solid #ccc;
width:100%;
}

table.A td
{
padding:10px;
border-bottom:1px solid #ccc;
border-right:1px solid #ccc;
text-align:left;
line-height:130%;
}

table.B
{
border-bottom: 1px solid #ccc; 
margin:10px 0;
}

table.B td
{
border-top: 1px solid #ccc; 
padding:5px 10px;
text-align:left;
}
