/* andreas02 - an open source xhtml/css website layout by Andreas Viklund - http://andreasviklund.com . Free to use for any purpose as long as the proper credits are given to the original author.

Version: 1.4
(Jul 08, 2006)

Screen layout: */

body{
	padding:0;
	margin:0;
	font:76% tahoma, verdana, sans-serif;
	background:#e0e0e0;
	color:#303030;
}

textarea
{
font-family: tahoma, verdana, sans-serif;
}

input
{
font-family: tahoma, verdana, sans-serif;
}

select
{
font-family: tahoma, verdana, sans-serif;
}

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

a:hover{
text-decoration:underline;
}

.themetable
{
border: 2px solid #CCCCCC;
width: 100%;
background-image: url(/images/125_background_b.gif);
background-position: bottom;
background-repeat: no-repeat; 
}

.themecol
{
xfont-family: tahoma, verdana, sans-serif;
color: white; 
font-weight: bold;
xfont-size: smaller; 
padding: 3px; 
border: 1px solid #999999;
text-align:center;
width: 25%; 
}
  
.topiclink{
text-decoration:none;
color:white;
}

.topiclink:hover{
text-decoration:underline;
}  


#container{
margin:15px auto 15px auto;
width:740px;
padding:5px 20px 20px 20px;
background:#ffffff;
}

