
/*******************************************************************************
 *	The Basic TAGS
 ******************************************************************************/
html {
	height: 100%;	
}

body {
	font-family: verdana, arial, sans-serif;
	padding: 0px;
	margin: 0px;
	font-size: 12px;
	background-color: #000;
	color: #111;
	overflow: auto;
	border-width: 0px;
}

img {
	border-style: none;
	padding: 0px;
	margin: 0px;
	float: none;
}

a:link {
	color: #EF0000;
	text-decoration: none;
}
a:visited {
	color: #EF0000;
	text-decoration: none;
}
a:hover {
	color: #FF5E5E;
	text-decoration: none;
}
a:active {
	text-decoration:none;
}

h1, h2, h3, h4, h5, h6 {
	padding: 0px;
	margin: 0px;
}

/*******************************************************************************
 *	The LAYOUT 
 ******************************************************************************/

#header {
	padding: 0px;
	margin: 0px;
	background: #000;
	overflow: hidden;
	min-width: 1000px;
	width: auto;
	border-bottom: 5px solid #D4340C;
	background-color: #000;
}

#header_sub {
	position: relative;
	margin: 0px 0px 10px 0px;
	height: 30px;
	padding: 0px;
	background: #D4340C;
	background: #FFF;
	color: #111;
	font-size: 120%;
	min-width: 1000px;
	overflow: hidden;
	background-color: #F6F6F6;
}


#footer {
	clear: both;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
	min-width: 1000px;
	
	background-color: #F6F6F6;
	
	border-top: 1px solid #D4340C;
	border-bottom: 1px solid #D4340C;
	
	
	
	
}

/*******************************************************************************
 *	Floats
 ******************************************************************************/

.right {
	float: right;
}

.center {
	text-align: center;
}

.left {
	float: left;
}

/*******************************************************************************
 *	Padding
 ******************************************************************************/

.padding5px {
	padding: 5px;
}

.paddingV5px {
	padding: 0px 5px;
}

.paddingH5px {
	padding: 5px 0px;
}

.paddingLT5px {
	padding: 5px 0px 0px 5px;
}

.paddingRT5px {
	padding: 5px 5px 0px 0px;
}

.padding10px {
	padding: 10px;
}

.paddingV10px {
	padding: 0px 10px;
}

.paddingH10px {
	padding: 10px 0px;
}

 
/*******************************************************************************
 *	Clears
 ******************************************************************************/

 .clear_left {
	clear: left;
 }

 .clear_right {
	clear: right; 
 }
 
.clear_both {
	clear: both;
 }
 
/*******************************************************************************
 *	The Toolbar - Layer1
 ******************************************************************************/





/*******************************************************************************
 *	The Footer
 ******************************************************************************/

 
 
/*******************************************************************************
 *	The Header
 ******************************************************************************/
#logo {
	padding: 0px;
	margin: 0px;
	background-image: url('../images/logo/logo5.png');
	background-repeat: no-repeat;
	background-color: #FFF;
	height: 116px;
	width: 300px;
	
	background-color: #555;
}

#center_box {
	color: #DDDDDD;
	padding: 0px;
	height: 80px;
	padding: 0px;
	margin: 0px;
	min-width: 400px;
	overflow: hidden;
	/*background: url('../images/clock/clock_bg.png') repeat-x top;*/
}


#menu1 {
	padding: 0px;
	margin: 0px 200px 0px 300px;
}

#clock {
	float: right;
	height: 116px;
	width: 300px;
	/*background: url('../images/clock/clock_bg.png') repeat-x;*/
	background-color: #000;
	padding: 0px;
	margin: 0px;
}

/*******************************************************************************
 *	The Sidebar
 ******************************************************************************/



/*******************************************************************************
 *	The Content Bar
 ******************************************************************************/

.content_header {
	border: 1px solid #555;
	background-color: #111;
	padding: 10px;
	width: auto;
}
 
/*******************************************************************************
 *	The Time Box
 ******************************************************************************/


/*******************************************************************************
 *	Buttons
 ******************************************************************************/

.submit, #submit{
	font: normal 12px Verdana;
	height: 22px;
	border: 1px solid #D10000;
	background-color: black;
	color: white;
}

.select, #select{
	font: normal 12px Verdana;
	height: 22px;
	border: 1px solid #D10000;
	background-color: black;
	color: white;
}

/*******************************************************************************
 *	Column Layouts
 ******************************************************************************/

/* --- CORE --- */

#footer_margins {
	width: 1000px;
	margin: 0 auto;
}

#page_margins {
	width: 1000px;
	margin: 0 auto;
	background-color: #000;
}

#col_center {
	width: 500px;
	float:left;
	margin-left: 200px;
	
}

#col_left {
	width: 200px;	
	float:left;
	margin-left: -700px;
	background-color: #000;
}

