@import url(/templates/pipers/reset.css);

body {
	font-family: Arial, Helvetica, sans-serif;
	color:#455560;
	background:#DAC793 url(/templates/pipers/images/bg.jpg) top left repeat-x;
}

#container {
	width:760px;
	margin:30px auto;
}

.header img {
	vertical-align:bottom; /*Prevent 3px padding on bottom when template is strict*/
}

#menu {
	background: url(/templates/pipers/images/menu.png) bottom left no-repeat;
	padding-bottom:46px;
	font-size:1.4em;
}
#menu table {
	margin:0px auto;
}
#menu table td {
	padding:8px 8px 8px 23px;
	background: url(/templates/pipers/images/menu_divider.png) center left no-repeat;
}
#menu table td.first {
	padding:8px 8px 8px 0px;
	background: url();
}

#menu a {
	text-decoration:none;
	color:#455560;
}

#menu a:hover {
	text-decoration:underline;
}

#menu a.selected {
	text-decoration:underline;
}

#content {
	background: #455560 url(/templates/pipers/images/content.png) top left repeat-y;
	padding:0px 35px 0px 35px;
	font-size:1.1em;
}

#content .breadcrumbs a {
	display:block;
	float:left;
	padding:5px 4px 10px 0px;
	text-decoration:none;
	color:#B09A52;
	font-size:1em;
}

#content .breadcrumbs a.selected {
	text-decoration:underline;
}

#content .breadcrumbs span {
	display:block;
	float:left;
	padding:5px 2px 10px 0px;
	text-decoration:none;
	color:#B09A52;
	font-size:1em;
}

#content .left {
	float:left;
	width:220px;
}

#content .left .sub {
	padding-top:20px;
}

#content .left .sub a {
	display:block;
	padding:8px 8px 8px 23px;
	background: url(/templates/pipers/images/sub_menu_divider.png) center left no-repeat;
	text-decoration:none;
	font-size:1.4em;
	color:#455560;
}

#content .left .sub a:hover {
	text-decoration:underline;
	color:#B09A52;
	background-image: url(/templates/pipers/images/sub_menu_divider_over.png);
}

#content .left .sub a.selected {
	text-decoration:underline;
	color:#B09A52;
	background-image: url(/templates/pipers/images/sub_menu_divider_over.png);
}

#content .right {
	float:right;
	width:430px;
	border-left:2px solid #455560;
	 padding-left:25px;
}

#content .highlight {
	background-color:#F2EAD7;
	padding:10px 20px 20px 20px;
}

#content h1 {
	font-size:2em;
	padding:2px 0px 10px 0px;
}

#content h2 {
	font-size:1.5em;
	padding:8px 0px 3px 0px;
	line-height:1.5em;
	font-weight:500;
}

#content h3 {
	font-size:1.3em;
	padding:8px 0px 0px 0px;
	line-height:1.3em;
}

#content p {
	font-size:1.1em;
	line-height:1.2em;
}

#content ul {
	color:#666;
	padding:0px 0px 0px 15px;
	margin:0px;
	line-height:1.5em;
	list-style-type:circle;
}
#content  li {
	font-size:1.1em;
	padding:3px 0px 3px 5px;
	margin:0px;
	line-height:1.1em;
	color:#455560;
}

#content ul.links {
	list-style-type:none;
	margin:0px;
	border-bottom:1px solid #455560;
	padding:0px;
}

#content ul.links img {
	background-color:#FFF;
	border:1px solid #455560;
	padding:8px;
	margin-right:10px;
	vertical-align:bottom;
	float:left;
}

#content ul.links li {
	border-top:1px solid #455560;
	margin:0px;
	padding:8px;
	vertical-align:top;
	cursor:pointer;
}

#content ul.links li .info{
	float:left;
}

#content ul.links li a  {
	text-decoration:none;
	color:#455560;
	font-size:1.8em;
	margin-top:10px;
	display:block;
	line-height:1.8em;
}

#content ul.links li a:hover  {
	text-decoration:underline;
}

#content ul.links li a.sub  {
	font-size:1em;
	padding-top:5px;
}

#footer {
	background: url(/templates/pipers/images/footer.png) top left no-repeat;
	height:50px;
	padding-top:23px;
}

#footer a{
	background: url(/templates/pipers/images/smalldog.png) right center no-repeat;
	color:#FFF;
	text-align:right;
	padding-right:20px;
	text-decoration:none;
	float:right;
	display:block;
	width:200px;
	margin-right:60px;
	height:15px;
	line-height:15px;
}

#footer span{
	color:#FFF;
	float:left;
	display:block;
	width:200px;
	display:block;
	margin-left:60px;
	line-height:15px;
}

.clear {
	clear:both;
}

a img { border: none }