.bg_bv{background-color: #F2BF24;}	
.bg_cc{background-color: #009999;}	
.bg_hf{background-color: #999933;}	
.bg_il{background-color: #993300;}	
.bg_intl{background-color: #FF6600;}	
.bg_cac{background-color: #CC0000;}	
.bg_te{background-color: #80D164;}	
.bg_wrl{background-color: #7070CC;}		
.fg_bv{color: #F2BF24;}	
.fg_cc{color: #009999;}	
.fg_hf{color: #999933;}	
.fg_il{color: #993300;}	
.fg_intl{color: #FF6600;}	
.fg_cac{color: #CC0000;}	
.fg_te{color: #80D164;}	
.fg_wrl{color: #7070CC;}	

#header
	{
		border-collapse: collapse;
		width: 743px;
	}
	
	#logotop
	{	
		width: 1%;
		padding: 0px;
		vertical-align: bottom;		
	
	}
	
	#logobottom
	{	
		padding: 0px;
		vertical-align: top;	
		
	}
	
	#menucell
	{
	vertical-align: top;
	background-image: url(/images/headerbg.gif);
	background-position: top;
	background-repeat: repeat-x;		
	padding-top: 4px;
	}
	
	.taboff:link, .taboff:visited, .taboff:active, .taboff:hover
	{
	color: white;
	text-decoration: none;
	padding-right: 20px;	
	font-size: 120%;
	font-family: arial;
	1font-weight: bold;	
	}	
	
	.tabon:link, .tabon:visited, .tabon:active, .tabon:hover
	{
	color: #F2BF24;
	text-decoration: none;
	padding-right: 20px;
	font-size: 120%;
	font-family: arial;
	1font-weight: bold;	
	}	
			
	#sysmenu
	{
	vertical-align: top;
	text-align: right;
	padding-top: 3px;
	padding-right: 6px;
	}
	
	.toplinks
	{
	padding-left: 8px;
	text-decoration:none;
	}
	
	#box
	{
	background-color: #fcfcfc;
	margin-right: 8px;
	}	

#desc{
height:200px;
color:#ffffff;
padding:0;
clear:both;
margin:5px 0 0 0;
border-bottom:4px solid #EDB405;
}

#desc p{
width:290px;
font-size:1em;
line-height:1.3em;
padding:0 0 0 15px;
}

#desc h2{
padding:15px 15px 0 15px;
color:#ffffff;
}

#desc a{
color:#ffffff;
text-decoration:underline;
}

#main{
float:left;
padding:0 0 0 0;
}

#mainnoleftpanel{
width:560px;
float:left;
padding:0 15px 0 0;
}

.block{
background:#f0f0f0;
padding:15px;
}

#sidebar{
width:140px;
float:right;
}

#sidebar p{
font-size:0.9em;
line-height:1.3em;
margin:0 0 12px 0;
}

.sidelink{
text-align:left;
display:block;
width:120px;
background:#f0f0f0 url(../images/corner.gif) top right no-repeat;
padding:3px 4px 3px 8px;
margin:5px 10px 5px 0;
}

.sidelink:hover{
background:#e0e0e0 url(../images/corner.gif) top right no-repeat;
text-decoration:none;
}

#footer{
clear:both;
xbackground:#fafafa;
color:#808080;
font-size:0.9em;
padding:8px 0 8px 0;
border-top:1px solid #d0d0d0;
/*border-bottom:1px solid #d0d0d0;*/
border-bottom:4px solid #CED8E2;
text-align:center;
}

#footer a{
color:#808080;
}

#footer p{
margin:0 10px;
}

h1{
margin:0 0 20px 0;
font-size:2.1em;
font-weight:normal;
}

h2{
margin:0 0 20px 0;
font-size:1.6em;
font-weight:normal;
}

h3{
margin:5px 0 10px 0;
font-size:1.4em;
font-weight:normal;
color:#747373;
}

h4{
margin:0px 0px 0px 0px;
font-size:1.4em;
font-weight:normal;
}


p{
margin:0 0 15px 0;
line-height:1.5em;
text-align:left;
}

li{
margin:0 0 15px 15px;
}

.right{
text-align:right;
}

a img{
border:0;
}

.photo{
padding:5px;
display:block;
margin:0 auto 15px auto;
background-color:#f0f0f0;
}

.hide{
display:none;
}


acronym 
{
		border: 1px dotted #6699ff;
		color: #6699ff;
		cursor: help;
}

.Important
{
	font-weight: bold;
	color: #990000;
}


/*overriding alignments 1 through 9 as on a calculator*/
.align1 
{
	text-align: left; vertical-align: bottom
}

.align2 
{
	text-align: center; vertical-align: bottom
}

.align3 
{
	text-align: right; vertical-align: bottom
}

.align4 
{
	text-align: left; vertical-align: middle
}

.align5
{
	text-align: center; 
	vertical-align: middle;
}

.align6 
{
	text-align: right; vertical-align: middle
}

.align7 
{
	text-align: left; vertical-align: top
}

.align8 
{
	text-align: center; vertical-align: top
}

.align9
{
	text-align: right; vertical-align: top
}



/*NEWSLETTER CSS STYLES*/


.nl_title
{
	font-size: 28px;
}

.nl_editedby
{
	font-size: 75%;
}

.nl_summary
{
	border: 1px solid #d0d0d0;
	background-color: #eeeedd;
	padding: 5px;
}

.nl_topstory
{
	border: 1px solid #d0d0d0;
	margin-top: 10px;
	margin-bottom: 10px;
}

.nl_substory
{
	border: 1px solid #d0d0d0;
	padding-top:10px;
	padding-bottom:10px;
	width:50%;
	vertical-align:top; 
}

.nl_articletitle
{
	font-size: 20px;
}

.nl_articleby
{
	font-size: 75%;
	padding-bottom:10px;
}

.nl_articlesummary
{
	font-size: normal;
}





/*-------------*/
/*Blog display*/
/*-----------*/
.MainBlogMenuTable {
  margin: 10px;
  width: 100%;
}
div.BlogEntry {
  margin: 10px;
  background-color: #EEEEEE;
  clear:left;
}
div.BlogEntryBorderLeft {
  /*background: url(../images/BlogBorder.gif) left repeat-y;*/
  width: 100%;
}
div.BlogEntryBorderRight {
  /*background: url(../images/BlogBorder.gif) right repeat-y;*/
}
div.BlogHeader {
  font-weight: bold;
  /*background: url(../images/BlogTop.gif) top repeat-x;*/
  padding-top: 10px;
  padding-left: 10px;
}
div.BlogWho {
  padding-top: 5px;
  padding-left: 10px;
	font-size: 90%;
	color: gray;
}
div.BlogBody {
  padding: 10px;
}
div.BlogFooter {
  /*background: url(../images/BlogBottom.gif) bottom repeat-x;*/
  padding: 10px;
  padding-bottom: 15px;
  text-align: right;
	font-size: 90%;
}
div.BlogPaging {
  padding: 5px;
  padding-bottom: 0px;
  text-align: right;
}
div.BlogTopicIcon {
  padding-top: 12px;
  padding-right: 5px;
  float: right;
}
div.BlogGetOwn {
  padding: 5px;
  padding-bottom: 0px;
  float: left;
}