.col1, .col2, .col-1, .col-2, .col-3, .col-4{ float:left}
/*======= width =======*/
.main{margin:0 auto; text-align:left; width:960px; }

/*======= header =======*/
#header {height:416px;}

.col1{ width:181px; margin-right:37px; text-align:right}
.col2{ width:679px}
#content .bg{ background:url('../../images/tail.gif') repeat-y 195px top
} 

/*======= index.html =======*/
#page1 #content .col-1{ width:217px; margin-right:53px}
#page1 #content .col-2{ width:409px}
#page1 #content .bg1{ background:url('../../images/tail.gif') repeat-y 249px top
} 
/*======= index-1.html =======*/
#page2 #content .col-1{ width:319px; margin-right:49px}
#page2 #content .col-2{ width:311px}
#page2 #content .bg1{ background:url('../../images/tail.gif') repeat-y 348px top
} 
/*======= index-2.html =======*/
#page3 #content .col-1{ width:406px; margin-right:52px}
#page3 #content .col-2{ width:219px}
#page3 #content .bg1{ background:url('../../images/tail.gif') repeat-y 437px top
} 
/*======= index-3.html =======*/
#page4 #content .col-1{ width:304px; margin-right:46px}
#page4 #content .col-2{ width:328px}
#page4 #content .bg1{ background:url('../../images/tail.gif') repeat-y 329px top
} 
/*======= index-4.html =======*/
#page5 #content .col-1{ width:217px; margin-right:53px}
#page5 #content .col-2{ width:407px}
#page5 #content .bg1{ background:url('../../images/tail.gif') repeat-y 249px top
} 

/*======= footer =======*/
#footer { height:54px; background:#333333
}

/*======= rss feeds=======*/
.rssclass .rsstitle{ font-weight: bold; color: #660000; }
.rssclass .rssdate{ color: gray; font-size: 85%; }
.rssclass a{text-decoration: none; color: #660000;}
.rssclass a:hover{ text-decoration:underline}
#pscroller2{ width: 170px; height: 215px; border: 1px #000000 solid; padding: 5px; background-color: #cccccc; text-align: left; color: #000000;}
#pscroller1{ width: 170px; height: 215px; border: 1px #000000 solid; padding: 5px; background-color: #cccccc; text-align:left; color:#000000;}


/*======= rss feeds 2 =======*/
.titlefield{ /*CSS for RSS title link in general*/
font-weight: bold; color: #660000;
}

.labelfield{
	/*CSS for label field in general*/
color: #660000;
	font-size: 90%;
}

.datefield{ /*CSS for date field in general*/
color: gray; font-size: 85%; 
}

#example1{ /*Demo 1 main container*/
width: 170px; height: 215px; border: 1px #000000 solid; padding: 5px; background-color: #cccccc; text-align:left; color:#000000;}

#example1 a{text-decoration: none; color: #660000;}
#example1 a:hover{text-decoration:underline;}


#example2{ /*Demo 1 main container*/
width: 170px; height: 215px; border: 1px #000000 solid; padding: 5px; background-color: #cccccc; text-align:left; color:#000000;}

#example2 a{text-decoration: none; color: #660000;}
#example2 a:hover{text-decoration:underline;}


/*======= leightbox =======*/
.leightbox { color: #333; display: none; position: absolute; padding: 1em; border: 1em #333333 solid; background-color: #FFFFFF; text-align: left; z-index: 1001; overflow: auto;
	visibility: visible;
}

/*======= form =======*/
.form1 { width:217px;}

/*======= bookmarks =======*/
.bookmark {
	text-decoration: none;
	color: #000000;
}