@charset "utf-8";
/* CSS Document */
body{
margin:0;
padding:0;
font-size:100%;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

h2, h3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:120%;
color: navy;
padding:10px;
}

h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:140%;
color: #008080;
padding:10px;
}

h4 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:100%;
color: red;
padding:10px;
}

p {
padding:5px;
}

/* header styles */
#header {
clear:left;
float:left;
width:100%;
overflow:hidden;
border-bottom:2px solid #000;
}

#header p,
#header h1,
#header h2 {
clear:left;
float:left;
width:96%;
margin:0;
padding:.4em 2% .1em 2%;
}

#header ul {
clear:left;
float:left;
width:96%;
display: table-row-group;
padding:0;
list-style:none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: small;
font-style: normal;
font-weight: normal;
font-variant: small-caps;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
text-align: left;
margin-top: 0.7em;
margin-right: 0.7em;
margin-bottom: 0.7em;
margin-left: 0.7em;	
}

#header ul li {
display:inline;
background-color: #DCDDF1;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: small;
font-weight: bold;
}

#header ul li a {
display:block;
float:left;
list-style:none;
padding:.2em .5em;
text-decoration:none;
margin-right:10px;
border-top:1px solid #ddd;
border-left:1px solid #ddd;
border-right:1px solid #ddd;
}

#header ul li a.active {
font-weight:bold;
color:#fff;
background:#000;
border-top:1px solid #000;
border-left:1px solid #000;
border-right:1px solid #000;
}

/* content */

b{font-size: 110%;}
em{color: red;}

#topsection{
background: #EAEAEA;
height: 90px; /*Height of top section*/
}

#topsection h1{
margin: 0;
padding-top: 15px;
}

#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn1{
margin: 5%; /*Margins for single content column*/
}

#contentcolumn{
margin: 0 15% 0 20%; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
}

#leftcolumn{
float: left;
width: 20%; /*Width of left column in percentage*/
margin-left: -100%;
background: #C8FC98;
}

#rightcolumn{
float: left;
width: 15%; /*Width of right column in pixels*/
margin-left: -15%; /*Set margin to that of -(RightColumnWidth)*/
background: #FDE95E;
}

.innertube{
margin: 5%; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 5%;
text-align:justify;
}

#centerpage {
clear:left;
float:left;
width:100%;
overflow:hidden;
}

/* single column container */	
.centercol {
clear:left;
float:left;
width:90%;
padding:10px;
overflow:hidden;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: small;
border-bottom-style: none;
border-bottom-color: #000;
position: relative;
text-align: justify;
}

/* column container */	
.colmask {
clear:both;
float:left;
width:100%;
overflow:hidden;	
}

/* common column settings */
.colright,
.colmid,
.colleft {
float:left;
width:100%;
position:relative;	
}

.colright2,
.colmid2,
.colleft2 {
float:left;
width:100%;
position:relative;	
padding: 0 20px;
}

.col1,
.col2,
.col3 {
	float:left;
	position:relative;
	padding:.5em 0 1em 0;
	overflow:hidden;
	background-color: #E1E2FF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	text-align:justify;
}

/* 2 Column (right menu) settings */
.mainbody {
background:#f4f4f4;		/* right column background colour */
}

.mainbody .colleft {
right:35%;				/* right column width */
background:#fff;		/* left column background colour */
}

.mainbody .col1 {
width:61%;				/* left column content width (left column width minus left and right padding) */
left:37%;				/* (right column width) plus (left column left padding) */
}

.mainbody .col2 {
width:31%;				/* right column content width (right column width minus left and right padding) */
left:41%;				/* (right column width) plus (left column left and right padding) plus (right column left padding) */
}

/* footer */
#footer{
clear:left;
float:left;
width:100%;
overflow:hidden;
border-top:2px solid #000;
}

#footer ul {
clear:left;
float: left;
text-align: left;
width: 96%;
display: table-row-group;
padding:0;
list-style:none;
font-style: normal;	
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
text-align: left;
margin-top: 0.7em;
margin-right: 0.7em;
margin-bottom: 0.7em;
margin-left: 0.7em;
}

#footer ul li {
display:inline;
clear:both;
background-color: #DEDEFE;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: x-small;
font-weight: normal;
}

.downloadslinksbold { 
font-family: Arial, Helvetica, sans-serif; 
font-size: 12px; 
color: #000000 ; 
font-weight: bold; 
line-height: 1.4em; 
text-decoration: none
}

.downloads { 
font-family: Arial, Helvetica, sans-serif; 
font-size: 10px; 
text-decoration: none; 
color: #336699 
}

.downloadslinks {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #336699;
text-decoration: none;
}

.downloadslinks:hover { 
font-family: Arial, Helvetica, sans-serif; 
font-size: 11px; 
text-decoration: underline; 
color: #000000 
}

.downloadslinksbold:hover { 
font-family: Arial, Helvetica, sans-serif; 
font-size: 12px; 
line-height: 1.4em; 
font-weight: bold; 
color: #000000; 
text-decoration: underline
}

.rightmenu {
background:#f4f4f4;		/* right column background colour */
}

.rightmenu .colleft {
right:35%;				/* right column width */
background:#fff;		/* left column background colour */
}
	
.rightmenu .col1 {
width:61%;				/* left column content width (left column width minus left and right padding) */
left:37%;				/* (right column width) plus (left column left padding) */
}

.rightmenu .col2 {
width:31%;				/* right column content width (right column width minus left and right padding) */
left:41%;				/* (right column width) plus (left column left and right padding) plus (right column left padding) */
}

.style1 {
font-size: 12
}

.mainsubtit {
font-size: 12; 
font-weight: bold; 
}