/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
Level_0
	LAYOUT : body - html
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
html,
body {
	margin:0;    /*removes the body margin*/
	border:0;    /*removes the body border*/
	padding:0;   /*removes the body padding*/
	height:100%; /* Sets the height of the browser window to 100% */	
	/*~STYLE~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ 
	background: #60606C url(foo) fixed;  /*no background, position for I.E */ 
	/*background:#fff url(images/paper_bruntomslags.jpg) fixed;*/ /*background, position for I.E */ 
    font-family: Verdana, Arial, Serif;
    font-size: 9px;   
}
html>body #wrap 
{
	height:100%;  /* Sets the height of the browser window to 100% */
} 

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
Level_0
	Wrap
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#wrap 
{
	width:900px;
	margin:0 auto;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
Level_1
	TOP : header
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#header {
	width:880px;
	height:60px;
/*top:0; /*for firefox*/
	/*~STYLE~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ 
	/*background:#60606C;*/  
	border-left:10px solid #ffffff;
	border-right:10px solid #ffffff;
	border-bottom:10px solid #ffffff;
	background-image: url(images/headerBck.jpg);
}
html>body #header {
	position:fixed;
	z-index:10; /* Prevent certain problems with form controls */
}

/*.roundtophead {background: #ffffff;}*/
.roundbothead {background: #ffffff;}
.r1f{margin: 0 5px; height: 1px; overflow: hidden; background: #60606C;}
.r2f{margin: 0 3px; height: 1px; overflow: hidden; background: #60606C;}
.r3f{margin: 0 2px; height: 1px; overflow: hidden; background: #60606C;}
.r4f{margin: 0 1px; height: 2px; overflow: hidden; background: #60606C;}

/*~headermenu~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ 
#headermenu
{
  position: relative;
  width: 100%;
}

.headermenulink
{
   margin-top: 10px;
   margin-left: 300px;
   text-transform: uppercase;  
   font-weight: bold; 
}

.headermenulink a
{
   text-decoration: none;
   color: #ffffff; 
   text-transform: uppercase;  
}

.headermenulink a:hover
{
   text-decoration: underline overline;
   color: #ffffff; 
}	
/*~logobox~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ 

#logobox
{
   position: absolute;
   left: 55px;
   top: 35px;
   padding: 0px;    
   display:none;
}
/*~loginbox~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ 

#loginbox
{
   position: absolute;
   top: 5px;
   right: 1px;
   width: 130px;
   height: 20px;
   padding: 0px 5px 0px 0px;    
   color: #999999;
}

#loginbox input
{
   font-size: 8px;
   color: #ffffff;
   border: solid 1px #ECE6D6;
   background-color: #60606C;
}
.logintitle
{
   text-decoration: none;
   color: #ffffff; 
   font-size: 8px;
}
/*~login-welcomebox~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ 

#welcomebox
{
   top: 85px;
   left: 770px;            
   height: 20px;
   font-size: 8px;
   color: #cccccc;
}
.welcomebox a
{
   text-decoration: none;
   color: #cccccc; 
   font-size: 9px;
}

.welcomebox a:hover
{
   text-decoration: underline overline;
   color: #ffffff; 
   font-size: 9px;
}
/*~themeselector~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#themeselector
{
   position: absolute;
   text-align: left;
   left: 5px;
   top: 10px;
   padding: 0px 0px 0px 0px;    
   font-size: 8px;
   color: #ffffff;
}

#themeselector select
{
   color: #ffffff;
   background-color: #60606C;
   font-size: 9px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
Level_2
	CENTER : content: left-center-right
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
html>body #content-wrap 
{
	width:900px;
	height:100%; /* 100 % height */
position:absolute; /*for firefox/opera, stretch the center content to the footer*/
}
html>body #content {
	padding:68px 0px 0px 0px; /* 75px = height of #header (and breadcrumb) for firefox/opera*/
background: #fffff url(foo) fixed; /*no background, position for I.E?? */ 
} 
#content {
	padding:68px 0px 0px 0px; /* 75px = height of #header (and breadcrumb) for I.E <7*/
height: 100%; /* For firefox/opera, stretch the center content to the footer*/
} 
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
Level_1_1
	Header row2 : breadcrumb
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#breadcrumb
{
	position: absolute;
	left: 0px;
	top: 45px;
	height: 15px;
	width:880px;
	padding:0px;
	/*~STYLE~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ 
   text-align:center;
   /*background-color: #787C88;*/ 
   color: #ffffff;
   font-size: 10px;
}

#breadcrumb a
{
   color: #ffffff;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
Level_2_2A
	CENTER : leftcol
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#leftcol 
{
	float: left;
	width: 160px; 
	height:100%; /*for all, stretch the center content to the footer*/
	position: relative;
	background-color: #ffffff;
	border-left:10px solid #ffffff;
	border-right:2px solid #60606C;
}
#leftcol div.text
{
   padding: 0px 0px 5px 0px;
   text-align: justify;
}

#leftcol div.sectiontitle, #leftcol .sectiontitle span
{
   width: 160px;
   padding: 5px 0px 5px 0px;
   background-color: #60606C;
   color: #ffffff;
   font-weight: bold;
   text-transform: uppercase;
}

#leftcol a
{
   color: #ffffff;
}

/*~photobox~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#photobox
{
   position: relative;
   margin: 5px 0px 5px 3px;
   background-color: #000000;
   border: inset 2px #ffffff;
}
/*~pollbox~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.pollbox
{
   color: #333333;
}

.pollcontent
{
   padding: 5px;
   color: #333333;
   font-weight: bold;
}

.pollquestion
{
   font-size: 10px;
   font-weight: bold;
   color: #333333;
}

.polloptions
{
   padding-top: 10px;
   padding-bottom: 4px;
   color: #333333;
}

.pollbar
{
   background-color: #999999;
   font-size: 4px;   
}

.progressbarcontainer
{
   width: 98%;
   height: 15px;
   border: solid 1px black;
   padding: 1px;
}

.progressbar
{
   width: 0px;
   background-color: #999999;
   height: 15px;
}        

.pollchoice
{
   color: #333333;
}

.pollresult
{
   padding-top: 2px;
   padding-bottom: 2px;
   color: #333333;
   font-size: 8px;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
Level_2_2B
	CENTER : centercol
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#centercol 
{
	float:left;
	margin: 0px;
	width: 536px; 
	position: relative;
	border-top:5px solid #ffffff;
	background-color: #ffffff
}
/*~centercolcontent~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#centercolcontent
{
   padding: 0px;
   margin: 0px 0px 0px 0px;
}

#centercolcontent div.sectiontitle, #centercolcontent .sectiontitle span
{
   font-weight: bold;
   font-size: larger;
   color: #000000;
}

#centercolcontent div.sectionsubtitle
{
   font-weight: bold;
   padding-bottom: 4px;
}
/*~gallerypage~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.gallerypagebackground
{
   background-color: #ffffff;
}
.gallerypage
{
   padding:  0px 0px 0px 0px;
}

.gallerypage a
{
   text-decoration: none;
   color: #666666; 
   font-size: 9px;
}

.gallerypage a:hover
{
   text-decoration: underline overline;
   color: #333333; 
   font-size: 9px;
}

.gallerypage a:active
{
   text-decoration: underline overline;
   color: #666666; 
   font-size: 9px;
}

.gallerypage a:visited
{
   text-decoration: none;
   color: #CCCCCC; 
   font-size: 9px;
}

.gallerysmalltitle
{
   font-size: 9px;
   color: #666666;
   text-decoration: none;
}

.gallerygreytitle
{
   font-size: 9px;
   font-weight: bold;
   color: #999999;
   text-decoration: none;
}
.gallerygreytitlecenter
{
   text-align: center;
   font-size: 10px;
   font-weight: bold;
   color: #666666;
   text-decoration: none;
   padding: 4px;
}
.gallerywhitetitle
{
   font-size: 10px;
   font-weight: bold;
   color: #ffffff;
   text-decoration: none;
   padding-bottom: 4px;
}

#gallerypagedetail
{
   padding:  10px 10px 2px 0px;
   text-align: center;
   position: relative;
   background-color: #FFFFFF;
}

.gallery_image
{
	text-align: center;
	padding: 4px; 
	border: 1px solid #999999; 
	margin: 0px;
}

.gallery_image_borderout1
{
	border: 1px solid #666666; 
	margin: 0p;
    padding: 0px; 
}
.gallery_image_bordout5
{	
	border: 5px solid #666666;
	margin: 0px;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
Level_2_2C
	CENTER : rightcol
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#rightcol 
{
	float: left;
	width: 180px;
	position: relative;
	background-color: #ffffff;
	border-right:10px solid #ffffff;
	border-left:2px solid #60606C;
}

#rightcol div.text
{
   padding: 0px 0px 0px 0px;
   text-align: justify;
}

#rightcol div.sectiontitle, #rightcol .sectiontitle span
{
   width: 180px;
   padding: 5px 0px 5px 0px;
   background-color: #60606C;
   color: #ffffff;
   font-weight: bold;
   text-transform: uppercase;
}

#rightcol a
{
   color: #000000;
}
/*~infobox~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ 
.infobox
{
   text-decoration: none;
   /*background-color: #cccccc;*/ 
   /*border-bottom: solid 3px #333333;*/ 
   padding: 5px 0px 5px 5px;
}
/*~newsletterbox~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ 
.newsletterbox
{
}

.newsletterboxcontent
{
   padding: 4px 0px 0px 6px;
}
/*~bannerbox~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ 
#bannerbox
{
   border: inset 1px #ffffff;
   margin-top: 5px;
   margin-bottom: 5px;
   margin-left: 65px;
   margin-right: 5px;
   padding: 0px;
   text-align: center;
   background-color: #333333;
   color: #ffffff;
   width: 70px;
   height: 60px;
   display:none;
}

#bannerbox a
{
   font-size: 9px;
   text-decoration: none;
   color: #ffffff;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
Level_3
	BOTTOM : footer
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#footer {
	width:880px;
	height:50px;
	/*~STYLE~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ 
	text-align:center;
    background-color: #60606C;
	font-weight:bold;
	color:#000000;
	/*border:10px solid #ffffff;*/
	border-left:10px solid #ffffff;
	border-right:10px solid #ffffff;
	border-top:10px solid #ffffff;
	font-weight:bold;
	color:#000000;
}
html>body #footer {
	position:fixed;
	bottom:0;
	z-index:10; /* Prevent certain problems with form controls */
}
.roundtopfoot {background: #ffffff;}
/*.roundbotfoot {background: #ffffff;}*/
.r1f{margin: 0 5px; height: 1px; overflow: hidden; background: #60606C;}
.r2f{margin: 0 3px; height: 1px; overflow: hidden; background: #60606C;}
.r3f{margin: 0 2px; height: 1px; overflow: hidden; background: #60606C;}
.r4f{margin: 0 1px; height: 2px; overflow: hidden; background: #60606C;}

/*~footermenu~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ 

#footermenu
{
   padding: 5px;            
}
/*~footermenulink~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ 
.footermenulink
{
   padding-top: 5px;            
   font-family: Verdana;
   font-size: 10px;
   font-weight: bold;
   text-transform: uppercase;  
   text-align: center;
}

.footermenulink a
{
   text-decoration: none;
   color: #ffffff; 
   text-transform: uppercase;  
   font-size: 10px;
   font-weight: bold;
}

.footermenulink a:hover
{
   text-decoration: underline overline;
   color: #000000; 
}
/*~footertext~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ 
#footertext
{
   text-decoration: none;
   text-align: center;
   padding: 5px; 
   font-family: Verdana;
   font-size: 9px;
   color: #ffffff;          
}
.footertextlink
{
   text-decoration: none;
}

.footertextlink a
{
   text-decoration: none;
   color: #ffffff; 
   font-weight: bold;
}

.footertextlink a:hover
{
   text-decoration: underline overline;
   color: #ffffff; 
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
General Settings
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*~IMG~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/  
a:hover img {	
filter:alpha(opacity=80);
-moz-opacity: .8;
opacity:0.8; 
-khtml-opacity:0.8;
text-decoration: none;
}
img {
	border: 0;
}

/*~TEXT~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/  

.greytitle
{
   font-size: 9px;
   font-weight: bold;
   color: #999999;
   text-decoration: none;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	ARTICLE/NEWS CONTENT
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/       
#articlecontent 
{
	padding: 0px;
	margin: 0px;
	width:100%;
	height:100%;
	text-align:left;
	clear:both;
	float:left;
    color: #000000;
    background-color: #ffffff;
}

#articleouterwrapper {
    width:100%;
	float:left;
	padding:0px; 
	margin-left:auto;
    margin-right:auto;
}

.articleheader
{
   font-size: 10px;
   font-weight: bold;
   color: #666666;
   text-decoration: none;
   background-color: #cccccc;
   height: 10px;
   padding: 4px 0px 4px 4px;
}

.articlewrap
{
   background-color: #999999;
   width: 100%;
   padding: 0px;
   margin: 0px;
}

.articlebox
{
   background-color: #ffffff;
   color: #000000;
   padding: 6px 6px 6px 6px;
   font-size: 9px;
}

.articletitle
{
   font-size: 10px;
   font-weight: bold;
   color: #000000;
   text-decoration: none;
   padding-bottom: 4px;
}

.articleabstract
{
   padding-top: 6px;
}
.articlerow {
	clear:both;
	padding:0px;
	width: 100%;
	margin-left: 0px;
	background-color: #ffffff;
}

.articlerow img {
	float:left;
    padding: 5px 2px 5px 10px;
}

.articlerowtext 
{
	padding:0px;
}

img.articlefloatLeft { 
    float: left; 
    margin-right: 4px; 
    border: 2px solid #cccccc;
    clear:both;
    padding:0;
    background: transparent;
    position: relative;
}

img.articlefloatRight { 
    float: right; 
    margin-left: 4px; 
    border: 2px solid #cccccc;
    clear:both;
    padding:0;
    background: transparent;
    position: relative;
}
.articleblanksep {
	clear:both;
	height: 10px;
	width: 98%;
	background-color: #ffffff;
}

hr.artdotsep {
	border: 1px dotted #cccccc;
}

hr.artlinesep {
	border: 1px solid #cccccc;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	FORUM CONTENT
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/       
.postheader
{
   font-size: 10px;
   font-weight: bold;
   color: #666666;
   text-decoration: none;
   background-color: #cccccc;
   height: 10px;
   padding: 4px 0px 4px 4px;
}
.postheader a
{
   color: #333333; 
   font-weight: bold;
}

.postheader a:hover
{
   text-decoration: underline overline;
   color: #333333; 
}
.postinfo
{
   background-color: #666666;
   color: #ffffff;
   font-weight: bold;
   text-align: center;
   margin-top: 0px;
   border-bottom: 1px solid #ffffff;
}

.posttitle
{
   padding: 5px 4px 4px 4px;
   margin-bottom: 0px;
   background-color: #666666;
   color: #ffffff;
   font-weight: bold;
}

.postbody
{
   padding: 3px;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
Admin Editpages
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.comeditbox
{
   background-color: #FFFBD6;
   width: 100%;
   padding: 0px;
   margin: 0px;
}

.comeditwhitebox
{
   background-color: #FFFFFF;
   width: 100%;
   color: #000000;
   border: solid 1px #999999;
   padding: 0px 0px 0px 10px;
   font-size: 9px;
}

.comeditcontent
{
   background-color: #FFFBD6;
   color: #000000;
   padding: 0px 0px 0px 0px;
   margin: 0px 0px 0px 5px;
   font-size: 9px;
}

.comeditcontentnomarg
{
   background-color: #FFFBD6;
   color: #000000;
   padding: 5px 5px 5px 5px;
   margin: 0px 0px 0px 0px;
   font-size: 10px;
}

.comeditheader
{
	background-color: #FFCC66;
   font-size: 13px;
   font-weight: bold;
   color: #000000;
   text-decoration: none;
   padding: 5px 0px 5px 5px;
}

.comedittitle
{
   background-color: #FFFF99;
   font-size: 11px;
   font-weight: bold;
   color: #000000;
   text-decoration: none;
   padding: 2px 0px 2px 10px;
   margin: 0px 0px 0px 0px;
}

.comedittitle2
{
   font-size: 11px;
   font-weight: bold;
   color: #000000;
   text-decoration: none;
   padding: 2px 0px 2px 15px;
   margin: 0px 0px 0px 0px;
}

.comeditfieldname
{
   text-align:left;
   font-size: 10px;
   height: 20px;
   margin-left: 20px;
}

.comedittext
{
   font-size: 9px;
   color: #000000;
   text-decoration: none;
   padding: 10px 10px 10px 10px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
START
	Common for Templates HP
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

img.HPfloatLeft { 
    float: left; 
    margin-right: 4px; 
    border: 2px solid #cccccc;
    clear:both;
    padding:0;
    background: transparent;
    position: relative;
}

img.HPfloatRight { 
    float: right; 
    margin-left: 4px; 
    border: 2px solid #cccccc;
    clear:both;
    padding:0;
    background: transparent;
    position: relative;
}

.HPheadsep {
	clear:both;
	padding-top: 0px;
	margin-left: 0px;
	width: 98%;
	background-color: #ffffff;
}

.HProwsep {
	clear:both;
	padding-top: 2px;
	margin-left: 10px;
	width: 98%;
	background-color: #ffffff;
}

.HPblanksep {
	clear:both;
	height: 10px;
	width: 98%;
	background-color: #ffffff;
}

hr.dotsep {
	border: 1px dotted #cccccc;
}

hr.linesep {
	border: 1px solid #cccccc;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
END
	Common for Templates HP
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
START
	Template HP1 Rows with columns
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
	
#HP1content 
{
	padding: 0px;
	margin: 0px;
	width:100%;
	height:100%;
	text-align:left;
	clear:both;
	float:left;
    color: #000000;
    background-color: #ffffff;
}

#HP1wrapper {
    width:100%;
	float:left;
	padding:0px; 
	margin-left:auto;
    margin-right:auto;
}

.HP1header
{
   font-size: 10px;
   font-weight: bold;
   color: #666666;
   text-decoration: none;
   background-color: #cccccc;
   height: 10px;
   padding: 4px 0px 4px 4px;
}
.HP1headrow
{
   text-decoration: none;
   background-color: #cccccc;
   padding: 10px 5px 10px 5px;
}

.HP1footrow
{
   text-decoration: none;
   background-color: #6699cc;
   padding: 5px 10px 5px 10px;
   text-align: center;
}

.HP1footrow a
{
   text-decoration: none;
   color: #000000; 
}

.HP1footrow a:hover
{
   text-decoration: underline overline;
   color: #ffffff; 
}

.HP1footrow a:active
{
   text-decoration: underline overline;
   color: #000000; 
}

.HP1box
{
   width: 100%;
   text-decoration: none;
   background-color: #ffffcc;
   border: solid 0px #999999;
}
.HP1textbox
{
   background-color: #ffffff;
   color: #000000;
   padding: 6px 6px 6px 6px;
   font-size: 9px;
}	
.HP1title
{
   font-size: 10px;
   font-weight: bold;
   text-decoration: none;
   padding: 0px 0px 5px 0px;
}

.HP1row {
	clear:both;
	padding:0px;
	width: 100%;
	margin-left: 0px;
	background-color: #ffffff;
}

.HP1row img {
	float:left;
	border: 1px solid #999999;
}


.HP1rowtext 
{
	padding:0px;
}

.HP1rowtextgrey 
{
	color: #333333;
	font-size: 8px;
}


.HP1rowmore {
	clear:both;
	padding:5px;
	width: 96%;
	margin-left: 10px;
	background-color: #ffffff;
	border: 0px solid #999999;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
END
	Template HP1 Rows with columns
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/