/* Valid 2.1 CSS Document */


/*
====================== general styling ======================
*/

body {
	background: #333333 url(../img/bg.gif) top left repeat-x;
	color: #dcdada;
}

a, a:active, a:visited {
	color: #FAF4B7;
	text-decoration: none;
}

a:hover {
	color: #FAF4B7;
	text-decoration: underline;
}





/*
======================== typography =========================
*/

#header_inside a, #header_inside a:active, #header_inside a:visited {
	color: #FAF4B7;
	text-decoration: none;
}

#header_inside a:hover {
	color: #FAF4B7;
	text-decoration: underline;
}



#header_right h3 {
	color: #CCCCCC;
	text-align: right;
	margin: 0;
	padding: 35px 10px 0 10px;font-weight:bold;
}

#breadcrumb p {
	padding: 0 0 20px 15px;
	margin: 0;
}

#content_inside a, #content_inside a:active, #content_inside a:visited {
	color: #FAF4B7;
	text-decoration: none;
}

#content_inside a:hover {
	color: #FAF4B7;
	text-decoration: underline;
}

#content_inside p {
	color: #dcdada;
}

#footer_inside a, #footer_inside a:active, #footer_inside a:visited {
	color: #FAF4B7;
	text-decoration: none;
}

#footer_inside a:hover {
	color: #FAF4B7;
	text-decoration: underline;
}

#footer_inside p {
	color: #dcdada; 
}

h1, h2, h3, h4, h5 { color: #FFFFFF; margin-bottom: 10px; line-height: 1.3em; font-weight:bold;}

#footer_inside h4 { color: #EEEEEE; }



/*
====================== page structure =======================
*/



#header_outside {
	background: transparent;
}

#header_inside {
	background: transparent;
	height: 100px;
}

#header_left {

}

#header_right {

}

#menu_outside {
	background: transparent url(../img/dot.jpg) bottom left repeat-x;
}

#menu_inside {
  	background: transparent;
}

#content_outside {
	background: #444444 url(../img/accent.jpg) top left repeat-x;
	border-bottom:2px solid #222222;
}

#content_inside {
	background: transparent;
	padding-top: 20px;
}

#footer_outside {
	background: transparent;
}

#footer_inside {
	background: transparent;
	padding-top: 25px;
	padding-bottom: 0;
}






/*
====================== inside columns =======================
*/

#header_left {

}

#header_right {

}

#breadcrumb {

}

#left_column {

}

#sub_column_1 {

}

#sub_column_2 {

}

#right_column {

}

#sidebar_left {

}

#sidebar_right {

}

#footer_left {

}

#footer_center {

}

#footer_right {

}




/*
========================== logo =============================
*/

#logo {
	width:300px;
	height: 60px;
	border: 0px dashed #ddd;
	float: left;
	margin-top:20px;
  margin-left: 0px;
}

#logo h1 { 
  background: url(../img/logo.gif) no-repeat; 
	width:300px;
	height: 60px;
  text-indent: -100em; 
  overflow: hidden;
  padding:0; 
  margin:0; 
}

#logo a { 
  display: block; 
	width:300px;
	height: 60px;
}




/*
========================= menu bar ==========================
*/

#navcontainer ul {

	margin-left: 15px;
	margin-bottom: 0;
  	background: transparent;
	color: #FFFFFF;
	float: left;
	width: 100%;
	font-family: arial, verdana, helvetica, sans-serif;
	font-weight: bold;
	font-size: 18px;
}

#navcontainer ul li { 
	display: inline; 	
	
}

#navcontainer ul li a {
	padding: 0.5em 1.4em 0.6em 1.4em;
    background: #555555 url(../img/tab-shadow.gif) bottom left repeat-x;
	color: #888888;
	text-decoration: none;
	float: left;
	margin-right: 6px;
	border-top: 1px solid #666666;

	
	border-bottom: none;
}

#navcontainer ul li a:hover {
    background: #555555 url(../img/tab-shadow.gif) bottom left repeat-x;
	color: #BBBBBB;
}

#navcontainer ul li a#current
{
	background: #555555 url(../img/tab-accent.jpg) top left repeat-x;
	color: #EEEEEE;
	border-top: 1px solid #888888;
	border-bottom: 1px solid #555555;
}


/*
========================== lists ============================
*/

#content_inside ul {
	margin: 0 0 20px 5px;
	padding: 0;
	list-style: none;
}

#content_inside li {
	padding-left: 12px;
	background: url('../img/arrow.gif') 0 .6em no-repeat;
	margin-top: 0px; margin-left:0; margin-bottom:0; 
	padding-top:0px; padding-bottom:0px;
	width: 90%; /* Fix disppearing bullets in IE */
}

#footer_inside ul {
	margin: 0 0 20px 5px;
	padding: 0;
	list-style: none;
}

#footer_inside li {
	padding-left: 12px;
	background: url('../img/arrow.gif') 0 .5em no-repeat;
	margin-top: 0px; margin-left:0; margin-bottom:0; 
	padding-top:0px; padding-bottom:0px;
	width: 90%; /* Fix disppearing bullets in IE */
}




/*
======================= miscellaneous =======================
*/

.spacer {
	clear:both;
}

.inner_padding {
	padding: 10px;
}

.section_wrapper {
	padding: 15px;
	margin-bottom: 20px;
}

.gray_box {
	background: #404040;
	border: 1px solid #3A3A3A;
}

.box {
	background: #FFFFFF;
	border: 1px solid #DDDDDD;
	margin-bottom: 15px;
	height:65px;
}


#right_column .dt_thumb_wrap {
	width: 100%;
	background: transparent;
	border:0px solid #444444;
	padding: 0px 15px 10px 15px;
}

#right_column .dt_thumb_wrap p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	text-align:center;
	color: #DDDDDD;
	margin: 0 0 12px 0;
	line-height: 1.4em;
}

#right_column .dt_thumb_wrap a, .dt_thumb_wrap a:active, .dt_thumb_wrap a:visited {
	color: #82C226;
	text-decoration: none;
	font-size: 18px;
	font-weight: bold;
}

#right_column .dt_thumb_wrap a:hover {
	color: #82C226;
	text-decoration: underline;
	font-size: 18px;
	font-weight: bold;
}

#right_column .dt_thumb_wrap table {
    background: #333333;
    margin-bottom:10px;
    border:1px solid #222222;
}

#right_column .dt_thumb_wrap td {
	padding: 15px 0 15px 0;
}

#right_column .dt_thumb_wrap img {
	display: block;
	padding:0px;
	background: #333333;
	border:1px solid #222222;
}


#sub_menu {
	margin-bottom:10px;
	color: #333333;
    padding-bottom: 10px;
    width: 920px; 
    padding-left:10px;
}

#sub_menu a, #sub_menu a:active, #sub_menu a:visited {

	text-decoration: none;

    color: #EEEEEE;

}

#sub_menu a:hover {
;
	text-decoration: underline;

    color: #EEEEEE;

}