body
{
   margin: auto;
   font-family: Verdana, Arial, Serif;
   font-size: 9px;
   background-color: #333333;
}

td
{
   vertical-align: top;
}

td.fieldname
{
   text-align: right;
   font-size: 9px;
   font-weight: bold;   
}


hr
{
   color: #ffffff;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	CONTAINER for LEFT/CENTER/RIGHT CONTENT
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#container
{
   background-color: #333333;
}

#container2
{
   background-color: #333333;
  /* margin-right: 200px;*/
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
TopLevel_1
	HEADER(TOP) MENU CONTENT CONTAINER
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#header
{
   padding: 0px;
   margin: 0px;
   /*width: 660px*/
   /*height: 285px;*/
   /*background-color:#333333;*/
}  

#header2
{
   padding: 0px;
   margin: 0px;
   margin-left: 220px;
   width: 660px;
   height: 285px;
   background-image: url(images/ZeppRock.jpg);
}

#headermenu
{
  position: relative;
  top: 10px;
  margin-left: 10px;
  width: 100%;
  padding: 0px 0px 0px 0px;
  /*text-align: center;*/
}

.headermenulink
{
   font-family: Verdana;
   font-size: 9px;
   text-transform: uppercase;  
   font-weight: bold; 
   /*text-align: center;*/
}

.headermenulink a
{
   text-decoration: none;
   color: #ffffff; 
   text-align: center;
   font-size: 9px;
   text-transform: uppercase;  
   font-weight: bold; 
}

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

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
TopLevel_2
	HEADER(TOP) MENU2  CONTENT CONTAINER
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#breadcrumb
{
   background-color: #333333;
   color: #ffffff;
   padding: 3px;
   font-size: 10px;	
   padding-left: 5px;
}

#breadcrumb a
{
   color: #ffffff;
}

 
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
LeftColumn
	LEFTCOLUMN  CONTENT CONTAINER
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/       
#leftcol
{
   position: absolute;
   top: 0px;
   left: 0px;
   width: 220px;
   /*height: 60%;*/
   background-color: #333333;
   font-size: 10px;
}

#leftcol div.text
{
   padding: 6px 6px 6px 6px;
   text-align: justify;
}

#leftcol div.alternatetext
{
   padding: 6px 6px 6px 6px;
   background-color: #333333;
   text-align: justify;
}

#leftcol div.sectiontitle, #leftcol .sectiontitle span
{
   padding: 6px 6px 6px 3px;
   background-color: #333333;
   color: #ffffff;
   font-size: 10px;
   font-weight: bold;
   text-transform: uppercase;
}

#leftcol a
{
   color: #ffffff;
}

 
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
RightColumn
	RIGHTCOLUMN  CONTENT CONTAINER
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/       

#rightcol
{
   position: absolute;
   top: 50px;
   left: 883px;            
   width: 5px;
   color: #ffffff;
   background-color: #333333;
   font-size: 10px;
}

#rightcol a
{
   color: #ffffff;
}

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

#rightcol div.sectiontitle, #rightcol .sectiontitle span
{
   padding: 0px 0px 0px 0px;
   background-color: #333333;
   color: #ffffff;
   font-size: 9px;
   font-weight: bold;
   text-transform: uppercase;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
CenterColumn
	CENTERCOLUMN  CONTENT CONTAINER
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/       

#centercol
{
   position: relative;
   margin-left: 220px;
   padding: 0px;
   width: 660px;
   background-color: #000000;
}

#centercolcontent
{
   padding: 0px;
}



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
FooterColumn
	FOOTER  CONTENT CONTAINER
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/       

.footermenulink
{
   font-family: Verdana;
   font-size: 10px;
   font-weight: bold;
   text-transform: uppercase;  
   /*text-align: center;*/
}

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

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


#footer
{
   padding: 0px;
   margin: 0px;
   width: 100%; 
   height: 40px;
   color: #ffffff;          
	/*background-color : #333333;*/
   visibility: hidden;
   margin-left: 225px;
}
   
#footer2
{
   padding: 0px;
   margin: 0px;
   width: 100%;
   height: 40px;
	/*background-color : #666666;*/
}

#footermenu
{
   padding-top: 10px;            
   color: #ffffff;          
}

#footertext
{
	text-decoration: none;
   font-family: Verdana;
   font-size: 9px;
   /*text-align: center;*/
   padding-top: 3px; 
   color: #ffffff;          
}

.footertext a
{
   text-decoration: none;
   color: #ffffff; 
   font-size: 8px;
   /*font-weight: bold;*/

}

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

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	LOGIN
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/       

#loginbox
{
   position: absolute;
   font-family: Verdana;
   top: 10px;
   left: 760px;            
   width: 130px;
   height: 20px;
   padding: 0px 0px 0px 0px;    
   font-size: 9px;
   color: #ffffff;
}

#loginbox input
{
   color: #ffffff;
   border: solid 1px #666666;
   background-color: #000000;
   font-size: 9px;
}

#welcomebox
{
   top: 10px;
   left: 760px;            
   font-size: 8px;
   text-align: right;
   height: 20px;
   color: #666666;
}
.welcomebox a
{
   text-decoration: none;
   color: #666666; 
   font-size: 9px;
}

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

#themeselector
{
   position: absolute;
   font-family: Verdana;
   text-align: left;
   left: 780px;
   top: 255px;
   /*width: 190px;*/
   /*height: 20px;*/
   padding: 0px 0px 0px 0px;    
   font-size: 8px;
   color: #ffffff;
}

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

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	LOGO
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ 
#logobox
{
   margin-top: 10px;
   /*margin-bottom: 5px;*/  
   margin-left: 10px;
   /*margin-right: 5px;*/  
   padding: 0px;
   text-align: center;
   background-color: #333333;
   color: #ffffff;
   width: 100px;
   height: 100px;
    
   position: absolute;
   left: 1px;
   top: 1px;
   padding: 0px 0px 0px 0px;    
   font-size: 9px;
   color: #ffffff;
}

#logobox a
{
   font-size: 9px;
   text-decoration: none;
   color: #ffffff;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	POLLBOX
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/   
 #pollbox
{
   margin-top: 115px;
   /*margin-bottom: 5px;*/  
   margin-left: 5px;
   /*margin-right: 5px;*/  
   padding: 0px;
   text-align: left;
   background-color: #333333;
   color: #ffffff;
   width: 200px;
   position: absolute;
   left: 1px;
   top: 1px;
   padding: 0px 0px 0px 0px;    
   font-size: 9px;
   color: #ffffff;
}

.pollcontent
{
   padding: 6px;
   color: #ffffff;
   font-size: 9px;
   font-weight: bold;
}

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

.polloptions
{
   padding-top: 2px;
   padding-bottom: 2px;
}

.pollchoice
{
   color: #ffffff;
   font-size: 9px;
}

.pollresult
{
   padding-top: 2px;
   padding-bottom: 2px;
   color: #ffffff;
   font-size: 8px;
}

.pollbar
{
   background-color: #99FF99;
   font-size: 3px;   
}

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

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


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	BANNER
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ 

#bannerbox
{
    /*margin-top: 2px;*/
   /*margin-bottom: 5px;*/  
    /*margin-left: 2px;*/
   /*margin-right: 5px;*/  
   padding: 0px;
   text-align: center;
   background-color: #333333;
   color: #ffffff;
   width: 100px;
   height: 100px;
    
   position: absolute;
   left: 1px;
   top: 1px;
   padding: 0px 0px 0px 0px;    
   font-size: 9px;
   color: #ffffff;
}

#bannerbox a
{
   font-size: 9px;
   text-decoration: none;
   color: #ffffff;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	RANDOM PHOTOBOX CONTENT
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/       
#photobox
{
   /*margin-bottom: 5px;*/  
    /*margin-left: 1px;*/ 
   /*margin-right: 5px;*/  
   padding: 0px;
   text-align: center;
   background-color: #333333;
   color: #ffffff;
   width: 100px;
   height: 100px;
   
   position: relative;
   left: 6px;
   top: 40px;
   padding: 0px 0px 0px 0px;    
   font-size: 9px;
   color: #ffffff;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	GALLERY PAGE CONTENT
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ 

.gallerypage
{
   padding:  0px 0px 0px 10px;
}

.gallerypage a
{
   text-decoration: none;
   color: #ffffff; 
   font-size: 9px;
   /*font-weight: bold;*/
}

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

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

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

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

.gallerygreytitle
{
   font-size: 9px;
   font-weight: bold;
   color: #999999;
   text-decoration: none;
}
.gallerywhitetitle
{
   font-size: 10px;
   font-weight: bold;
   color: #ffffff;
   text-decoration: none;
   padding-bottom: 4px;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	EDIT / COMMENT BOXES and TEXT
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/  

.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;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
 Border for Images
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.img_gallmargin
{
	margin: 0px 0px 20px 10px;
}

.img_borderout1
{
	border: 1px solid #666666; 
	margin: 0px 0px 0px 0px;
}

.img_borderout5
{	
	border: 5px solid #666666;
	margin: 0px 0px 0px 20px;
}

/*
.img_tn_cntr_30 {height: 30px; vertical-align: middle; display: inline;}
.img_tn_cntr_60 {height: 60px; vertical-align: middle; display: inline;}
.img_tn_cntr_72 {height: 72px; vertical-align: middle; display: inline;}
.img_tn_cntr_84 {height: 84px; vertical-align: middle; display: inline;}
.img_tn_cntr_156 {height: 156px; vertical-align: middle; display: inline;}
.img_tn_cntr_300 {height: 300px; vertical-align: middle; display: inline;}
.img_tn {padding: 4px; border: 1px solid #999999; margin: 2px;}
.img_nb {padding: 0px; border: 1px solid #000000; margin: 0px;}
*/

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	UL : 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/       

.menuSel ul 
{ 
	list-style: none; 
	padding:0px; 
	margin-left: 0px; 
}

.menuSel li 
{ 
	padding: 0px; 
	margin: 0px; 
	display: inline; 	
	border-left: solid 1px #000; 
}

.menuSel li.first 
{ 
	border-left: none; 
}

.menuSel li a:link, .menuSel li a:visited 
{ 
	padding: 0px 2px 0px 5px; 
	color: #000; 
	text-decoration: none; 
}

.menuSel li a:active
{
	color: #000;
	text-decoration: underline;
}

.menuSel li a:hover 
{
	color: #000;
	text-decoration: underline;
	font-weight: bold;
}


.menuRow ul 
{ 
	padding:0px; 
	margin-left: 0px; 
}

.menuRow li 
{ 
	list-style-type: circle; 
	padding: 0px; 
	margin: 0px; 
}


.menuRow li a:link, .menuRow li a:visited 
{ 
	padding: 0px 2px 0px 5px; 
	color: #000; 
	text-decoration: none; 
	font-weight: bold;
}

.menuRow li a:active
{
	color: #000;
	text-decoration: underline;
}

.menuRow li a:hover 
{
	color: #000;
	text-decoration: underline;
	font-weight: bold;
}

/*
#navtop ul, #navbottom ul
{
    margin: 0px;
    padding-top: 9px;
    list-style-type: none;
    height: 19px;
    text-align: center;
}
#navtop ul li, #navbottom ul li
{
    display: inline;
    color: #FFFFFF;
    margin-right: 25px;
}
#navtop a:link, #navbottom a:link, #navtop a:visited, #navbottom a:visited
{
    color: #FFFFFF;
    text-decoration: none;
}
#navtop a:hover, #navbottom a:hover
{
    text-decoration: underline;
}
#navtop a:active, #navbottom a:active
{
    color: #FEFFBD;
    text-decoration: none;
}
*/

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


.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;
}

.whitetitle
{
   font-size: 10px;
   font-weight: bold;
   color: #ffffff;
   background-color: #000000;
   text-decoration: none;
}

.greytitle
{
   font-size: 9px;
   font-weight: bold;
   color: #999999;
   text-decoration: none;
}
.articleabstract
{
   padding-top: 6px;
}
.articleblackbox
{
   background-color: #000000;
   width: 100%;
   height: 100%;
   color: #ffffff;
   padding: 0px;
   font-size: 9px;
}
.sectiontitle
{
   font-size: 10px;
   font-weight: bold;
   color: #000000;
   text-decoration: none;
}
.highlight
{
   background-color: #FFFF99;
   color: #000000;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	MISC
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ 


.pagecenter
{
   padding:  0px 0px 0px 20px;   
   font-size: 9px;
   font-weight: bold;
   color: #000000;
}

.highlightcity
{
   background-color: #df2e05;
}

.highlightstate
{
   background-color: #f4c977;
}

.highlightcountry
{
   background-color: #818689;
}




.comment
{
   padding: 4px 0px 4px 0px;
   font-size: 9px;
}


.newsletterbox
{
   font-size: 11px;
}

.newsletterboxcontent
{
   padding: 6px;
}

.postinfo
{
   background-color: #99CC33;
   font-weight: bold;
   text-align: center;
}

.posttitle
{
   padding: 3px;
   margin-bottom: 10px;
   background-color: #999999;
   color: #ffffff;
   font-weight: bold;
}

.postbody
{
   padding: 3px;
}

.shoppingcartbox
{
   font-size: 11px;
}

.shoppingcartboxcontent
{
   padding: 6px;
}



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
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-top: 0px;
	width:100%;
	text-align:left;
	clear:both;
	float:left;
    color: #000000;
    background-color: #ffffff;
}

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

.HP1header
{
   font-size: 10px;
   font-weight: bold;
   color: #CCCCCC;
   text-decoration: none;
   background-color: #999999;
   height: 15px;
   padding: 4px 0px 4px 4px;
}
.HP1headrow
{
   font-size: 9px;
   color: #000000;
   margin-top: 0px;
   text-decoration: none;
   background-color: #FFFF99;
   padding: 10px 0px 10px 4px;
}

.HP1footrow
{
   font-size: 9px;
   color: #FFFFFF;
   margin-top: 0px;
   text-decoration: none;
   background-color: #0099CC;
   padding: 5px 10px 5px 10px;
   text-align: right;
}

.HP1footrow a
{
   text-decoration: none;
   color: #ffffff; 
   font-size: 9px;
   /*font-weight: bold;*/
}

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

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


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

.HP1row {
	clear:both;
	padding:0px;
	height: 100%;
	width: 98%;
	margin-left: 10px;
	background-color: #FFFFFF;
	font-size: 9px;
}

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


.HP1rowtext {
	font-size: 9px;
}

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


.HP1rowmore {
	clear:both;
	padding:5px;
	height: 100%;
	width: 97%;
	margin-left: 10px;
	background-color: #FFFFFF;
	font-size: 9px;
	border: 1px solid #999999;
}

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
















/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	CONTENT CONTAINER - TWO COLUMN

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#content-container-two-column {
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	padding:10px;
    color: #000000;
	/*border:1px solid #818181;*/
	/*background:url(../../images/bg-content-side.png) repeat-y right;*/
	position:relative;
	}

#content-main-two-column 
{
   padding: 10px 0px 0px 10px;
	width:100%;
	float:left;
	background-color: #FFFFFF;
	}

#content-side-two-column {
	float:right;
	width:120px;
	}
	
	
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	CONTENT CONTAINER - THREE COLUMN

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#content-container-three-column {
	margin-top:3px;
	margin-left:auto;
	margin-right:auto;
	padding:15px;
	border:1px solid #818181;
	background:url(../../images/bg-three-column-main.png) repeat-y;
	position:relative;
	}

#content-main-three-column {
	width:200px;
	float:left;
	margin-left:25px;
	}

#content-side2-three-column,
#content-side1-three-column {
	width:160px;
	font-size:.9em;
	}
	
#content-side2-three-column {
	float:right;
	}

#content-side1-three-column {
	float:left;
	}
	
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	HOME PAGE - THREE COLUMN SECTION

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#three-column-container {
	/*background:url(../../images/bg-three-column-home.png) repeat-y;*/
	padding:0;
	margin:2px 0 2px 0;
	}

#three-column-side1 {
	float:left;
	width:30%;
	}

#three-column-side2 {
	float:right;
	width:30%;
	}

#three-column-middle {
	width:30%;
	margin:0px 10% 0px 10%;
	}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	Article Categories

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#three-single-columns 
{
	margin-left:4px;
	margin-right:2px;
	float:left;
	width:155px;
	font-size:.9em;
	}