div#wrapper div#template div#header{
	float: left; display: inline;
	width: 900px; height: 200px;	
}

div#wrapper div#template div#header div#header_left_column{
	float: left; display: inline;
	width: 590px; height:100%;
}

div#wrapper div#template div#header div.header_vertical_line{
	float: left; display: inline;
	width: 1px; height: 100%;
	margin: 0px 10px 0px 10px;
	background: #CCCCCC;
}

div#wrapper div#template div#header div.header_right_column{
	float: left; display: inline;
	width: 289px; height: 100%;
}

div#wrapper div#template div.template_horizontal_line{
	float: left; display: inline;
	width: 100%; height: 1px; /*THERE IS AN ISSUE WITH THIS IN IE6! WILL HAVE TO FIX!!!!*/
	background: #CCCCCC;
	margin: 10px 0px 10px 0px;
}

div#wrapper div#template div#content{
	float: left; display: inline;
	width: 100%; /*height: 100%;*/ height: 470px;
}

div#wrapper div#template div#content div#content_left_column{
	float: left; display: inline;
	width: 100%; height: 100%;
	/*background: #CCCCCC;*/
}

/*DEV FOR SLIDER ETC*/
div#wrapper div#template div#content div#content_left_column div#scroll_container{ width: 900px; height: 400px; margin:0px 0px 10px 0px; overflow: hidden; }
div#wrapper div#template div#content div#content_left_column div#scroller{ width: 10000px; }

div#wrapper div#template div#content div#content_left_column div.panel{ width: 840px; height: auto; margin: 5px 0px 0px 0px; padding: 7px 0px 10px 60px; float: left; display: inline;  }


div#wrapper div#template div#content div#content_left_column div.panel div.icon{ width: 150px; height: 90px; background: #EEEEEE; /*border: 1px solid #CCCCCC;*/ float:left; display: inline; margin: 0px 4px 8px 4px; }
div#wrapper div#template div#content div#content_left_column div.panel div.icon:hover{ background: #FFFFFF; /*cursor: pointer;*/ }
div#wrapper div#template div#content div#content_left_column div.panel div.icon a{ border: none; }

/*div#wrapper div#template div#content div#content_left_column p#panel_links{ float:left; display: inline; margin-bottom: 2px; }*/
div#wrapper div#template div#content div#content_left_column p#panel_links a{ background: #CCC; color: #000; width: auto; height: auto; text-transform: lowercase; border: none; padding: 5px 5px 3px 5px; margin: 0px 0px 0px 0px; }
div#wrapper div#template div#content div#content_left_column p#panel_links a:hover, div#wrapper div#template div#content div#content_left_column p#panel_links a:focus{ background: #333; color: #FFF; width: auto; height: auto; text-transform: lowercase; border: none; padding: 5px 5px 3px 5px; margin: 0px 0px 0px 0px; }


/*VIEW SELECT ETC*/
div#wrapper div#template div#content div#content_left_column div#view_select{ 
	width:130px; height:50px;  background: #3A4275 url(../../imgs/view_nav_tile.gif) repeat; 
	float:right; display:inline; position:relative; z-index:3; 
	margin: 0px 0px 0px 0px; /*looks crap in safari!*/
} 

div#wrapper div#template div#content div#content_left_column div#view_select img{ float:left; display: inline; margin: 0px 0px 0px 1px; padding: 15px 11px 25px 10px; }
div#wrapper div#template div#content div#content_left_column div#view_select img:hover, div#wrapper div#template div#content div#content_left_column div#view_select img.active{ background: url(../../imgs/view_nav_tile_hover.jpeg) repeat-x;  }

/*ICON VIEW*/
div#wrapper div#template div#content div#content_left_column div.panel div.icon_view p{ display: none; }
div#wrapper div#template div#content div#content_left_column div.panel div.icon_view h4{ color:#3A4275; display: none; }

/*ICON LIST VIEW*/
div#wrapper div#template div#content div#content_left_column div.panel div.icon_list_view div.icon{ width: 150px; height: 90px; background: #EEEEEE; /*border: 1px solid #CCCCCC;*/ float:left;  display: inline; margin: 0px 4px 8px 4px; }
div#wrapper div#template div#content div#content_left_column div.panel div.icon_list_view div.icon:hover{ background: #FFFFFF; cursor: pointer; }
div#wrapper div#template div#content div#content_left_column div.panel div.icon_list_view p{ display: block; width: 800px;  }
/*div#wrapper div#template div#content div#content_left_column div.panel div.icon_list_view h4{ padding-top:23px; color:#3A4275; display: block; }*/
div#wrapper div#template div#content div#content_left_column div.panel div.icon_list_view h4{ padding-top:43px; padding-left:40px; color:#3A4275; display: block; }

/*LIST VIEW*/
div#wrapper div#template div#content div#content_left_column div.panel div.list_view p{ display: block; width: 800px; }
div#wrapper div#template div#content div#content_left_column div.panel div.list_view h4{ color:#3A4275; display: block; }
div#wrapper div#template div#content div#content_left_column div.panel div.list_view div.icon{ display:none;  }

