﻿@import url(mainnav/layout.css);
@import url(mainnav/design.css);
@import url(subnav/layout.css);
@import url(subnav/design.css);
@import url(footernav/layout.css);
@import url(footernav/design.css);
@import url(text.css);
@import url(snippets.css);

html {
	background: #d4d0b1 url(../library/topbar-bg.png) repeat-x;
	}

body {
	padding: 0;
	margin: 0 0 1em 0;
	}

form {
	padding: 0;
	margin: 0;
	}

img {border: 0;}

div.frame {
	background: #fff url(../library/shadow.gif) repeat-y;
	width: 979px/*749px*/;
	margin: 0 auto;
	position: relative;
	top: 0;
	left: 0;
	padding: 0 10px 0 10px;
	}

/* Top bar 
--------------------------- */
div.mod-topbar {
	width: 979px;
	margin: 0 -10px;
	padding: 0 10px;
	background: #aa916e url(../library/topbar-bg.png) repeat-x;
	height: 25px;
	position: absolute;
	top: 0;
	left: 0;
	}

/* Log-in link */

div.mod-login {
	position: absolute;
	top: 0;
	left: 370px;
	}

div.mod-login a img {
	border: 0;
	}

/* Search widget */

div.mod-search {
	width: 280px;
	position: absolute;
	right: 0;
	top: 0;
	height: 13px;
	vertical-align: top;
	padding-top: 12px;
	text-align: right;
	padding-right: 10px;
	}
div.mod-search form {
	height: 1em;
	margin-top: -0.65em;
	}

div.mod-search span {
	vertical-align: top;
	line-height: 1.4em;
	}

div.mod-search span.desc {
	text-transform: uppercase;
	letter-spacing: 0.1em;
	font-size: 83%;
	color: #eeeae2;
	line-height: 1.5em;
	padding-right: .5em;
	}


div.mod-search input {
	vertical-align: top;
	margin: 0 .5em 0 0;
	}

div.mod-search span.field input {
	width: 103px;
	color: #000;
	background-color: #d4cabf;
	border-top: solid 1px #785e3d;
	border-right: none;
	border-bottom: solid 1px #e1dbd3;
	border-left: none;
	padding: 0 2px;
	}

div.mod-search span.field input.focus {
	background-color: #fff;
	}


/* Header 
--------------------------- */

div.con-header {
	background: #0e244d url(../library/head-bg.png);
	width: 979px;
	height: 73px;
	position: relative;
	top: 0;
	left: 0;
	z-index: 50;
	padding-top: 25px;
	padding-bottom: 5px;
	}

div.mod-logo {
	width: 132px;
	}

div.mod-mainnav {
	width: 802px;
	position: absolute;
	top: 51px;
	left: 177px;
	background: #0e244d url(../library/bg-mainnav.png) repeat-x 0 0;
	}

#mainnav {
	/*width: 615px;*/
	}

form {
	margin: 0;
	padding: 0;
	}




/* Con main 
--------------------------- */

div.con-main {
	position: relative;
	top: 0;
	left: 0;
	z-index: 1;
	float: left;
	width: 979px;
	background: #fff url(../library/curve.png) no-repeat;
	margin-right: -225px;
	margin-bottom: 2em;
	}


/* Main content */

div.content {
	padding: 0px 30px 0 60px;
	width: 664px;
	clear: left;
	}

div.mod-sitemap {
	padding-bottom: 30px;
	}


/* Con supp 
--------------------------- */

div.con-supp {
	float: right;
	width: 225px;
	z-index: 2;
	position: relative;
	top: 0;
	left: 0;
	padding-top: 44px;
	padding-bottom: 3em;
	}



/* Footer 
--------------------------- */

div.con-footer {
	width: 999px;
	margin: 0 -10px;
	background: #d4d0b1 url(../library/footer-bg.gif) no-repeat;
	position: relative;
	top: 0;
	left: 0;
	clear: both;
	height: 34px;
	}

/* Back to top */

div.con-footer p.top {
	overflow: hidden;
	height: 24px;
	width: 269px;
	position: relative;
	top: 0;
	left: 10px;
	text-indent: 10px;
	margin: 0;
	}

div.con-footer p.top a {
	background: none;
	display: inline;
	}

div.con-footer p.top a span {
	height: 24px;
	display: block;
	width: 269px;
	position: absolute;
	top: 0;
	left: 0px;
	background: transparent url(../library/back-to-top.gif) no-repeat;
	background-position: 0 0;
	}


div.con-footer p.top a:link span {
	background: transparent url(../library/back-to-top.gif) no-repeat;
	background-position: 0 0;
	}

div.con-footer p.top a:visited span {
	background-position: 0 0;
	}
div.con-footer p.top a:focus span {
	background-position: 0 -24px;
	}
div.con-footer p.top a:hover span {
	background-position: 0 -24px;
	}
div.con-footer p.top a:active span {
	background-position: 0 -24px;
	}

/* Paging */
ul.paging {
	list-style-type: none;
	margin: 0 0 0 60px;
	padding: 1em 0 0 0;
	}

ul.paging li {
	margin: 0;
	padding: 0;
	float: left;
	width: 1.8em;
	text-align: center;
	}

ul.paging li.label {
	width: 3.5em;
	text-align: left;
	}

ul.paging li.next {
	text-align: left;
	color: #aaa;
	width: 4em;
	}

ul.paging li.previous {
	text-align: right;
	color: #aaa;
	width: 5em;
	}

ul.paging li.seperator {
	width: 1.5em;
	}




/* Clear child floats */

.clear:after {
	display: block;
	clear: both;
	content: ".";
	visibility: hidden;
	height: 0;
	}