html {
	height							: 100%; 
	max-height						: 100%; 
	/* hide overflow:hidden from IE5/Mac */ 
	/* \*/ 
	overflow						: hidden; 
	/* */ 
}

body {
	height							: 100%;
	max-height						: 100%;
	overflow						: hidden;
	
	font-family						: 'Trebuchet MS', Tahoma, Arial, Sans Serif;
	font-size						: 12px;
}

h1 {
	font-size					: 22px;
	color						: #666666;
	margin						: 0 0 10px 0;
}

h2 {
	font-size					: 18px;
	color						: #86ba3e;
	margin						: 0 0 10px 0;
}



a {text-decoration:none;}

#content {
	overflow						: auto;
	position						: absolute;
	z-index							: 3;
	top								: 115px;
	bottom							: 30px;
	left							: 214px;
	right							: 0;
}

* html #content {
	top								: 0;
	left							: 0;
	right							: 0;
	bottom							: 0;
	height							: 100%;
	max-height						: 100%;
	width							: 100%;
	overflow						: auto;
	position						: absolute;
	z-index							: 3;
	border-top						: 115px solid #fff;
	border-bottom					: 30px solid #fff;
	border-left						: 214px solid #fff;
}

#head {
	position						: absolute;
	margin							: 0;
	top								: 0;
	left							: 0;
	display							: block;
	width							: 100%;
	height							: 115px;
	z-index							: 5;
/*	overflow						: hidden;*/
	
	background						: url(img/headerBG.jpg) no-repeat left top;
}

#headcap {
	background						: url(img/headerCap.jpg) no-repeat right top;
	height							: 100px;
	padding							: 0 40px 0 200px;
}

#foot {
	position						: absolute;
	margin							: 0;
	bottom							: 0;
	left							: 0;
	display							: block;
	width							: 100%;
	height							: 30px;
	z-index							: 5;
	/*overflow						: hidden;*/
	background						: #d3d3d3;
}

#left {
	position						: absolute;
	left							: 0;
	top								: 115px;
	bottom							: 30px;
	width							: 214px;
	z-index							: 4;
	overflow						: auto;
	padding-bottom:20px;
}

* html #left {
	height							: 100%;
	top								: 0;
	bottom							: 0;
	border-top						: 115px solid #fff;
	border-bottom					: 50px solid #fff;
	color							: #fff;
}

h1 {
	font-size					: 22px;
	color						: #666666;
	margin						: 0 0 10px 0;
}

h2 {
	font-size					: 18px;
	color						: #86ba3e !important;
	margin						: 0 0 10px 0;
}


#mainNav {
	height							: 44px;
	padding							: 45px 0 0 0;
	overflow						: hidden;
}

#mainNav li {
	line-height						: 45px;
	float							: left;
}

#mainNav a {
	display							: block;
	padding							: 0 10px;
	margin							: 0 6px 0 0;
	color							: #b1b1b1;
}

#mainNav a:hover {
	color							: #000;
}

#mainNav .selected a {
	background						: url(img/headerHover.jpg);
	color							: #fff;
}

.leftMenuHolder{
	background						: url(img/navCapBG.jpg) no-repeat top left;
	padding							: 25px 0 0 0;
}

#leftMenu {
	min-height						: 240px;
	height							: auto !important;
	height							: 240px;
	padding							: 0 6px 50px 6px;

	background						: url(img/navBG.jpg) no-repeat bottom left;
}

#leftMenu a {display:block;padding: 6px;}

#credit {
	float							: left;
	margin							: 0 20px 0 10px;
	line-height						: 30px;
	background                      : url(img/logo.jpg) no-repeat bottom left;
	padding-left                    : 35px;
}

#headcap .logobtn
{
    position                        : absolute;
    top                             : 10px;
    left                            : 30px;
    width                           : 140px;
    height                          : 78px;
}

#headcap .logobtn h5
{
    display                         : none;
}

