/***************************************************/
/***** DEFAULT PAGE ELEMENTS AND THEIR CLASSES *****/
/***************************************************/

BODY {
	font: 11px Verdana,Tahoma,Arial;
	margin: 0 auto;
	padding: 0;
}

TD {
	font: 11px Verdana,Tahoma,Arial;
	color: #3E4C54;
}

H1, H2, H3 {
	font: bold 16px Verdana,Tahoma,Arial;
	color: #E00000;
}

H4, H5, H6 {
	font: bold 13px Verdana,Tahoma,Arial;
	color: #000;
}

IMG {
	border: 0;
}

INPUT {
	border: 1px solid #999999;
	background: white;
}


A {
	color: #E02F57;
	text-decoration: none;
}
A:hover {
	color: #484549;
	text-decoration: none;
}

/**************************************/
/*********** GENERIC CLASSES **********/
/**************************************/

.red {
	color:#E02F57;
}

.bg_white {
	background: white;
}

/**************************************/
/***** DEFAULT SURROUNDING LAYERS *****/
/**************************************/

div#wrapper {
	position: relative;
	background: white url(../images/gui/bg_body.gif) repeat-x;
	width: 100%;
	text-align: center;
	margin: 0 auto;
}

div#container {
	position: relative;
	width: 772px;
	padding-top: 10px;
	background: white;
	text-align: center;
	margin: 0 auto;
}

div#footer {
	position: relative;
	background: white url(../images/gui/bg_body_bottom.gif) repeat-x;
    text-align: center;
    width: 100%;
	height: 41px;
	padding-top: 4px;
	font-size: 10px;
	color: gray;
}

/***************************************/
/*********** SPECIFIC CLASSES **********/
/***************************************/

#leftcol {
	float: left;
	padding: 0;
	margin: 0;
	text-align: center;
	width: 215px;
}

H1.leftcol {
	width: 215px;
	text-align: left;
}

H4.leftcol {
	width: 215px;
	text-align: left;
}

#rightcol {
	float: right;
	padding: 0;
	margin: 0;
	text-align: left;
	width: 535px;
}


/**************************
core drop shadow rules
***************************/
.wrap1, .wrap2, .wrap3 {display:inline-table;/* \*/display:block;/**/}
.wrap1 {width: 190px;background:url(../images/shadow.gif) right bottom no-repeat;}
.wrap2 {background:url(../images/corner_bl.gif) left bottom no-repeat;}
.wrap3 {padding:0 8px 8px 0;background:url(../images/corner_tr.gif) right top no-repeat;}
.wrap3 div#navigation {display:block;}
#v1 .wrap1 {background:url(../images/shadow.gif) right bottom no-repeat;}
#v1 .wrap2 {background:url(../images/corner_bl.gif) -4px 100% no-repeat;}
#v1 .wrap3 {padding:0 4px 4px 0;background:url(../images/corner_tr.gif) 100% -3px no-repeat;}
.example {margin:4px 0;}
/**************************
end core drop shadow rules
***************************/

#navigation {
	width: 190px;
	text-align: left;
	font-weight: bold;
	color: #484549;
	background: #F9F9F9;
	margin: 0 auto;
	border-top: 1px solid #CBCBCB;
}
	#navigation A {
		display: block;
		color: #484549;
		padding: 6px;
		border-left: 1px solid #CBCBCB;
		border-right: 1px solid #CBCBCB;
		border-bottom: 1px solid #CBCBCB;
	}	
	#navigation A:hover {	
		color: #E00000;
		background: white;
	}

.clear {
	float: none;
	clear: both;
}

.show_links_content {
	width: 450px;
	padding: 8px 8px 8px 16px;
	font: bold 12px Verdana,Tahoma,Arial;
	border-bottom: 1px solid #818181;
	border-top: 1px solid #818181;
}