/* Global Resetting */

* {
	margin: 0;
	padding: 0;
}

html{	
	width: 100%;
	height: 100%;
}
body {
	width: 100%;
	height: 100%;
	font-size: 62.5%;
	/* reset font-sizes to 1em == 10px */
	background-color: #888352;
	background-image:url(../images/bg2.gif);
	background-repeat: repeat-x;
}
* {
	font-size: 1em;
	/* reset font-sizes to 1em == 10px */
	padding: 0;
	margin: 0;
	font-family:Verdana,Helvetica,sans-serif;
	list-style:none;
}
a img{
	border:0;
}
.clear{
	clear:both;
}

/* Layout CSS */
#Main {
	width:955px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -100px;
}
#Header {
	
	
	height: 90px;
}
	#Header h1 {
		color:#fff;
		font-size:1.5em;
		line-height:4.5em;
		padding-left:0px; /* push over title */
	}
		#Menu1 {
			padding:0px 0px 0px 30px; /* push over menu */
		}
			#Menu1 li {
				float:left;
				margin-top: 4px;
				margin-left:1px; /* spacing between menu items */
				
			}
				#Menu1 li.current,
				#Menu1 li.section {
					background:url(../images/menu_ornament.png) no-repeat center top;
				
				}
				#Menu1 li a {
					display:block;
					color:#000;
					font-weight:bold;
					font-size:1.2em;
					text-decoration:none;
					padding:32px 7px 5px;
					
					
				}
					#Menu1 li a:hover {
						/* medium red */
						color:#ccc;
						background:url(../images/menu_ornament.png) no-repeat center top;
					}
					#Menu1 li.current a,
					#Menu1 li.section a {
						
						/* color of highlight menu */
						color:#239123;
					}
#LeftPane {
	width: 218px;
	
	float: left;
}
#LeftPaneTop {
	width: 226px;
	height: 266px;
	background-image: url(../images/header_image.png);
}
#LeftPaneMiddle {
	width: 226px;
	height: 72px;
	background-image: url(../images/quick_contact.png);
}
#LeftPaneBottom {
	width: 196px;
	height: 266px;
	background-image: url(../images/contact_body.png);
	background-repeat: no-repeat;
	padding: 0px 5px 5px 25px;
}
#RightPane {
	width: 737px;
	float: left;
}

#ContentContainer {
	margin: 0 auto;
	width: 705px;
	padding-top:5px;
	padding-left: 10px;
	padding-bottom:60px;
	/*margin-bottom: 100px;*/
	overflow: auto;

}
#ContentContainer h1 {
	color:#c12521;
	font-size:1.8em;
	line-height:1.5em;
	text-align: center;
	padding-top: 3px;
	padding-bottom: 13px;
}

#Banner {
	text-align: center;
}

#Menu2 {
	margin-left: 20px;
	width: 17em;
	float:left;
	background:#f0f0f0;
	border:1px solid #ddd;
	padding:10px 10px 10px 10px;
}
	#Menu2 li {
		padding-left:15px;
		background:url(../images/menu2_arrow.gif) no-repeat left center;
	}
	#Menu2 a {
		color:#333;
		font-weight:bold;
		font-size:1.1em;
		line-height:1.6em;
		text-decoration:none;
	}
	#Menu2 a:hover {
		text-decoration:underline;
	}
	#Menu2 li.current a,
	#Menu2 li.section a {
		/* medium red */
		color:#c12521;
	}

#Content {
	float: left;
	margin: 0px 20px;
	width:90%;
}

div.breadcrumbs {
	margin-bottom:10px;
	font-size:1em;
	color:#666;
}
div.breadcrumbs a {
	text-decoration:none;
}

