/* This starts the styling section of the webdesign layout */

body {
	font-family: "Trebuchet MS", Tahoma, Verdana, Arial;
	font-size: 92%;
	color: #333300;
	background-color: #E4D2BC;
	padding: 0;
	background-image: url(images/background.jpg);
	background-repeat: repeat-x;
	margin: 0px;
}

#masthead {
	color: #999999;
	padding: 0px;
	margin: 0;
	height: 77px;
	background-image: url(images/masthead.jpg);
	background-repeat: no-repeat;
}

#masthead .content {
	margin-left: 200px;
	position: relative;
	top: 0px;
	width: 600px;
	height: 50px;
	padding: 0px;
	color: #333333;
}

#masthead .content p {
	color:#FFFFFF;
	font-size: 1.5em;
	font-family: "Trebuchet MS", Tahoma, Verdana, Arial;
	margin: 0px;
	padding: 0px;
}

#masthead a, #masthead a:visited {
	color:#FFFFFF;
	text-decoration: none;
}

#masthead a:hover {
	color:#FFFFFF;
	text-decoration: underline;
}

#wrapper {
	width: 770px;
	background-image: url(../one/p7csslm/img/masthead.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#wrapper .menulist a, #wrapper .menulist a:visited {
	color: #006600;
	padding: 0px;
	text-decoration: none;
}

#wrapper .menulist a:hover {
	border-color: #000000;
}

#title_desc {
	left: 0px;
	top: 10px;
	text-align: center;
	font-family: "Trebuchet MS", Tahoma, Verdana, Arial;
	position: absolute;
	color: #FFFFFF;
	font-size: 1.35em;
	margin: 0px;
	padding: 0px;
}

#column_wrapper {
	background-image: url(images/clm02_middle.gif);
	background-repeat: repeat-y;
	background-color: #FFF6EE;
}

#left {
	width: 200px;
	float: left;
	background-image: url(images/left-ray.jpg);
	background-repeat: no-repeat;
}

#left .content {
	font-size: 0.75em;
	line-height: 1.5em;
	margin-top: 250px;
	padding: 0px;
}

#left .content ul, #left .content p {
	margin-top: 5px;
	margin-right: 15px;
	margin-left: 18px;
}

#left .content li {
	margin-bottom: 5px;
}

#left h3, #left .menulist h3 {
	background-image:url(images/h3.jpg);
	height: 33px;
	background-repeat: no-repeat;
	padding-top: 5px;
	padding-left: 5px;
	margin: 0px;
}

#left a:link, #left a:visited {
	color:#003300;
	padding: 0px;
	text-decoration: none;
}

#left a:visited {
	color: #333333;
}

#left a:hover {
	color: #666600;
	text-decoration: underline;
}

#right {
	float: left;
	background-color: #FFF6EE;
	width: 568px;
}

#right .content {
	padding: 0 24px 0 24px;
	margin-top: 24px;
	font-size: 0.8em;
	line-height: 1.65em;
	background-color: #FFF6EE;
}

#right .content img {
	border: none;
}

#right a:link, #right a:visited {
	color:#003300;
}

#right a:hover {
	color:#669966;
	text-decoration:none;
}

.menulist {
	margin: 6px 0 12px 0;
	padding: 0;
	list-style-type: none;
}

h2, h2 a, h2 a:visited {
	font-size: 1.18em;
	background-image: url(images/heading.jpg);
	background-repeat: no-repeat;
	height: 25px;
	color: #666600;
	text-decoration: none;
}


h1, h1 a, h1 a:visited {
       font-size: 1.0em;
       text-decoration: none;
}

h1 a:hover, h2 a:hover {
	color:#336633;
	text-decoration:underline;
}

h3 {
	font-size: 1.25em;
	margin: 30px 0 0 0;
}

h4 {
	font-size: 1.1em;
	margin: 20px 0 0 0;
}
.nomargintop {
	margin-top: 0;
}

.content p {
	margin: 12px 0;
}

small {
	font-size: 10px;
}


.clearfloat {
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
}

#footer {
	color: #333333;
	background-color: #a4c17f;
	padding: 0px;
	font-size: 0.7em;
	clear: both;
	margin: 0;
	background-image: url(images/footer.jpg);
	background-repeat: repeat-x;
}

#footer .content, #footer .content2 {
	padding-top: 0px;
	padding-right: 24px;
	padding-bottom: 8px;
	padding-left: 24px;
	font-size: 1.1em;
}

#footer .content2 {
	color:#663300;
	font-size: 1.1em;
	margin-top: 25px;
}

#footer .content a:link, #footer .content a:visited {
	color: #006600;
	text-decoration: underline;
}

#footer .content a:hover {
	color: #666666;
	text-decoration:none;
}

#footer .content2 a:link, #footer .content2 a:visited {
	color:#663300;
	text-decoration: underline;
}

#footer .content2 a:hover {
	color: #666666;
	text-decoration:none;
}

.footer-widgets {
	float: left;
	margin-left: 50px;
	margin-bottom: 10px;
	padding: 0px;
	color:#333333;
	width: 245px;
}

.footer-widgets h3 {
	margin-bottom: 8px;
	padding: 4px;
}

.footer-widgets li, .footer-widgets ul {
	list-style-type: none;
	border-bottom: 1px solid #666666;
	margin-left: 0px;
	margin-bottom: 8px;
	padding: 0 0 5px 0;
	font-size: 1.1em;
}

.footer-widgets ul {
	padding: 6px;
	margin-bottom: 0px;
	border-bottom: none;
	width: 200px;
}

#footer .content .footer-widgets li a, #footer .content .footer-widgets li a:visited {
	text-decoration: none;
}

#footer .content .footer-widgets li a:hover {
	color:#996600;
}

