/* ----------general text-------- */

body {
	background-color: #CFE2CD;
	text-align: center;
	font-size: 0.8em;
	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
	color:#000000;
	padding:0px;
	margin-top: 15px;
	background-image: url(../images/filton_body_back.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

a:link {
	color:#6699FF;
	text-decoration: underline;
}

a:visited {
	color:#6699FF;
	text-decoration: underline;
}

a:active {
	color:#66CC33;
	text-decoration: underline;
}

a:hover {
	color: #66CC33;
}

h1, h2, h3, 
h4, h5, h6 {
	text-align: left;
	clear: left;
}

p {
	line-height: 1.5em;
	text-align: left;
	margin:0px;
	padding-top: 1px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	font-size: 1em;
	}
	
p.indent {
	margin-left: 5px;
	color: #2B7ABE;
	}
	
h1 {
	font-size: 1.6em;
	color: #6699FF;
	font-weight: lighter;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #6699FF;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 0px;
	clear: left;
	margin-bottom: 10px;
}

h2 {
	font-size: 1.4em;
	color: #66CC33;
	font-weight: lighter;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #66CC33;
	border-top-width: thin;
	border-top-style: dotted;
	border-top-color: #66CC33;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 0px;
	margin-bottom: 10px;
}

h3 {}

h4 {}

h5 {}

h6 {
	font-size: 1em;
	padding-top: 10px;
	padding-left: 0px;
	margin: 0px;
	}



/* ----------common styles-------------- */

.lfloat	{
	float: left;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 0px;
}
.rfloat	{
	float: right;
	padding-left: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.clear	{ clear: both;		}
.lclear	{ clear: left;		}
.rclear	{ clear: right;		}
.red {
	color: #FF0000;
}
.blue {
	color: #0000FF;
}
.green {}
.gold {
	color: #FF9900;
}

.gallery_small	{
	padding: 5px;
	margin: 0px;
	float: left;
}

.gallery_text	{
	float: left;
	width: 200px;
	height: 45px;
	padding: 5px;
	margin: 0px;
	}

.hr {
	border-top-width: medium;
	border-right-width: medium;
	border-bottom-width: medium;
	border-left-width: medium;
	border-top-style: dotted;
	border-top-color: #66CC33;
	border-right-color: #66CC33;
	border-bottom-color: #66CC33;
	border-left-color: #66CC33;
	width: 640px;
}







/* ----------images-------------- */


.thumbsmall {
	height: 75px;
	width: 75px;
	float: right;
	background-color: #FFFFFF;
	margin-left: 15px;
	margin-bottom: 15px;
	border: 1px dotted #6699FF;
}

.thumbbig {
	height: 146px;
	width: 260px;
	float: right;
	background-color: #FFFFFF;
	margin-left: 15px;
	margin-bottom: 15px;
	border: 1px dotted #6699FF;
}

.main1pic {
	height: 200px;
	width: 400px;
	margin-bottom: 20px;
	float: left;
}

.main2pic {
	height: 200px;
	width: 200px;
	margin-bottom: 20px;
	float: left;
	padding-left: 15px;
}

.yzdesigns {
	float: left;
	height: 20px;
	width: 30px;
}

/* ----------container to center the layout-------- */

#container {
	width: 950px;
	background-color: #66CC33;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	border: medium solid #FFFFFF;
} 



/* ----------banner-------------- */

#banner {
	background-color: #336666;
	height: 140px;
	width: 950px;
	border-bottom-width: thick;
	border-bottom-style: solid;
	border-bottom-color: #336666;
}




/* --------------left navi------------- */

#left {
	float:left;
	width: 140px;
	background-color: #66CC33;
	height: 800px;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #C0C0C0;
 }
 
 /* Root = Vertical, Secondary = Vertical */
ul#navmenu,
ul#navmenu li,
ul#navmenu ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 140px; /*For KHTML*/
  list-style: none;
}

ul#navmenu:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

ul#navmenu li {
  float: left; /*For IE 7 lack of compliance*/
  display: block !important; /*For GOOD browsers*/
  display: inline; /*For IE*/
  position: relative;
}

/* Root Menu */
ul#navmenu a {
	padding: 0 6px;
	display: block;
	color: #FFFFFF;
	text-decoration: none;
	height: auto !important;
	height: 1%; /*For IE*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 24px;
	font-weight: normal;
	background-color: #66CC33;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #BFD6BC;	
}

/* Root Menu Hover Persistence */
ul#navmenu a:hover,
ul#navmenu li:hover a,
ul#navmenu li.iehover a {
	color: #FFFFFF;
	background-color: #336666;
}

