/* Par Escrow Services, Inc. CSS Repository */
/* Developed by Robert Palmer (http://rp-network.com) for ninthlink (http://ninthlink.com/) */

/* page structure */

body {
	width: 100%;
	font: normal 12px/19px Georgia, "Times New Roman", serif;
	color: #4d4d4d;
}

a {
	color: #5979bc;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

h2 {
	font: normal 18px/19px Georgia, "Times New Roman", serif;
	color: #324e00;
	margin-top: 20px;
	margin-bottom: 10px;
	width: 90%;
}

h3 {
	font-weight: bold;
	margin-top: 10px;
	width: 90%;
}

p {
	padding-top: 10px;
	width: 90%;
}

ul.nav {
	float: right;
	width: 492px;
	height: 37px;
	/* margin-top: 63px;  use this property if the login tab is present, otherwise use property below  */
	margin-top: 88px;
	
}

ul.nav li {
	display: block;
	float: left;
	font: normal 16px/37px Georgia, "Times New Roman", serif;
	text-align: center;
	color: white;
	width: 123px;
	height: 32px;
	padding-top: 5px;
	overflow: hidden;
	background: url(../images/tab.png) 0px -37px no-repeat;
}

ul.nav li a {
	color: white;
	text-decoration: none;
}

ul.nav li a:hover {
	text-decoration: underline;
}

ul.nav li.selected {
	background: url(../images/tab.png) top no-repeat;
}

form.contact input {
	width: 50%;
	margin: 5px 0;
}

form.contact input.short {
	width: 100px;
}

form.contact input.button {
	width: auto;
}

form.contact textarea {
	width: 50%;
}

/* ids */

#header {
	min-width: 900px;
	width: 100%;
	background: url(../images/bg_sky.png) top repeat-x #5979bc;
	height: 144px;
}

#login {
	float: right;
	background: url(../images/top_tab.png) top no-repeat;
	width: 158px;
	height: 40px;
	font: normal 11px/16px Arial, sans-serif;
	color: white;
	text-align: center;
	padding-top: 4px;
}

#login a {
	color: white;
	text-decoration: none;
}

#login a:hover {
	text-decoration: none;
}

#login img {
	vertical-align: top;
	line-height: 16px;
}

#headline {
	width: 100%;
	background: url(../images/bg_green.png) bottom repeat-x #80ad00;
	font: normal 22px/29px Georgia, "Times New Roman", serif;
	color: white;
	min-height: 88px;
	padding: 23px 0;
}

#body {
	width: 100%;
	background: url(../images/bg_content.png) top repeat-x #eeeeee;
	min-height: 425px;
	padding-bottom: 50px;
	clear:both;
}

#body.withsidebar {
	padding-bottom: 0px;
}

#body.withsidebar p {
	width: 430px;
}

#shadow {
	width: 100%;
	background: url(../images/bg_content_bottom.png) top repeat-x white;
	height: 16px;
}

#shadow div.sidebar {
	width: 300px;
	float: right;
	background: url(../images/bg_sidebar_bottom.png) top repeat-x #d6d6d6;
	height: 16px;
}

#sidebar {
	width: 260px;
	padding: 20px;
	float: right;
	background: url(../images/bg_sidebar.png) top repeat-x #d6d6d6;
	min-height: 385px;
}

#sidebar h2 {
	width: 260px;
}

#sidebar ul {
	font: normal 11px/15px Georgia, "Times New Roman", serif;
	color: #324e00;
	list-style-image: url(../images/bullet.png);
	margin-left: 1.5em;
}

#sidebar ul li {
	margin-bottom: 10px;
}

#footer {
	font: normal 11px/14px Arial, sans-serif;
	color: black;
	padding-top: 10px;
	min-height: 175px;
}


/* classes */

.content {
	width: 780px;
	margin: 0 auto;
}

.license {
	font: italic 13px/19px Georgia, "Times New Roman", serif;
	color: #4d4d4d;
	float: right;
	text-align: right;
	padding-top: 10px;
	
}

.leaves {
	width: 100%;
	background: url(../images/leaves.jpg) top right no-repeat;
	height: 144px;
}

.logo {
	float: left;
	margin-top: 20px; /* remove this property if login tab is present */
}

.right {
	float: right;
}

.small {
	font-size: 80%;
}

.alert {
	font-weight: bold;
	color: #cc0000;
}