/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* 					MAIN CSS FILE BEGIN 							*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/* ========== LAYOUT DESCRIPTION ========== [begin] === */

body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
	background: white url(../images/bg.gif);
	font: normal 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

div#commonbox {
	width: 979px;
	margin-right: auto;
	margin-left: auto;
	background: white url(../images/pagebg.gif) repeat-y center;
}

div#header {
	clear: both;
	width: 979px;
	height: 222px;
	background: url(../images/header.jpg) no-repeat center;
}

div#header h1 {
	display: none;
}

div#middlebox {
	clear: both;
	width: 979px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px; /*text-align: left;*/
	background: url(../images/middle.jpg) no-repeat;
}


/* ========== LAYOUT DESCRIPTION ========== [ end ] === */

/* ========== TOP LINKS LAYER ========== [begin] === */

div#toplinks {
	float: none;
	width: 979 px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: url(../images/toplinksbg.jpg) repeat-y center;
}

div#toplinks a:link, div#toplinks a:visited {
	color: #333333;
	text-decoration: none;
}
div#toplinks a:hover, div#toplinks a:visited:hover {
	color: White;
	text-decoration: underline;
}
div#toplinks a:active {
	color: #660000;
	text-decoration: underline;
}
div#toplinks p { 
padding-left: 10px;
padding-right: 10px;
padding-top: 2px;
padding-bottom: 2px;
margin: 0px;
font-size: 12px; 
text-align: right;
color: #333333;
}

/* ========== TOP LINKS LAYER ========== [ end ] === */


/* ========== PAGE BOTTOM AND NESTED ITEMS ========== [begin] === */

div#bottom {
	clear: both;	
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	
	width: 979px;
	height: 285px;
	background: url(../images/bottom.jpg) no-repeat center;	
}

div#bottom  #copyright {
	padding: 260px 0px 0px 0px;
	font: 9px Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: center;
	color: #333333;
}

div#bottom a:link, div#bottom a:visited {
	color: #333333;
	text-decoration: none;
}
div#bottom a:hover, div#bottom a:visited:hover {
	color: White;
	text-decoration: underline;
}
div#bottom a:active {
	color: #660000;
	text-decoration: underline;
}

/* ========== PAGE BOTTOM AND NESTED ITEMS ========== [ end ] === */

a:link, a:visited {
	color: #000066;
	text-decoration: none;
}
a:hover, a:visited:hover {
	color: White;
	text-decoration: underline;
}
a:active {
	color: #660000;
	text-decoration: underline;
}

/* ========== DIFF FIXES END THE REST ========== [begin] === */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* ========== DIFF FIXES END THE REST ========== [ end ] === */

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* 					MAIN CSS FILE END   							*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/