/* 2nd Menu */
ul#navmenu li:hover li a,
ul#navmenu li.iehover li a {
	color: #FFFFFF;
	background-color: #336666;
}

/* 2nd Menu Hover Persistence */
ul#navmenu li:hover li a:hover,
ul#navmenu li:hover li:hover a,
ul#navmenu li.iehover li a:hover,
ul#navmenu li.iehover li.iehover a {
	color: #FFFFFF;
	background-color: #66CC33;
}

/* 3rd Menu */
ul#navmenu li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li a {
	color: #FFFFFF;
	background-color: #66CC33;
}

/* 3rd Menu Hover Persistence */
ul#navmenu li:hover li:hover li a:hover,
ul#navmenu li:hover li:hover li:hover a,
ul#navmenu li.iehover li.iehover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover a {
	color: #FFFFFF;
	background-color: #336666;
}

/* 4th Menu */
ul#navmenu li:hover li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li.iehover li a {
	color: #FFFFFF;
	background-color: #66CC33;
}

/* 4th Menu Hover */
ul#navmenu li:hover li:hover li:hover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover li a:hover {
	color: #FFFFFF;
	background-color: #66CC33;
}

ul#navmenu ul,
ul#navmenu ul ul,
ul#navmenu ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 140px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu li:hover ul ul,
ul#navmenu li:hover ul ul ul,
ul#navmenu li.iehover ul ul,
ul#navmenu li.iehover ul ul ul {
  display: none;
}

ul#navmenu li:hover ul,
ul#navmenu ul li:hover ul,
ul#navmenu ul ul li:hover ul,
ul#navmenu li.iehover ul,
ul#navmenu ul li.iehover ul,
ul#navmenu ul ul li.iehover ul {
  display: block;
}




/* --------------right navi------------- */

 #right {
	width:143px;
	height: auto;
	float: right;
 }

 #right a:link {
	color:#FFFFFF;
	text-decoration: underline;
}

 #right a:visited {
	color:#FFFFFF;
	text-decoration: underline;
}

 #right a:active {
	color:#FFFFFF;
	text-decoration: underline;
}

 #right a:hover {
	color: #6699FF;
}


/* -----------------content--------------------- */ 

#content a:link {}

#content a:visited {}

#content a:active {}

#content a:hover {}

#content{
	background-color: #FFFFFF;
	float: left;
	width: 640px;
	clear: right;
	padding-right: 12px;
	padding-left: 12px;
	height: auto;
}


#contentleft {
	width: 305px;
	float: left;
	padding-right: 8px;
	height: 250px;
}

#backtotop {
	padding-top: 20px;
	width: auto;
	clear: both;
	text-align: right;
	margin-bottom: 20px;
}

#goback {
	padding-bottom: 5px;
	padding-top: 5px;
}

#contentright {
	float: right;
	width: 300px;
	padding-left: 10px;
}

#headlines {
	background-color: #FFFFFF;
	float: left;
	width: 640px;
}

#headline1 {
	width: 280px;
	float: left;
	padding: 5px;
	height: auto;
}

#headline2 {
	width: 280px;
	float: left;
	height: auto;
	margin-left: 10px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 25px;
}

#time {
	width: 200px;
	float: right;
	height: auto;
	text-align: right;
	padding-right: 10px;
	margin-top: 5px;
	color: #FFFFFF;
}




/*  ----------------footer---------------------- */ 
#footer {
	clear:both;
	background-color: #336666;
	width: auto;
	color: #FFFFFF;
	height: 30px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 0px;
} 

#footer p {
	text-align: right;
} 

/*  ----------------TABLES---------------------- */ 



#contentBox td 	{font-face: Arial, Helvetica, sans-serif; font-size:1em;}

.toprow			{
	background-color: #6699FF;
	font-weight: bold;
	padding:5px;
	color:#fff;
	margin: 0px;
}

.firstrow		{
	background-color: #FFFFFF;
	color:#000;
	margin: 0px;
	padding: 5px;
}
.firstrow td	{padding:2px;}

.secondrow		{
	background-color: #CBEAFF;
	color:#000;
	margin: 0px;
	padding: 5px;
}
.secondrow td	{padding:2px;}

.newsrow td		{padding:2px;}

.toprow, .firstrow, .secondrow, p {
	text-align: left;
	margin:0px;
	font-size: 0.9em;
	padding: 5px;
	}