#col_right {
	width: 300px;
	float:right;
	background-color: #000;
}


/* --- HEADER --- */

.header, .header a:link, .header a:visited, .header a:hover, .header a:active {
	font-weight: bold;
	color: #FFFFFF;
}



.subheader {
	font-weight: normal;
	color: #000000;
	background-color: #E0E1E8;
	padding: 5px;
}

/* --- LEFT --- */

.col_left_content {
	/*background-color: red;*/
	overflow: hidden;
	/*padding: 25px 10px 25px 10px;*/
	margin-bottom: 10px;
}

.col_left_content ul {
	padding: 10px 10px 0px 10px;
	margin: 0px;
	list-style-position: inside;
	list-style-type: circle	;
}

.box_left {
	background-color: #F6F6F6;
	color: #000000;
	padding-bottom: 10px;
	
	-webkit-border-top-left-radius: 10px;
	-khtml-border-radius-topleft: 10px;	
	-moz-border-radius-topleft: 10px;
	border-top-left-radius: 10px;

	-webkit-border-bottom-left-radius: 10px;
	-khtml-border-radius-bottomleft: 10px;	
	-moz-border-radius-bottomleft: 10px;
	border-bottom-left-radius: 1px;

}

.box_left .header {
	background-image: url('../images/boxes/indentbg.png');
	height: 25px;
	text-align: center;
	padding: 3px 0px 2px 0px;
	margin: 0px;

	-webkit-border-top-left-radius: 10px;
	-khtml-border-radius-topleft: 10px;	
	-moz-border-radius-topleft: 10px;
	border-top-left-radius: 10px;

}

/* --- RIGHT --- */

.col_right_content {
	/*background-color: blue;*/
	overflow: hidden;
	/*padding: 25px 10px 25px 10px;*/
	margin-bottom: 10px;
	
}

.col_right_content ul {
	padding: 10px 10px 0px 10px;
	margin: 0px;
	list-style-position: inside;
	list-style-type: circle;
	margin: 0px;
}

.box_right {
	background-color: #F6F6F6;
	color: #000000;
	padding-bottom: 10px;
	
	-webkit-border-top-right-radius: 10px;
	-khtml-border-radius-topright: 10px;	
	-moz-border-radius-topright: 10px;
	border-top-right-radius: 10px;

	-webkit-border-bottom-right-radius: 10px;
	-khtml-border-radius-bottomright: 10px;	
	-moz-border-radius-bottomright: 10px;
	border-bottom-right-radius: 10px;

}

.box_right .header {
	background-image: url('../images/boxes/indentbg.png');
	height: 25px;
	text-align: center;
	padding: 3px 0px 2px 0px;
	margin: 0px;

	-webkit-border-top-right-radius: 10px;
	-khtml-border-radius-topright: 10px;	
	-moz-border-radius-topright: 10px;
	border-top-right-radius: 10px;

}

/* --- CENTER --- */
.col_center_content {
	/*background-color: blue;*/
	overflow: hidden;
	/*padding: 25px 10px 25px 10px;*/
	margin-bottom: 10px;
}

.box_center {
	background-color: #FFFFFF;
	color: #000000;
	margin: 0px 10px 10px 10px;
	overflow: hidden;
}

.box_center .header {
	background-image: url('../images/boxes/indentbg.png');
	height: 25px;
	text-align: center;
	padding: 3px 0px 2px 0px;
}


.box_front {
  
  color: #000000;
  background-color: #FFF;
  
  
  
  	-webkit-border-top-left-radius: 10px;
	-khtml-border-radius-topleft: 10px;	
	-moz-border-radius-topleft: 10px;
	border-top-left-radius: 10px;

	-webkit-border-bottom-left-radius: 10px;
	-khtml-border-radius-bottomleft: 10px;	
	-moz-border-radius-bottomleft: 10px;
	border-bottom-left-radius: 1px;
  
  	-webkit-border-top-right-radius: 10px;
	-khtml-border-radius-topright: 10px;	
	-moz-border-radius-topright: 10px;
	border-top-right-radius: 10px;

	-webkit-border-bottom-right-radius: 10px;
	-khtml-border-radius-bottomright: 10px;	
	-moz-border-radius-bottomright: 10px;
	border-bottom-right-radius: 10px;

  margin: 0px 0px 10px 0px;
  
}

.box_front .header {
	background-image: url('../images/boxes/indentbg.png');
	height: 25px;
	text-align: center;
	padding: 3px 0px 2px 0px;
	margin: 0px;

	-webkit-border-top-left-radius: 10px;
	-khtml-border-radius-topleft: 10px;	
	-moz-border-radius-topleft: 10px;
	border-top-left-radius: 10px;
	
	-webkit-border-top-right-radius: 10px;
	-khtml-border-radius-topright: 10px;	
	-moz-border-radius-topright: 10px;
	border-top-right-radius: 10px;
}