/* CONTACT FORM */
.contact {
	float:left;
	width:350px;
	padding:4px 20px 0px 0px;
}
.contact .map {
	border:1px solid black;
	border-top:1px solid #455560;
	border-left:1px solid #455560;
	border-right:1px solid #E1E1E1;
	border-bottom:1px solid #E1E1E1;
}
.contact_form {
	float:left;
	width:250px;
	padding-right:30px;
	padding-bottom:10px;
}
.contact_form label {
	display:block;
	float:left;
	width:300px;
	padding-top:5px;
	font-size:1.1em;
}
.contact_form input {
	float:left;
	margin-top:5px;
	padding:2px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
	border-top:1px solid #455560;
	border-left:1px solid #455560;
	border-right:1px solid #E1E1E1;
	border-bottom:1px solid #E1E1E1;
	background-color:#FFFFFF;
	width:300px;
}
.contact_form textarea {
	width:300px;
	height:182px;
	margin-top:5px;
	padding:2px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
	border-top:1px solid #455560;
	border-left:1px solid #455560;
	border-right:1px solid #E1E1E1;
	border-bottom:1px solid #E1E1E1;
	background-color:#FFFFFF;
}
.contact_form  .button {
	border-bottom:1px solid #999;
	border-right:1px solid #999;
	border-top:1px solid #CCC;
	border-left:1px solid #CCC;
	background-color:#FFF;
	padding:4px 10px 4px 10px;
	cursor:pointer;
	width:auto;
}
.contact_form  .phone {
	width:auto;
	margin-right:5px;
}
.contact_form  .button:hover {	
	border-top:1px solid #999;
	border-left:1px solid #999;
	border-bottom:1px solid #666;
	border-right:1px solid #666;
}
.contact_form .button:active {
	background-color:#F1F1F1;
	border-top:1px solid #999;
	border-left:1px solid #999;
	border-bottom:1px solid #CCC;
	border-right:1px solid #CCC;
}
.contact_form br {
	clear:both;
}
.contact_form input:focus,.contact_form textarea:focus {
	background-color:#EEEEEE;
}
.contact_form .security {
	margin-top:5px;
	display:block;
	float:left;
	width:150px;
	
	border-top:1px solid #999;
	border-left:1px solid #999;
	border-bottom:1px solid #CCC;
	border-right:1px solid #CCC;
}

.contact_form .security img {
	vertical-align:bottom;
}

/* VALIDATION CSS */

#notice table {
	border-collapse:collapse;
}
/***************
	WARNINGS
***************/
.warning {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
	width:200px;
	font-family:Arial, Helvetica, sans-serif;
}
.warning .tl{
	background:url(/templates/pipers/images/warning.png) no-repeat -10px top;
	height:5px;
	width:5px;
}
.warning .tr{
	background:url(/templates/pipers/images/warning.png) no-repeat top right;
	height:5px;
	width:5px;
}
.warning .bl{
	background:url(/templates/pipers/images/warning.png) no-repeat -10px bottom;
	height:5px;
	width:5px;
}
.warning .br{
	background:url(/templates/pipers/images/warning.png) no-repeat bottom right;
	height:5px;
	width:5px;
}
.warning .arrow {
	background:url(/templates/pipers/images/warning.png) no-repeat left -5px;
	height:10px;
	width:10px;
}
.warning td {
	padding:0px;
	vertical-align:middle;
	padding:0px;
}
.warning .l, .warning .r, .warning .t, .warning .b{
	background-color:#DAC793;
}
.warning .c {
	background-color:#DAC793;
	color:#FFF;
	text-align:center;
	padding:5px;
	font-size:1.1em;
}
/***************
	ERRORS
***************/
.error {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
	width:200px;
	font-family:Arial, Helvetica, sans-serif;
}
.error .tl{
	background:url(/templates/pipers/images/error.png) no-repeat -10px top;
	height:5px;
	width:5px;
}
.error .tr{
	background:url(/templates/pipers/images/error.png) no-repeat top right;
	height:5px;
	width:5px;
}
.error .bl{
	background:url(/templates/pipers/images/error.png) no-repeat -10px bottom;
	height:5px;
	width:5px;
}
.error .br{
	background:url(/templates/pipers/images/error.png) no-repeat bottom right;
	height:5px;
	width:5px;
}
.error .arrow {
	background:url(/templates/pipers/images/error.png) no-repeat left -5px;
	height:10px;
	width:10px;
}
.error td {
	padding:0px;
	vertical-align:middle;
	padding:0px;
}
.error .l, .error .r, .error .t, .error .b{
	background-color:#AD9852;
}
.error .c {
	background-color:#AD9852;
	color:#FFF;
	text-align:center;
	padding:5px;
	font-size:1.1em;
}