/*
References for type sizing:
	9px		= 0.56em
	10px	= 0.63em
	11px	= 0.69em
	12px	= 0.75em
	14px	= 0.88em
	16px	= 1em
	18px	= 1.13em
	24px	= 1.50em
	30px	= 1.88em
	36px	= 2.25em
	48px	= 3.00em
	60px	= 3.75em
	72px	= 4.50em
*/






body{
	margin:0;
	padding:0;
	line-height: 1.5em;
	background-image: url(earth.jpg);
	background-repeat: repeat-y;
	background-attachment: fixed;
	background-position: center top;
/*background-color: #cccccc;*/
}

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

#maincontainer{
width: 950px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
padding-top: 20px;
padding-bottom: 20px;
}

#topsection{
height: 300px; /*Height of top section*/
}

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

#contentwrapper{
float: left;
width: 100%;
background-color: #ffffff;
}

#contentcolumn{
margin: 0 225px 0 215px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
background-color: #ffffff;
/*border-right: #999999 1px dashed;*/
}

#contentcolumn2{
margin: 0 40px 0 215px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
background-color: #ffffff;
/*border-right: #999999 1px dashed;*/
}


#leftcolumn{
float: left;
width: 180px; /*Width of left column in pixel*/
margin-left: -935px; /*Set margin to that of -(MainContainerWidth)*/
background: #f2fdb4;
}

#rightcolumn{
float: left;
width: 180px; /*Width of right column*/
margin-left: -205px; /*Set left margin to -(RightColumnWidth)*/
/*background: #464f2a;*/
text-align: left;
padding-left: 5px;
background-image: url(greengrad.jpg);
	background-repeat: repeat-y;
	background-position: center top;
	
}

#footer{
	clear: left;
	width: 890px;
	background: url(grass3.jpg) no-repeat top;
	color: #FFF;
	text-align: center;
	padding-right: 15px;
	padding-left: 15px;
	padding-top: 0px;
	padding-bottom: 0px;
	border: 15px solid #ffffff;
	}

#footer a{
color: #FFFF80;
}

.innertube{
margin: 0px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

#vertmenu {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
width: 175px;
padding: 0px;
margin: 0px;
}

#vertmenu h1 {
display: block;
background-color:#464f2a;
font-size: 90%;
padding: 3px 1px 5px 3px;
color: #ffffff;
margin: 0px;
width:175px;
}

#vertmenu ul {
list-style: none;
margin: 0px;
padding: 0px;
border: none;
}
#vertmenu ul li {
margin: 0px;
padding: 0px;
}
#vertmenu ul li a {
font-size: 80%;
display: block;
border-bottom: 1px dashed #464f2a;
padding: 5px 0px 2px 4px;
text-decoration: none;
color: #003300;
width:175px;
}

#vertmenu ul li a:hover, #vertmenu ul li a:focus {
color: #ffffff;
/*background-color: #99cc33;*/
background: url(grad.jpg) no-repeat top;
}


	
#vertmenu li a.active:link, #vertmenu li a.active:visited, #vertmenu li a.active:active, #vertmenu li a.active:hover {
color: #ffffff;
/*background-color: #99cc33;*/
background: url(grad.jpg) no-repeat top;
	}




#date {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #464f2a;
	line-height: normal;
	padding: 5px;
	border: 1px dotted #464f2a;
	margin: 3px;
	background-color: #f5f5dc;
}

h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	font-weight: normal;
}

h3{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #FFFFFF;
	line-height: 12px;
	padding-top: 5px;
	padding-bottom: 0px;
}

h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #f2fdb4;
	line-height: 16px;
}


.header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.92em;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #009900;
	padding-left:10px;
}

.article {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	margin-right: 300px;
	}
	
 a.scrollover {
      /* Default Colour/Styles here */
      color: #557AFF;
   }
   a.scrollover em:first-line {
      /* Rollover Colour/Styles here */
      color: #000090;
   }