/**
 * @author NeRu
 * @copyright 2007
 * @company Icon Perception Management Co.
 * @contact contact@icon-pm.com
 * @web www.icon-pm.com
 **/

/* skeleton */
	body { background: #d5cdc0; text-align: left; }
	
		#wrapper { background: url(../media/images/template_images/bg.png) top left repeat-y; border: 1px solid white; border-top: none; border-left: none; width: 1000px; }
			
			#header { background: url(../media/images/template_images/header_bg.png) top left repeat-y; height: 180px; }
				
				#logo { float: left; height: 84px; margin: 30px 0px 0px 8px; width: 200px;}
					
					#logo img { height: 114px; width: 230px;}
				
			#menu { float: left; width: 186px; }
			
			#content { float: left; width: 865px; }
			
				#pageText { float: left; margin: 0px 10px 0px 15px;}
				
				#banner { float: right; margin: 20px 10px 0px 0px;}
				
			#push { height: 27px; }
		
		#footer { height: 27px; margin: 0 auto; overflow: hidden; width: 918px; }
	

/* skeleton  end */

/* header section */

	#topmenu { height: 35px; text-align: right; width: 900px;}

	#headerTitle{ background: url(../media/images/template_images/header.jpg) top left no-repeat; height: 111px; overflow: hidden;  }
		
		#logo { height: 95px; margin: 8px 0px 8px 25px; text-align: left; width: 100%;}
		
		#headerTitle h1, #headerTitle h2{ }


/* header section end */
/* top menu section */
	
	#topmenu { }
		
		#topmenu ul { padding: 10px 15px 0px 0px; }
			
			#topmenu ul li { display: inline; }
			
				#topmenu ul li a { color: #333; font-size: 1.2em; }

	#mainmenu { }
	
		#mainmenu ul { margin: 10px 0px 0px 30px; }
		
			#mainmenu ul li { display: inline; }
			
				#mainmenu ul li a{ color: #333; font-size: 1.2em; }
				
				#mainmenu ul li a:hover, #mainmenu ul li a.active{  }

/* top menu section end */
/* content section */

	#content { color: #383838; font-size: 1.3em; line-height: 1.3em; margin: 0px 10px 10px 20px; }

		#left{ background: url(../media/images/template_images/fish.jpg) top center no-repeat; float: left; margin-top: 10px; padding-top: 180px; width: 160px; }
		
			#announcements { font: 1em/1.2em Arial; height: 231px; overflow: hidden; padding: 10px;  width: 150px; }
			
			#left h4.title { margin: 0px 0px 0px 10px; width: 150px;}
	
			#announcements p { border-bottom: 1px solid; font:1em Verdana; margin: 5px 0px 10px 0px; padding: 0px 0px 10px 0px; }
	
		#main { float: left;}
		
			h3.title { color: #74a6bc; height: 25px; overflow: hidden; padding: 6px 0px 6px 15px; width: 400px; }
			
			h4.title { color: #74a6bc; height: 20px; overflow: hidden; padding: 6px 0px; width: 180px; }
			
			#main #pageText { width: 440px; }
			
				#pageText li { background: url(../media/images/template_images/bullet.png) top left no-repeat; padding-left: 10px; }
				#pageText form li { background: none; }

			#page #pageText { width: 600px;}
				
		#banner { width: 180px;}
			
			.rightBanner { margin: 0px 0px 10px 0px;}	
				
			#treemenu{ margin: 0; min-width: 200px; padding: 0; width: 200px; }
	
			.treeview{ margin: 0; padding: 0; width: 200px;	}
		
				.treeview li { background: url(../media/images/template_images/tv-item.gif) 0 0 no-repeat; color: #345064; cursor: pointer; font: 11px Arial; font-weight: bold; padding: 3px 0px 3px 17px;	}
				
				.treeview a, .treeview a:hover{	color: #345064;	}
				
				.treeview a.selected{ color: #cd0000; }
				
				.treeview li ul{ margin: 3px 0px 0px 0px; padding: 0; }
			
					.treeview li li{ font: 10px Arial; font-weight: normal; }
		
				.treeview .collapsable { background-image: url(../media/images/template_images/tv-collapsable.gif);	}
				
				.treeview .expandable {	background-image: url(../media/images/template_images/tv-expandable.gif); }
				
				.treeview .last { background-image: url(../media/images/template_images/tv-item-last.gif); }
				
				.treeview .lastCollapsable { background-image: url(../media/images/template_images/tv-collapsable-last.gif); }
				
				.treeview .lastExpandable {	background-image: url(../media/images/template_images/tv-expandable-last.gif); }
		
		#bottomwrap { margin: 10px 0px 0px 170px;}
		
		#bottom { }
		
			#hr { background-color: #ddd7cd; float: left; height: 150px; padding: 10px 10px 0 10px; width: 150px;}
				
			#hr span { color: #cf5b34;}
				
				#hr span.title { font-size: 1.1em; font-weight: bold;}
				
				#hr span.subtitle { font-size: 0.9em;}
				
				#hr ul { list-style: decimal inside; margin: 10px 0px 0px 10px;}
				
				#hr ul li { margin: 0px 0px 3px 0px;}
				
				#hr ul li a { border-bottom: 1px dotted; color: #333;}
						
			.bottomBanner { float: left; margin: 0px 0px 10px 150px; width: 350px;}
		
/* Banners */
/* boxes */
	.boxes{ }
		
		.boxes ul li{ }
		
		.boxes a{ }
/* boxes end */
/* Banners end */

/* text section end */

/* content section end */

/* footer section */
	#footer{ }
		
		.copyright{ color: #ccc; float: left; font-size: 12px; height: 20px; margin: 5px 0px 0px 18px ; width: 100%; }
	
		.footermenu{ }
		
			.footermenu ul{ }
			
			.footermenu ul li{ }
			
			.footermenu ul li a{ }
		
		.icon{ background: url(../media/images/template_images/icon.gif) top right no-repeat; float: right; height: 28px; margin: 0px 10px 0px 0px; width: 42px; padding: 28px 0px 0px 0px; }
			
			.icon a{ color: #491010; font: 1.1em Arial; height: 20px; padding: 20px 0px 0px 0px; }
		
		
/* footer section end */

/* forms */
	fieldset{ border: none; padding: 0; }
	
		legend{ color: #ff4100; float: left; font: 1.2em Arial; }
		
		label{ margin: 0px 10px 0px 0px; }
	
		fieldset ol{ padding: 0; }
		
			fieldset ol li{ background: none; margin: 5px 0px; }
	
				.inputlabel{ float: left; font: 12px Arial; font-weight: bold; width: 100px; }
	
				.input{ float: left; font: 12px Arial; }
	
				.size{ width: 250px; }
	
				.submit{ font-weight: bold; margin: 0px 0px 0px 7px; }


/* form error display */
	.warn { color: orange; font-weight: bold; }
	
	.result { color: #f90; font: 12px Arial; font-weight: bold; margin: 10px; text-align: center; }
	
	label.error{ color: orange; display: block; font-style: italic; width: 350px; }