/* base.css */

html, body {
	font : 12px/18px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif;
	color : #4c4c4c;
	
	padding : 0;
	background-color : transparent;
	margin : 0;
	
	cursor : default;
}
html {
	height : 100%;
	background : #4c4c4c url('../../images/bg.png');
}
body {
	min-height : 100%;
	width : 800px;
	
	padding : 0 6px 0 7px;
	background-color : #fff;
	margin : 0 auto;
}

a img {
	border : 0 none;
}

p {
	padding : 0;
	margin : 1em 0 0;
}
p:first-child {
	margin-top : 0;
}

:link, :visited {
	text-decoration : underline;
	color : #fcb656;
	
	cursor : pointer;
}
:link:hover, :visited:hover {
	text-decoration : none;
}

#skip {
	display : none;
}

.clear {
	display : block;
	clear : both;
}

@media aural {
	#skip {
		display : block;
		speak : normal;
	}
}

h2 {
	font : 18px/38px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif;
	letter-spacing : -1px;
	color : #4c4c4c;
	
	padding : 0;
	border-bottom : 1px solid #4c4c4c;
	margin : 0;
}

h3 {
	font : bold 14px/18px Verdana, sans-serif;
	letter-spacing : 0;
	color : #000;
	
	padding : 0;
	margin : 19px 0 0;
}
h3:first-child {
	margin-top : 0;
}

div.content {
	position : relative;
	z-index : 2;
	
	margin-top : -19px;
	margin-left : 199px;
}

div.content > h2 {
	height : 19px;
	overflow : visible;
	
	padding : 0 20px 0 14px;
	background : transparent url('../../images/tab_head.png') no-repeat top right;
	border-bottom : 0 none;
	margin : 0 0 0 1px;
}
div.content > h2 span {
	display : block;
	
	border-bottom : 1px solid #4c4c4c;
}
div.content > div {
	padding : 27px 16px 0 14px;
	border-left : 1px solid #4c4c4c;
	margin : 0;
}

div.content .back {
	position : absolute;
	top : 14px;
	right : 20px;
	
	text-transform : lowercase;
	
	padding : 0;
	margin : 0;
}

div.contact p {
	font-size : 14px;
}
div.contact .email:link,
div.contact .email:visited {
	color : #b8481c;
}
div.contact .email:link:hover,
div.contact .email:visited:hover {
	color : #65b81c;
}

p.more {
	text-transform : lowercase;
	text-align : right;
}
a.more {
	white-space : nowrap;
	text-transform : lowercase;
}

.logo {
	display : block;
	width : 468px;
	height : 71px;
	
	text-indent : -32767em;

	padding : 25px 0 0;
	background : transparent url('../../images/logo.png') no-repeat 0 25px;
	margin : 0 0 20px 7px;
}
.logo a {
	display : block;
	width : 100%;
	height : 100%;
}
.sublogo {
	display : block;
	float : right;
	width : 236px;
	height : 36px;
	
	text-indent : -32767em;
	
	padding : 0;
	background : transparent url('../../images/sublogo.png') no-repeat top left;
	margin : 51px 0 0;
}

#header {
	position : relative;
	height : 276px;
	z-index : 1;
	
	text-indent : -32767em;
	
	background : #ccc url('../../images/headers/index.png') no-repeat top left;
}

#header_obj {
	position : absolute;
	top : 0;
	left : 0;
	width : 800px;
	height : 276px;
	z-index : 2;
}

#header h1 {
	position : absolute;
	top : 0;
	left : 0;
	width : 691px;
	height : 69px;
	z-index : 3;
	
	font : bold 21px/48px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif;
	letter-spacing : -1px;
	text-indent : 0;
	color : #000;
	
	padding : 0 0 0 10px;
	background : transparent url('../../images/section_header_bg.png') no-repeat top left;
	margin : 0;
}

#header .more {
	position : absolute;
	bottom : 44px;
	right : 34px;
	width : 141px;
	height : 52px;
	z-index : 3;
	
	text-indent : -32767em;
	
	padding : 0;
	background : transparent url('../../images/more.png') no-repeat top left;
	margin : 0;
}
#header .more:hover {
	background-position : bottom left;
}

#main_menu {
	float : left;
	position : relative;
	z-index : 3;
	width : 169px;

	padding : 0 17px 0 13px;
	background : transparent url('../../images/tab_head.png') no-repeat top right;
	margin : -19px 0 0;
}

#main_menu li {
	display : block;
	list-style : none;
	
	font : 18px/44px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif;
	letter-spacing : -1px;
	
	padding : 0;
	border-top : 1px solid #4c4c4c;
	margin : 0;
}
#main_menu li:first-child {
	border-top : 0 none;
}
#main_menu a {
	display : block;
	width : 100%;
	height : 100%;
}
#main_menu :link, #main_menu :visited {
	text-decoration : none;
	color : #4c4c4c;
}
#main_menu :link:hover,
#main_menu :visited:hover {
	color : #000;
}
#main_menu li.active :link,
#main_menu li.active :visited {
	color : #fcb656;
}

div.besidebar {
	float : left;
	width : 339px;
}
div.besidebar p {
	padding-left : 11px;
}

div.sidebar {
	float : right;
	width : 179px;
	
	padding : 8px 11px 30px 17px;
	border-left : 1px solid #4c4c4c;
	margin-top : 20px;
	margin-left : 20px;
}

div.sidebar ul {
	padding : 0 0 0 12px;
	margin : 1em 0 0;
}
div.sidebar ul li {
	list-style : square;
	
	font-weight : bold;

	padding : 8px 0;
	margin : 0;
}
div.sidebar ul li img {
	display : block;
	
	margin : 0 auto;
}

.copyright {
	clear : both;
	text-align : right;
	
	font-size : 10px;
	color : #4c4c4c;
	
	padding : 36px 6px 6px 0;
	margin : 0;
}