#Footer, .push {
	height: 110px; /* .push must be the same height as .footer */
	margin: auto;
}
#Footer {
	background-image:url(../images/footer_bg.gif);
	background-repeat: repeat-x;
	/*height: 110px;*/
	width: 100%;
	/*margin-top: -130px;*/
	float: left;
	text-align:center;
	padding-top: 20px;
	padding-left: -60px;
	

}
	#Footer span {
		color:#ccc;
		font-size:1.1em;
		line-height:2em;
		font-weight:bold;
		padding-left:20px;
	}
	#Footer a {
		color:#fff;
	}
		#Footer a:hover {
			text-decoration:none;
		}


/* The rest of this file is for the second tutorial */
#NewsList,
#ListingList {
	background:#f9ebeb;
	border:1px dotted #ccc;
	padding:10px;
}

#NewsList li,
#ListingList li {
	margin: 0;
	list-style-type: none;
}
	#NewsList li.newsDateTitle span {
		color:#666;
		line-height:2em;
	}
	#NewsList li.newsDateTitle a {
		font-size:1.3em;
		font-weight:bold;
		/* medium red */
		color:#c12521;
		text-decoration:none;
		padding-left:20px;
		background:url(../images/treeicons/news-file.gif) no-repeat left center;
	}
		#NewsList li.newsDateTitle a:hover {
			/* medium red */
			border-bottom:1px dotted #c12521;
		}
		
	#NewsList li.newsSummary {
		margin-bottom:20px;
	}
		#NewsList li.newsSummary span {
			font-size:1.1em;
			line-height:1.5em;
			color:#333;
		}
		#NewsList li.newsSummary a.readMoreLink {
			/* medium red */
			color:#c12521;
			text-decoration:none;
		}
			#NewsList li.newsSummary a.readMoreLink:hover {
				/* medium red */
				border-bottom:1px dotted #c12521;
			}

div.newsDetails {
	margin-bottom:10px;
}

div.newsDetails p {
	color:#666;
	margin:0;
	font-size:1em;
}

div.pageComments {
	background:#f9ebeb;
	border:1px dotted #ccc;
	padding:10px;
}

#ListingList .listingname { 
	clear: both;
	padding-left: 60px;
	height: 1.2em;
}

#ListingList .listingphoto {
	float: left;
	margin-left: 3px;
	margin-top: -1.2em;
}     
#ListingList .listingphoto img {
	border:1px solid #AAA;
}

#ListingList .listingdescription {
	margin-left: 60px;
	margin-bottom:30px;
}

#ListingPhoto {
	float: left;
	margin-right: 10px;
}

#ListingPhoto img {
	border:1px solid #AAA;
}

#PageComments {
	list-style:none;
	background:#e9e9e9;
	border:1px solid #ccc;
	border-bottom:0;
	padding:0;
	margin:0;
}
	#PageComments li {
		list-style:none;
		padding:5px;
		margin:0;
		font-size:1em;
		border-bottom:1px dotted #bbb;
	}
		#PageComments li p span {
			font-style:italic;
		}
		#PageComments a.deletelink {
			font-weight:bold;
		}

			
#PageNumbers {
	font-weight:bold;
	color:#333;
	font-size:1.1em;
	text-align:center;
	padding:5px;
	border:1px solid #ddd;
	background:#e9e9e9;
}
#PageNumbers * {
	padding:0 5px;
	line-height:1.5em;
}
#PageNumbers a {
	color:#c12521;
	text-decoration:none;
}
	#PageNumbers a:hover {
		text-decoration:underline;
	}
	

/**
 * SlideShow CSS
 *
 */
 
#slideShow, .slidePush 
{
	height: 410px; /* .push must be the same height as .footer */
	margin: auto;
}

#slideShow
{
	position:relative;
}

#slideshow DIV
{
    position:absolute;
    top:100px;
    z-index:8;
}

#slideshow DIV.active
{
    z-index:10;
}

#slideshow DIV.last-active
{
    z-index:9;
}

/* Listing Classes
----------------------------------------------- */

