/* -------------------------------------------------------------------------------------------------------- */
/* Begin Layout */
html, body
{
	width:100%;
	height:100%;
	min-height:100%;

	margin:0px;
	padding:0px	
}

body
{
	background: #EFEDEE url(../Media/Layout/Background_01.jpg) repeat-x;
}

#wrapper
{
	position:relative;

	width:1000px;

	height:auto !important;
	height:100%;
	min-height:100%;

	margin:0px auto;
	padding:0px;
	
	background-color:#EFEDEE;
	
	border:solid 1px #CECECE;
}

#footer
{
	width:1000px;

	padding:0px 0px 0px 0px;	
}

#main
{
	overflow:hidden;
}

#content
{
	float:left;
	
	width:550px;
		
	margin:20px 0px 20px 0px;
	
	padding:20px 20px 20px 20px;
	
	background-color:#FFFFFF;
	
	border: dotted 1px #838280;
}

#subcontent
{
	float:left;
	
	width:200px;
	
	padding:20px 0px 20px 20px;
}

#subcontent span
{
	display:block;
	
	margin: 20px 10px 20px 10px;
}

#subcontent form
{
	margin: 20px 10px 20px 10px;
}

#subcontent div
{
	width:200px;
	
	margin-bottom:20px;
	
	background-color:#FFFFFF;
}

#subcontent div.orange
{
	border: dotted 1px #FF6B00;
}

#subcontent div.grey
{
	border: dotted 1px #838280;
}

#footer
{
	clear:both;
	
	height:25px;
	
	background: #838280;	
}

#footer ul
{	
	float:left;
	
	margin:2px 0px 0px 0px;
}

#footer li
{
	display:inline;
  
	margin:0px 0px 0px 10px;
}

#footer span
{	
	float:right;

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

iframe
{
	width:190px;
	
	height:160px;
}
/* End Layout */
/* -------------------------------------------------------------------------------------------------------- */
/* Begin Navigation */
#navigation, #footer
{
	width:1000px;

	padding:0px 0px 0px 0px;	
}

#headernavigation
{
	height:35px;
		
	background-color:#838280;
}

#headernavigation ul
{	
	float:right;
	
	margin:7px 0px 0px 0px;
}

#headernavigation li
{
	display:inline;
  
	margin:0px 10px 0px 0px;
}

#navigation
{
	height:35px;
	
	padding-top:18px;
	
	text-align:center;
	
	background-color:#FF6B00;	
}

#navigation ul
{	
	margin:0px 0px 0px 0px;
}

#navigation li
{
  display:inline;
  
  margin:0px 0px 0px 10px;
}

#subnavigation
{
	float:left;
	
	width:125px;
	
	padding:20px 20px 20px 20px;
}
/* End Navigation */
/* -------------------------------------------------------------------------------------------------------- */
/* Begin Typography */
body
{
	font-family:Verdana;
	
	color:#34302F;
}

strong
{
	font-weight:bold;
}

em
{
	font-style:italic;
}

a
{
	color:#FF6B00;	
}

h1, h2
{
	font-weight:bold;
}

#content h1
{
	height:30px;
	
	margin:-20px -20px 20px -20px;
	
	padding:8px 0px 0px 20px;
	
	color:#FFFFFF;
	
	background:#838280;
	
	font-size:12pt;	
}

#content h2
{
	margin:0px 0px 10px 0px;

	font-size:10pt;	
	
	color:#5D5C5A;
}

#service, #include
{
	width:200px;
	
	background-color:#FFFFFF;
}

#service
{
	border: dotted 1px #FF6B00;
	
	margin-bottom:20px;
}

#include
{	
	border:dotted 1px #838280;
}

#include .contents
{
	width:180px;
	padding:6px;
}

#service h2, #include h2
{
	height:28px;
	
	padding:10px 0px 0px 10px;
	
	color:#FFFFFF;
	
	font-size:9pt;
}

#service h2 span, #include h2 span
{
	margin:0;
	padding:0;
}

#service h2
{
	background-color:#FF6B00;
}

#include h2
{
	background-color:#838280;
}

#headernavigation a, #footer a, #footer span
{
	font-size:8pt;
	
	color:#FFFFFF;
}

#navigation li
{
	margin-right:5px;
}

#navigation a
{
	font-size:10pt;
	text-decoration:none;
	text-transform:uppercase;
	
	color:#FFFFFF;
}

#subnavigation li
{
	display:block;

	margin:20px 0px 0px 0px;
	padding:0px 0px 0px 0px;

	background-image: url(../Media/Layout/Seperator_01.jpg);
	background-position: 0px 100%;
	background-repeat: no-repeat;
}

#subnavigation a
{
	display:block;
	
	margin:20px 0px 0px 0px;
	padding:0px 0px 8px 0px;
	
	font-size:9pt;
	
	color:#838280;
	
	text-decoration:none;
	/*text-transform:uppercase;*/
	
	background-image: url(../Media/Layout/Seperator_01.jpg);
	background-position: 0px 100%;
	background-repeat: no-repeat;	
}

#content
{
	font-size:9pt;
	line-height:18px;
}

#content a
{
	color:#FF6B00;
}


#subcontent
{
	font-size:8pt;
	line-height:16px;
}

#navigation a.active, #subnavigation a.active
{
	font-weight:bold;
}

hr
{
	width:100%;
	height:1px;

    color:#838280;
    
    background-color:#838280;
    
    border:none;
}

#content ul
{
	margin-left:20px;
	
	list-style-image: url(../Media/Layout/Bullet_01.gif);
}

#content ul li
{
	margin:10px 0px 10px 20px;
}

.node a
{
	display:block;
	
	margin:0px 0px 0px 0px;
	
	padding:0px 0px 0px 20px;
	
	background-image: url(../Media/Layout/Bullet_01.gif);
	background-position: 0px 50%;
	background-repeat: no-repeat;		
}
/* End Typography */
/* -------------------------------------------------------------------------------------------------------- */