html {
	/* fix horizontal page shifting caused by the scrollbar in mozilla */
	min-height: 100%;
	margin-bottom: 1px;
}

body {
	margin: 0;
	font: 12px arial, helvetica, sans-serif;
	background: #111;
}

a { outline: none; }
a:link, 
a:active, 
a:visited {
	color:#DA4;
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}

/* ====================== TEXT FORMATING ==================== */
ul, ol, dl, li, dt, dd {list-style: none; margin: 0; padding: 0;}

h3 {
	font-size: 12px;
	margin: 10px 0;
	padding: 5px 0;
	color:#DA4;
}

h2 {
	font-size: 14px;
	margin: 0 0 15px;
	height: 30px;
	padding: 10px 0 0 5px;
	border-bottom: 1px solid #FFF;
	color: #FFF;
}

h4 {
	font-size: 12px;
	margin: 5px 0;
	font-weight: bold;
}

p {	margin-top: 0; }

/* CORE LAYOUT 
-----------------------------------------------------*/
#headerwrap {
	width: 100%;
	background: #333;
	border-bottom: 1px solid #444;
}

#header { width: 960px;	margin: 0px auto; background: url('../images/header-bg.gif') no-repeat;  }
#header h1 { width: 250px; height: 130px; margin: 0 !important; text-indent: -999px; cursor: pointer; }

#wrap {
	width: 958px;
	margin: 0 auto;		
	background: #222 url('../images/wrap-bg.gif') repeat-y;
}

#content {
	margin-right: 250px;
	padding: 0 5px 20px 5px;
	font: 12px Georgia, "Times New Roman", Times, serif;
	color: #CCC;
}
		/* ---- Minimum Height Fix ---------- */
		html>body #content,
		html>body #sidebar  {	min-height: 405px; }	
		* html #content,
		* html #sidebar { /* IE5Mac filter \*/ height: 405px;  /* end filter */ }

#sidebar {
	float: right;
	width: 240px;
	padding: 0 5px;
}
		
#footerwrap {
	width: 100%;
	clear: both;
	background: #333;
	border-top: 1px solid #444;
	border-bottom: 1px solid #444;
}

#footer {
	margin: 0 auto;
	width: 960px;
	color: #FFF;
}


/* Layout addons
--------------------------------------------- */


#sidebar ul li a {
	display: block;
	color: #999;
	padding: 8px 0;
	width: 100%;
	border-bottom: 1px solid #3A3A3A;
}
#sidebar ul li a:hover {
	text-decoration:none; 
	color: #ccc; 
	border-bottom: 1px solid #555;
}

#content p { line-height: 2.2em; text-align: justify; }


#content ul { 
	margin-bottom: 20px; 
	border-top: 1px solid #333;
}

#content ul li {
	display: block;
	padding: 10px 0 8px 15px;
	border-bottom: 1px solid #333;
	background: url('../images/arrow.gif') no-repeat 0px 14px;
}

#content ul li:hover {
	text-decoration:none;
	background:#111 url('../images/arrow.gif') no-repeat 0px 14px;
}

#content ul li a {
	display: block;
}

#footer ul {overflow: hidden;width: 100%;}
#footer ul li {display: inline;}
#footer ul li a {display: block; float: left; padding: 15px 25px 15px 25px; border-right: 1px solid #555;}
#footer ul li a:hover{color: #fff;}

#footer .copyright { float: right; margin-top: -25px; color:#666; }



/* ====================== IMAGES ==================== */

img {border: 0px;}

img.pic {
	background-color: #FFF;
	padding: 5px;
	margin: 10px;
}



blockquote {
	padding: 10px;
	float: right;
	width: 300px;
	margin:10px 0 10px 10px;
	border-top:2px solid #DA4;
	border-bottom:2px solid #DA4;
	text-align: center;
	font-family: georgia, verdana, Arial, Helvetica, sans-serif;
	color:#777;
}

hr { height: 1px;}

.left {	float: left; }
.right { float: right; }
.strong {font-weight: bold; }
.clear { clear:both;}



/* ====================== FORMS ==================== */
label {display: block; width: 100px; float: left;}
input,
select {margin: 3px 0; }


/* ====================== Columns ==================== */

.column {
	position: relative;
	width: 23.5%;
	float: left;
	margin: 0 5px;
}

#clm1.column { margin-left: 0px; }
#clm2.column { }
#clm3.column { }
#clm4.column { margin-right: 0px; }



/* ====================== TABLES ==================== */

td.content {
	border: 1px solid #CFD9E3;
}

td {
	vertical-align: top;
	font-size: 12px;
}

.dataTable {
	border:	1px Solid #C0C5CC;
	background:	#fff;
	color: #000;
}


.dataTable thead {
	background:	#EBEBEB; 
}

.dataTable thead td {
	font-weight: bold;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    border-right: 1px solid #C1C1C1;
    border-bottom: 1px solid #C1C1C1;
    padding: 10px 5px;
}

.dataTable tbody td {
	padding: 10px 5px;
	text-align: left;
	border-bottom:1px solid #F2F2F2;
}



.dataTable tbody td img {margin-right: 10px}

.dataTable a {
    text-decoration: none; 
    color: #06c;
}

.dataTable a:hover {
    text-decoration: underline;
    color: #c00;
}

.dataTable tbody tr:hover {
	background-color: #FAFAFA;
}

td.darkbg {background-color: #EEE;}

td.lightbg {}


/* ====================== DEFINITION LIST ==================== */

dl{	
	border-bottom: 1px solid #333;
} 

dl:hover { background: #333; }

dt{
	float: left;
	width: 135px;
	color: #555;
	padding-top: 15px;
}

dd {padding-bottom: 15px; }

dd.title{
	padding-top: 15px;
	font-weight: bold;
	color: #5372AC;
} 

dd.description{
	display: block;
	margin-left: 135px;
} 




/*--------------------- COLORS --------------------------*/

.orange {color: #f40}
.red {color: #f00}
.green {color: #008000}
.blue {color: #06C}
.black {color: #000}
.grey {color: #333}


/* ERROR MESSAGES
-----------------------------------------------------*/
.error, .warning, .info, .success {
	border: 2px solid #CCC;
	background: white;
	margin: 10px 0;
	filter: progid:DXImageTransform.Microsoft.Fade(Duration=.5);
}

.error p, .warning p, .info p, .success p {
	margin: 0;
	padding: 5px;
	color: #FFF;
}

.error p 	{ background: #D10; }
.warning p 	{ background: #F7F4DD; color: #613D18; }
.info p 	{ background: #8CABC9 url('/images/title-bg.gif') repeat-x; }
.success p	{ background: #33AA11; }