table.ListingContainer
{
	position:relative;
	background-color: #FFFFFF;
	border:0px solid green;
	height:250px;
	width:650px;
	top:20px;
}

table.ListingDetail
{
	border:0px;
}

.ListingContainer td.ListingTitle
{ 
   position:relative;
   background-color:#FFEEEE;
   width:100%;
   font-size:14px;
   font-weight:700;
   color:#c12521;
   text-align: center;
}

.ListingContainer td.ListingTitle
{ 
	padding:6px;
	border:1px solid #606060;
}

td#ListingPhoto
{ 
   position:relative;
	padding:4px;
   width:250px;
   height:150px;
   border:0px;
}

td#ListingPhoto img
{ 
   border: 1px;
}

td#ListingSummary
{ 
   position:relative;
	padding:4px;
	height:100%;
}

img
{
	border: none;
}

#debugContainer
{
   position:relative;
   display:block;
   width:200px;
   height:100px;
   border:0px solid #D9EAFE;
   background-color:transparent;
   margin:auto auto auto 0px;
   text-align:left;
   padding:10px;
   font-size:10px;
   color:#738376;
   overflow:hidden;
}

#ContactBtn
{
	position:relative;
	height:12px;
	width:50px;
	padding:5px;
	font-weight:650;
	border:2px solid #545454;
	background-color: #FFEEEE;
	cursor:pointer;
}

#ContactMessage
{
	position:relative;
	height:25px;
	width:80%;
	padding:10px;
	border:1px solid #545454;
	cursor:pointer;
	background-color: #FFEEEE;
	color:#545454;
	font-size:14px;
	font-weight:700;
}

ul#ContactFormContainer
{
	list-style: none;
}

ul#ContactFormContainer li
{
	padding:4px;
}

#mlcalc {
	width: 300px;
}


#contact {
	padding: 20px 0px 0px 60px;
	color: #000;
}



/* -------------------------------  BUTTONS  ------------------------------------*/


/* BUTTONS */

.buttons a, .buttons button{
    display:block;
    float:left;
    margin:0 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;

    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}


/* STANDARD */

button:hover, .buttons a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE */

button.positive, .buttons a.positive{
    color:#529214;
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* NEGATIVE */

.buttons a.negative, button.negative{
    color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}







/* Header
----------------------------------------------- */
@media all {
  #header {
    width:685px;
    margin:0 auto 10px;
    border:1px solid #ccc;
    }
  }
@media handheld {
  #header {
    width:90%;
    }
  }
#blog-title {
  margin:5px 5px 0;
  padding:20px 20px .25em;
  border:1px solid #eee;
  border-width:1px 1px 0;
  font-size:200%;
  line-height:1.2em;
  font-weight:normal;
  color:#c12521;
  text-transform:uppercase;
  letter-spacing:.2em;
  }
#blog-title a {
  color:#666;
  text-decoration:none;
  }
#blog-title a:hover {
  color:#666;
  }
#description {
  margin:0 5px 5px;
  padding:0 20px 20px;
  border:1px solid #eee;
  border-width:0 1px 1px;
  max-width:700px;
  font:78%/1.4em Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.2em;
  color:#000;
  }

/* Content
----------------------------------------------- */
@media all {
  #content {
    width:685px;
    margin:0 auto;
    padding:0;
    text-align:left;
    }
  #main {
    width:440px;
    float:left;
    }
  #sidebar {
    width:220px;
    float:right;
    }
  }
@media handheld {
  #content {
    width:90%;
    }
  #main {
    width:100%;
    float:none;
    }
  #sidebar {
    width:100%;
    float:none;
    }
  }

/* Headings
----------------------------------------------- */
h2 {
  font:16px Arial,Verdana,Sans-serif;
  color:#000;
  }
h5 {
  margin:1.0em 0 .75em;
  font:20px Arial,Verdana,Sans-serif;
  color:#c12521;
  font-weight: bold;
  }
  