.clearit {
	clear: both;
	height:1px;
}

/* This is the styling for the top menu bar */
#p7TBM {
	font-family:"Trebuchet MS", Tahoma, Verdana, Arial;
	position: relative;
	left: 0px;
	top: 52px;
}
#p7TBMroot {
	background-color: #E0DB97;
	font-size: 0.95em;
}
#p7TBMrootbox {
}

#p7TBMroot img {
	border: 0;
}
#p7TBMroot ul {
	margin: 0;
  padding: 0;
}
#p7TBMroot li {
	list-style-type: none;
	display: inline;
}
#p7TBMroot li a {
	float: left;
}
#p7TBMroot .p7TBMtext li a {
	color: #333333;
	padding: 3px 10px;
	text-decoration: none;
}
#p7TBMroot a:hover {
	color: #006633!important;
	background-color: #CCCC99!important;
}

.p7ie6Fix:active, 
#p7TBMroot a:active li a:active {
	color: #669900;
	background-color: #E0DB97;
}
/* This is the end of the top menu styling */

/* This specific WordPress styling start here */

.pagetitle {
	text-align: center;
	background-image: none;
	font-size: 1.2em;
	color:#003300;
	margin-top: 24px;
}

.widgets { /* used in the functions.php */
	margin: 12px 0 12px 0;
}

#left .widgets ul {
	margin-top: 5px;
	margin-right: 15px;
	margin-left: 18px;
	list-style: none;
}

#left .widgets li {
	margin-left: -40px !important;
	margin-left: 0px;
	margin-bottom: 5px;
}

#left .widgets a, #left .widgets a:visited {
	color:#003300;
	padding: 0px;
}

#left .widgets a:hover {
	border-color: #000000;
}

.textwidget {
	margin-left: 12px;
	margin-right: 12px;
}

#right .nucomments a:link, #right .nucomments a:visited, #right .readmore a:link, #right .readmore a:visited {
	color: #A4C17F;
	text-decoration:none;
}

#right .readmore a:link, #right .readmore a:visited {
	color: #A4C17F;
	font-weight:bold;
	text-decoration:underline;
}

#right .readmore a:hover {
	color:#333300;
	text-decoration:none;
}

#right .author, .author a, #right .author a:visited {
	color: #A4C17F;
	font-weight: bold;
	text-decoration:none;
}

#right .author a:hover {
	color:#333300;
	text-decoration:underline;
}

#right .tags a, #right .tags a:visited {
	color: #A4C17F;
	font-weight: bold;
	text-decoration:none;
}

#right .tags a:hover {
	color:#333300;
	text-decoration:underline;
}

.commentlist {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#respond {
	width: 100%
}

.commentsection {
	margin-left: auto;
	margin-right: auto;
	min-height:185px;
	margin-top: 25px;
	margin-bottom: 25px;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #A4C17F;
	padding-bottom: 25px;
	clear:both;
}

.avatar {
	float: left;
}

#right .commentauthor a:link, #right .commentauthor a:visited {
	color:#990000;
	font-size: 18px;
	text-decoration:none;
}

.commentauthor a:hover {
	color:#996633;
	font-size: 18px;
	text-decoration:underline;
}

.commenttext {
    height: auto !important;      
    height: 150px;               
    min-height: 150px;            
	margin-left: 80px;
	margin-right: auto;
	width: auto;
	border: 1px solid #999966;
	padding-top: 15px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	margin-bottom: 25px;
}
.cmtlinks {
	height: 75px;
	width: 75px;
	margin-top: 15px;
	text-align: right;
	margin-right: 6px;
}
.commentsection .avatar .cmtlinks a {
	color:#336600;
	text-decoration:none;
	margin-top: 20px;
}
.commentsection .avatar .cmtlinks a:hover {
	color:#333300;
	text-decoration:underline;
}
.commentlist li {
	margin:0px 0px 0px 10px;
	padding:0px;
	list-style-type: none;
}

.alt {
}

.post-metadata {
	border: 1px dashed #999900;
	background-color:#F5F5F5;
	padding: 5px;
}

#formtitle {
	width: 179px;
	height: 75px;
	float: left;
	text-align: left;
	padding: 10px;
	color: #336600;
	font-size: 16px;
	font-weight: bold;
}
.formdata {
	text-align: right;
}

.formdata input, .formdata textarea, #form, input, textarea {
	border: 1px solid #E5CC65;
}

.author_info {
	text-align: right;
	float:right;
}

.navigation .alignleft, .navigation .alignright {
	margin-left: 30px;
	padding-top: 10px;
	font-size: 11px;
}

.navigation .alignright {
	padding-right: 30px;
}

.nextposts {
	margin-top: 20px;
	margin-bottom: 25px;
}

.nextposts .alignleft, .nextposts .alignright {
	font-size: 11px;
}

.nextpost .alignright {
	padding-right: 30px;
}

/* Begin Calendar */
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 200px;
	float:none !important;
	float: left;
}

#left #wp-calendar a {
	border-left: none;
	margin: 0px;
	padding: 0px;
}

#wp-calendar #next a {
	text-align: right;
}

#wp-calendar #prev a {
	text-align: left;
}

#c1 #wp-calendar a, #c3 #wp-calendar a {
	display: block;
	border: none;
	margin: 1px;
	padding: 0px;
}

#wp-calendar caption {
	text-align: center;
	font-weight: bold;
	width: 100%;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }
/* End Calendar */

/* This section helps control the placement of images in pages or posts. WordPress by default, assigns classes when you insert the image. This will help to make sure they go where you want. */

img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

img.alignright {
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
}

img.alignleft {
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
}

.alignright {
    float: right;
}

.alignleft {
    float: left;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;	
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption-dd {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* This end the section that handles the pages or post image placement. */
