/*======================
	RESET
========================*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 12px;
	color:#5b5c5e; 
	font-family: Arial;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/*======================
	WRAPPER 
========================*/
#wrapper
{
	width:800px; 
	min-height:600px;
	height:auto !important;
	height:600px; 
	margin:0 auto;

}
/*======================
	HEADER
========================*/
#header
{
	background:url(../images/title.gif) no-repeat; 
	height:72px; 
}
#header a.header
{
	width:600px; 
	float:left; 
	display:block; 
	height:72px; 
}
#header div#header-menu
{
	margin:30px 10px 0 0; 
	float:right; 
}

#header div#header-menu a
{
	font-size:15px; 
	text-decoration:none; 	
	color:#484848;	
}

#header div#header-menu a:hover, #header div#header-menu a.active
{
	text-decoration:underline; 	
}
/*======================
	BODY
========================*/
#body
{
	float:left; 
	min-height:528px;
	height:auto !important;
	height:528px;
	border:solid 1px #989b9e;
	background:#ffeed5;   	
}
/*======================
	LEFT COLUMN
========================*/
#left-column
{
 	width:211px; 
 	background: url(../images/home_menu_background.gif) no-repeat; 
 	height:100%; 
 	float:left; 
}
/*======================
	MENU
========================*/
#left-column #menu
{
	height:180px; 
	padding:16px 0 0 10px; 
	width:200px;
}
#left-column #menu ul
{
 
	
	border-top:solid 1px #b4b2b0;  
}
#left-column #menu li
{
	list-style:none;
	display:block; 
	border-bottom:solid 1px #b4b2b0;  	
	background:0; 
	margin:0; 
	line-height:1.25; 
}
#left-column #menu a
{
	color:#fff; 
	display:block; 
	padding:6px 5px 5px 15px;
	position:relative; 
	text-decoration:none; 	
}
#left-column #menu a:hover, #left-column #menu li:hover
{
	background:#9d9b9a; 
}
#left-column #menu li.no-border
{
	border:0; 
}

/*======================
	SUBMENU
========================*/
#left-column .submenu
{
	display:none; 
	float:right; 
	border:solid 1px #fff; 
	background:#a3a3a3; 
 	width:150px; 
	position:absolute; 
	z-index:100; 
	margin-left:200px; 
	margin-top:-27px; 
	
}
#left-column #menu .submenu a
{
	padding: 6px; 
	width:auto; 
}
#left-column #menu .submenu a:hover
{
	background:#6c6e70; 
}
/*======================
	LEFT CONTENT
========================*/
#left-content
{
 	width:175px; 
 	margin:0px 0 0 10px; 
 	float:left; 

}
/*======================
	RIGHT COLUMN
========================*/
#right-column
{
	float:left; 
	height:527px; 
	width:587px; 
}
/*======================
	CENTER COLUMN
========================*/
#center-column
{
	float:left; 
	min-height:527px;
	height:auto !important;
	height:527px;
	width:798px; 
	padding-bottom:17px; 
}

#center-column #content
{
	background: url(../images/content-background-transparent.png) repeat; 
	width:554px; 
	min-height:389px;
	height:auto !important;
	height:389px;
	margin:0 0 0px 35px; 
	border-left:solid 1px #d25f03;  	
	border-right:solid 1px #d25f03;  	
	border-bottom:solid 1px #d25f03;  	
	float:left; 
}
#center-column #top-bar
{
	clear:both; 
	height:100px; 
	color:#484848; 
	padding:0px 0 0 0px;
}
/*======================
	TOP BAR MENU
========================*/
#center-column #top-bar #menu
{
	
}
#center-column #top-bar #menu ul
{
	list-style:none; 
	margin:0px; 
	padding:0; 
	float:left; 
	
}
#center-column #top-bar #menu li
{
	float:left; 
	border-right:solid 1px #dea87d; 
	margin:0; 
}
#center-column #top-bar #menu li.no-border
{
	border:0; 	
}
#center-column #top-bar #menu a
{
	display:block; 
	padding: 3px 10px 4px 10px; 
	text-decoration:none; 
	position:relative;
	/*height:16px;*/
	font-size:14px; 
	color:#4e5051; 
}
#center-column #top-bar #menu li:hover, #center-column #top-bar #menu li.active,  #center-column #top-bar #menu a:hover
{
	background:#ffe5c8; 

}
#center-column #top-bar #menu .submenu 
{
	display:none; 
	position:absolute;
	z-index:120;
	border-left:solid 1px #fdbf8e; 
	border-bottom:solid 1px #fdbf8e; 
	border-right:solid 1px #fdbf8e; 
	background:#ffe5c8; 	
}
#center-column #top-bar #menu ul.submenu 
{
	width:190px; 
}
#center-column #top-bar #menu .submenu li
{
	clear:both; 
	border-right:0; 
	border-top:solid 1px #fdbf8e; 
	width:190px; 
}
#center-column #top-bar #menu .submenu a
{
	width:168px; 
	padding-left:11px; 
	padding-right:11px; 
}
#center-column #top-bar #menu .submenu a:hover
{
	background:#fff; 
}
#center-column #top-bar #title
{
	clear:both; 	
	position:relative;
	left:15px; 
	top:18px; 

}
/*======================
	TOP BAR
========================*/
#top-bar
{
	background:url(../images/top_bar.gif) repeat-x; 
	height:68px; 
	
	color:#484848; 
	padding:32px 0 0 15px;
}
/*======================
	TOP BAR
========================*/
#content
{
	min-height:406px;
	height:auto !important;
	height:406px;
	padding:10px;
}
/*======================
	FOOTER
========================*/
#footer
{
	width:800px; 
	font-size:11px; 
	color:#fff; 
	clear:both; 
	height:22px; 
	background:#6c6e70; 
	text-align:center; 
	padding: 8px 0 0 0; 
}
#footer a
{
	color:#fff; 
	text-decoration:none; 
}
#footer a:hover, #footer a.active
{
	text-decoration:underline; 
}
/*======================
	COPYRIGHT
========================*/
#copyright
{
	font-size:11px; 
	text-align:center; 
	color:#6c6e70; 
	padding:7px; 
}
/*======================
	POSITIONING
========================*/
.right
{
	float:right; 
}
.left
{
	float:left; 
}
.clear
{
	clear:both; 	
}
.padding-5px
{
	padding:5px; 
}
.padding-right-5px
{
	padding-right:5px; 
}
.text-align-center
{
	text-align:center;	
}
.text-align-right
{
	text-align:right;	
}
.text-align-left
{
	text-align:left;	
}
.vertical-align-middle
{
	vertical-align:middle; 	
}
br
{
	line-height:0.75; 
}
/*======================
	WIDTH
========================*/
.width-15
{
	width:15%;	
}
.width-20{ width:20% }
.width-25
{
	width:25%;	
}
.width-30
{
	width:30%;	
}
.width-33
{
	width:33%;	
}

.width-40{ width:40% }
.width-50
{
	width:50%;	
}
.width-53
{
	width:53%;	
}
.width-55
{
	width:55%;
}
.width-65
{
	width:65%;	
}
.width-75
{
	width:75%;	
}
/*======================
	LISTS
========================*/
ul
{
	
}
li
{
	margin-left:20px; 	
}