/* Posts
----------------------------------------------- */
@media all {
  .date-header {
    margin:.5em 0 .5em;
    }
  .post {
    margin:.5em 0 1.5em;
    border-bottom:1px dotted #ccc;
    padding-bottom:1.5em;
    }
  }
@media handheld {
  .date-header {
    padding:0 1.5em 0 1.5em;
    }
  .post {
    padding:0 1.5em 0 1.5em;
    }
  }
.post-title {
  margin:.25em 0 0;
  padding:0 0 4px;
  font-size:140%;
  font-weight:normal;
  line-height:1.4em;
  color:#000;
  }
.post-title a, .post-title a:visited, .post-title strong {
  display:block;
  text-decoration:none;
  color:#c12521;
  font-weight:normal;
  }
.post-title strong, .post-title a:hover {
  color:#333;
  }
.post div {
  margin:0 0 .75em;
  line-height:1.1em;
  }
p.post-footer {
  margin:-.25em 0 0;
  color:#ccc;
  }
.post-footer em, .comment-link {
  font:78%/1.4em Arial,Verdana,Sans-serif;
  letter-spacing:.1em;
  }
.post-footer em {
  font-style:normal;
  color:#999;
  margin-right:.6em;
  }
.comment-link {
  margin-left:.6em;
  }
.post img {
  padding:4px;
  border:1px solid #ddd;
  }
.post blockquote {
  margin:1em 20px;
  }
.post blockquote p {
  margin:.75em 0;
  }


/* Comments
----------------------------------------------- */
#comments h4 {
  margin:1em 0;
  font:bold 78%/1.6em  Arial,Verdana,Sans-serif;
  letter-spacing:.2em;
  color:#999;
  }
#comments h4 strong {
  font-size:130%;
  }
#comments-block {
  margin:1em 0 1.5em;
  line-height:1.6em;
  }
#comments-block dt {
  margin:.5em 0;
  }
#comments-block dd {
  margin:.25em 0 0;
  }
#comments-block dd.comment-timestamp {
  margin:-.25em 0 2em;
  font:78%/1.4em  Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.1em;
  }
#comments-block dd p {
  margin:0 0 .75em;
  }
.deleted-comment {
  font-style:italic;
  color:gray;
  }
.paging-control-container {
  float: right;
  margin: 0px 6px 0px 0px;
  font-size: 80%;
}
.unneeded-paging-control {
  visibility: hidden;
}

/* Sidebar Content
----------------------------------------------- */
#sidebar ul {
  margin:0 0 1.5em;
  padding:0 0 1.5em;
  border-bottom:1px dotted #ccc;
  list-style:none;
  }
#sidebar li {
  margin:0;
  padding:0 0 .25em 15px;
  text-indent:-15px;
  line-height:1.5em;
  }
#sidebar p {
  color:#666;
  line-height:1.5em;
  }


/* Profile
----------------------------------------------- */
#profile-container {
  margin:0 0 1.5em;
  border-bottom:1px dotted #ccc;
  padding-bottom:1.5em;
  }
.profile-datablock {
  margin:.5em 0 .5em;
  }
.profile-img {
  display:inline;
  }
.profile-img img {
  float:left;
  padding:4px;
  border:1px solid #ddd;
  margin:0 8px 3px 0;
  }
.profile-data {
  margin:0;
  font:bold 78%/1.6em  Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.1em;
  }
.profile-data strong {
  display:none;
  }
.profile-textblock {
  margin:0 0 .5em;
  }
.profile-link {
  margin:0;
  font:78%/1.4em  Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.1em;
  }


/* Footer
----------------------------------------------- */
#footer {
  width:660px;
  clear:both;
  margin:0 auto;
  }
#footer hr {
  display:none;
  }
#footer p {
  margin:0;
  padding-top:15px;
  font:78%/1.6em  Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.1em;
  }


/* Feeds
----------------------------------------------- */
#blogfeeds {
  }
#postfeeds {
  }