#breadcrumb
{
    position                        : absolute;
    right                           : 15px;
    top                             : 114px;
    
}


.closeMenu {
	position					: absolute;
	right						: 10px;
	top							: 25px;
	width						: 20px;
	background					: #d2d2d2 url(img/open.png) no-repeat 2px 12px;
	background-color			: #fff;
	border						: solid 1px #d2d2d2;
	border-left                 : none;
	height						: 40px;
	overflow					: hidden;
	line-height					: 200px;
	z-index						: 10;
	
	-webkit-border-radius		: 0 4px 4px 0;
	-moz-border-radius			: 0 4px 4px 0;
	border-radius				: 0 4px 4px 0;
	display                     : none;
}

.openMenu {
	position                    :absolute;
	right						: 10px;
	top                         :25px;
	width                       :20px;
	background				    : #d2d2d2 url(img/close.png) no-repeat 2px 12px;
	height                      :40px;
	overflow                    :hidden;
	line-height                 :200px;
	opacity                     :0;
	z-index                     :9;
	
	-webkit-border-radius		: 0 4px 4px 0;
	-moz-border-radius			: 0 4px 4px 0;
	border-radius				: 0 4px 4px 0;
    display                     : none;
}

#myaccount
{
    position                    : absolute;
    right                       : 30px;
    top                         : 45px;
}

#myaccount li
{
    line-height                 : 45px;
}

#myaccount li a
{
    color						: #b1b1b1;
}

#myaccount li a:hover
{
    color						: #000;
}

div.formslogin
{
    margin: auto;
    border: 1px solid #ccc;
    -webkit-border-radius		: 5px;
	-moz-border-radius			: 5px;
	border-radius				: 5px;
	behavior					: url(PIE.htc);
    width: 300px;
    padding: 5px;
}

table.formslogin
{
  margin: auto;
  margin-top: 10px;   
  text-align: center;
}

.formslogin td
{
    padding-top: 5px;
    padding-bottom: 5px;

}

.formslogin th
{
    font-size					: 18px;
    font-weight: normal;
	color						: #666666;
	margin						: 0 0 10px 0;
    padding-bottom: 15px;
}


#ajaxProgress
{
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		background-color: #474747;
		z-index: 995;
		overflow: hidden;
		opacity: 0.6; 
		-moz-opacity: 0.3;      
		filter:alpha(opacity=60);
}

#ajaxPopup
{
	width: 300px;
	border: 1px solid #999;
	height: 150px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -150px;
	margin-top: -75px;
	text-align: center;
	z-index: 998;
	background-color: #d3d3d3;
	-webkit-border-radius		: 5px;
	-moz-border-radius			: 5px;
	border-radius				: 5px;
	behavior					: url(PIE.htc);
	background					: -webkit-gradient(bottom, #999999 0%, #e3e3e3 75%);
	background					: -moz-linear-gradient(bottom, #999999 0%, #e3e3e3 75%);
	-pie-background				: linear-gradient(bottom, #999999 0%, #e3e3e3 75%);
		
}
	
#ajaxPopup img
{
	margin-top: 30px;
}

#ajaxPopup h2
{
    color: #4f4f4f;
    font-weight: normal;
}

.modal_background
{
    	background-color: #474747;
		opacity: 0.6; 
		-moz-opacity: 0.3;      
		filter:alpha(opacity=60);
}

.modal_popup
{
    background-color: #fff;
    border: 2px solid #999;
    width: 500px;
    min-height: 300px;
    padding:3px;
}



.error
{
    width: 98%;
    border: 1px solid #d3d3d3;
    -webkit-border-radius		: 5px;
	-moz-border-radius			: 5px;
	border-radius				: 5px;
	behavior					: url(PIE.htc);
	padding: 5px;
}
.error p
{
    margin: 5px 0;
}
.error ul li
{
    margin: 10px;
    margin-left: 15px;
}

.bold
{
    font-weight: bold;
}

input:hover, input:active, input:focus {outline:none;-moz-outline-style:none;}