﻿/* -------------------------------------------------------------------------------------------------------- */
/* Begin Layout */
html, form
{
	width:100%;
	height:100%;
	min-height:100%;
}

body
{
	width:100%;
	height:100%;
	min-height:100%;
}

#wrapper
{
	position:relative;

	overflow:hidden;

	width:950px;

	height:auto !important;
	height:100%;
	min-height:100%;

	margin:0px auto;
	padding:0px 15px 0px 15px;
	
    background:#FFFFFF url(../Media/Layout/Background_Wrapper_01.jpg) repeat-y;
}

#image
{
    position:absolute;
    
    bottom:60px;
    left:305px;
    
    z-index:0;
    
    width:300px;
    height:205px;
    
    background:#FFFFFF url(../Media/Layout/Background_Image_01.jpg) no-repeat;
}

#header
{    
    position:relative;

    overflow:hidden;

    width:950px;
    
    background-color:#FFFFFF;
    
    border-bottom:solid 1px #C5C5C5;
}

#logo, #navigation
{
    float:left;
}

#logo
{
    margin:0px 40px 0px 0px;
    padding:10px 0px 10px 70px;
}

#navigation
{
    position:absolute;
    
    bottom:0px;
    left:300px;
}

#main
{
    overflow:hidden;
    
    margin:0px 0px 100px 0px;
}

#left, #center, #right
{
    position:relative;

    z-index:100;

    float:left;

	display:inline;

	overflow:hidden;
}

#left
{
	width:500px;

	margin:0px 0px 0px 0px;
	padding:70px 40px 0px 70px;
}

#center
{
	width:170px;
	
	margin:0px 0px 0px 0px;	
	padding:0px 0px 0px 0px;
	
	background-color:#EEEEEE;
}

#right
{
	width:170px;
	
	margin:0px 0px 0px 0px;	
	padding:0px 0px 0px 0px;
	
	background-color:#DDDDDD;
}

#subnavigation
{	
	overflow:hidden;
	
	padding:30px 0px 10px 0px;
}

#footernavigation
{
	margin:0px 0px 0px 0px;
}

#footer
{
    position:absolute;
    
    bottom:0px;
    
    overflow:hidden;
    
    margin:0px 0px 0px 0px;
	padding:0px 0px 30px 0px;   
    
    width:950px;
    height:30px;
    
    background:#FFFFFF url(../Media/Layout/Background_Footer_01.jpg) no-repeat;
}

#service, #include
{
	width:150px;
	
	margin:0px 0px 0px 0px;
	padding:0px 10px 0px 10px;
}

#service iframe
{
	width:150px;
		
	height:140px;
}

.clear
{
	clear:left;
}
/* End Layout */
/* -------------------------------------------------------------------------------------------------------- */
/* Begin Navigation */
#navigation ul
{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	
	list-style-type:none;
}

#navigation ul li
{
    display:inline;
}

#navigation ul li a
{	
	float:left;
	
	display:block;
		
	margin:0px 0px 0px 0px;	
	padding:22px 10px 16px 10px;
}

#navigation ul li a:hover, #navigation ul li a.active
{
    background:transparent url(../Media/Layout/Background_Navigation_01.jpg) no-repeat;   
}

#subnavigation ul
{
	margin:0px 0px 0px 20px;
	padding:0px 0px 0px 0px;
	
	list-style-type:none;
}

#subnavigation ul li a
{
	display:block;
	
	margin:0px 0px 0px 0px;	
	padding:5px 0px 5px 20px;
}

#subnavigation ul li a:hover, #subnavigation ul li a.active
{
	background:transparent url(../Media/Layout/Bullet_Subnavigation_01.gif) no-repeat 0 50%;
}

#footer ul
{
	float:left;

	display:inline;
	
	margin:5px 0px 0px 60px;
	padding:0px 0px 0px 0px;
}

#footer ul li
{
	display:inline;
  
	margin:0px 10px 0px 0px;
}

#footer ul li a
{
	float:left;

	display:block;
	
	margin:0px 0px 0px 10px;
	padding:3px 10px 3px 0px;	
	
	background:transparent url(../Media/Layout/Separator_Footernavigation_01.jpg) no-repeat 100% 50%;
}
/* End Navigation */
/* -------------------------------------------------------------------------------------------------------- */
/* Begin Typography */
body
{
	font-family: "Trebuchet MS", Verdana;
	
	color:#7D7D7B;
}

h1
{
	margin:0px 0px 20px 0px;
	
	color:#00347F;

	font-size:14pt;
	
	font-weight:normal;
}

h2
{
	margin:20px 0px 10px 0px;
	
	color:#00347F;

	font-size:10pt;
	
	font-weight:bold;
}

strong
{
	font-weight:bold;
}

em
{
	font-style:italic;
}

a
{
	color:#24231F;
	
	text-decoration:underline;
}

ul
{
	list-style-type:square;
	margin-left:0;
	padding-left:30px;
}

ol
{
	list-style-type:decimal;
	margin-left:0;
	padding-left:20px;
}

hr
{
	border:0px;
	border-top:solid 1px #004489;
	border-bottom:transparent;
}

#left, #center, #right
{
	font-size:9pt;
	line-height:20px;
}

#navigation ul li a, #subnavigation ul li a, #footernavigatio ul li a
{
	font-size:8pt;
	text-decoration:none;	
}

#navigation ul li a
{
	color:#24231F;
}

#navigation ul li a:hover, #navigation ul li a.active
{	
	color:#FFFFFF;
}

#subnavigation ul li a
{
	color:#2A2925;
}

#subnavigation ul li a:hover, #subnavigation ul li a.active
{	
	color:#00347F;
}

#footer ul li a
{
	color:#939391;
}

#footer ul li a:hover, #footer ul li a.active
{
	color:#797876;
}

#service h2, #include h2
{
    display:block;
    
    padding:0px 0px 10px 0px;
    margin:20px 0px 10px 0px;
    
    border-bottom:solid 1px #C5C5C5;
}

#service h2 span, #include h2 span
{
	font-size:10pt;
	
	color:#004489;
}

#include .contents
{
	padding:0px 0px 0px 0px;
}

#footer #copyright
{	
	float:right;
	
	margin:40px 60px 0px 0px;
}

#footer #copyright, #footer a
{
	color:#B4B4B4;
	
	font-size:8pt;
	
	text-decoration:none;
}
/* End Typography */
/* -------------------------------------------------------------------------------------------------------- */
