/* Start of CMSMS style sheet 'default' */
/*--------------------------------------------

				Defaults
				
---------------------------------------------*/


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
blockquote {
	padding:0pt 10px 0pt 53px;
}
.left {
float: left;
}
.right {
float: right;
}
em {
font-style: italic;
}
strong {
font-weight: bold;
}

.clear {
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*--------------------------------------------

				Layout
				
---------------------------------------------*/

body {
background: url(images/bkg.gif) top center repeat-x;
text-align: center;
font-size: 62.5%;
font-family: Arial, Helvetica, sans-serif;
}

#container {
text-align: left;
width: 826px;
margin: 0 auto;
}

#main {
float: left;
width: 800px;
/*background: #E7F3D3 url(images/left_nav_bkg.gif) repeat-y;*/
background: #ffffff url(images/left_nav_bkg.gif) repeat-y;
position: relative;
}

#objectspace {
height:30px;
}

.banner {
font-size:0;
}

#header_1 {
float: left;
width: 800px;
height: 138px;
background: url(images/header_1.jpg) no-repeat;
}

#header_2 {
float: left;
width: 800px;
height: 138px;
background: url(images/header_2.gif) right top no-repeat;
}
#navcontent {
float: left;
color:#003300;
font-size:1.5em;
line-height:1.65em;
padding:20px 0 0 20px;

}
#left_nav {
float: left;
width: 149px;
min-height: 100px;
}

#content {
float: left;
width: 651px;
}

#footer {
float: left;
width: 826px;
}

/*--------------------------------------------

				Border
				
---------------------------------------------*/

.border_bkg {
float: left;
width: 826px;
background: url(images/border_bkg.gif) left 0;
}

.border_top {
float: left;
width: 826px;
background: url(images/border_top.gif) left 0 no-repeat;
}

.border_bottom {
float: left;
width: 812px;
background: url(images/border_bottom.jpg) left bottom no-repeat;
padding: 0 0 28px 14px;
}

/*--------------------------------------------

				header
				
---------------------------------------------*/

.tag {
float: left;
margin: 32px 0 0;
}
.top_nav_sp {
float: right;
width: 350px;
height: 23px;
padding: 10px 108px 0 0;
line-height: 150%;
}

.top_nav_sp li {
float: left;
color: #003300;
font-size: 1.1em;
font-weight: bold;
text-align: center;
position: relative;
}

.top_nav_sp li a {
color: #003300;
text-decoration: none;
float: left;
height: 23px;
overflow: hidden;
position: relative;
}
.top_nav {
float: right;
width: 250px;
height: 23px;
padding: 10px 108px 0 0;
line-height: 150%;
}

.top_nav li {
float: left;
color: #003300;
font-size: 1.1em;
font-weight: bold;
text-align: center;
position: relative;
}

.top_nav li a {
color: #003300;
text-decoration: none;
float: left;
height: 23px;
overflow: hidden;
position: relative;
}

.top_nav li a.espanol {
width: 74px;
}

.top_nav li a.contact {
width: 90px;
}

.top_nav li a.home_top {
width: 46px;
}

.top_nav li span {
width: 100%;
height: 23px;
position: absolute;
top: 0;
left: 0;
}

.top_nav li a.espanol span {
background: url(images/espanol.gif);
}

.top_nav li a.contact span {
background: url(images/contact.gif);
}

.top_nav li a.home_top span {
background: url(images/home_top.gif);
}

.top_nav li.pipe span {
background: url(images/pipe.gif);
}

.top_nav li.pipe1 span {
background: url(images/pipe1.gif);
}

.top_nav li.pipe, .top_nav li.pipe span, .top_nav li.pipe1, .top_nav li.pipe1 span {
width: 1px;
height: 23px;
}

.search {
float: right;
width: 377px;
height: 41px;
}

.search img {
float: left;
}

.search input {
float: left;
margin:18px 0 0 5px;
}

.searchfield{
width: 200px;
}

/*--------------------------------------------

				Left Nav
				
---------------------------------------------*/

#nav {
float: left;
width: 149px;
padding: 15px 0;
}

#nav li {
float: left;
width: 122px;
border-bottom: 1px solid #87B677;
padding: 10px 7px 5px 20px;
}

#nav li a {
float: left;
text-decoration: none;
color: #003300;
font-weight: bold;
font-size: 1.1em;
width: 100%;
position: relative;
line-height: 11px;
overflow: hidden;
}

.uppercase li a{
text-transform: uppercase;
}

#nav li a span {
float: left;
position: absolute;
left: -1px;
bottom: 0;
cursor: pointer;
width: 132px;
}

#nav li a.home, #nav li a.about, #nav li a.why, #nav li a.practices, #nav li a.resources {
height: 11px;
}

#nav li a.problem, #nav li a.faq {
height: 22px;
}

#nav li a.home span {
height: 11px;
background: url(images/home.gif) no-repeat;
}

#nav li a.about span {
height: 11px;
background: url(images/about.gif) no-repeat;
}

#nav li a.why span {
height: 11px;
background: url(images/why.gif) no-repeat;
}

#nav li a.problem span {
height: 22px;
background: url(images/problem.gif) no-repeat;
}

#nav li a.practices span {
height: 11px;
background: url(images/practices.gif) no-repeat;
}

#nav li a.resources span {
height: 11px;
background: url(images/resources.gif) no-repeat;
}

#nav li a.faq span {
height: 22px;
background: url(images/faq.gif) no-repeat;
}

#nav li.active a {
margin: 10px 7px 0 20px;
width: 122px;

}

#nav li.active ul {
float: left;
width: 149px;
padding: 0 0 15px;
background: url(images/active_bottom.gif) left bottom no-repeat;
}

#nav li.active ul li {
float: left;
border: none;
padding: 5px 0 0 10px;
}

#nav li.active ul li a {
float: left;
text-transform: none;
color: #CC3300;
font-weight: normal;
margin: 0 7px 0 30px;
width:97px;
line-height:1.1em;
}

#nav li.active {
background: url(images/active_bkg.gif);
padding: 0;
width: 149px;
}

#nav li.active a.home span {
background-image: url(images/home_active.gif);

}

#nav li.active a.about span {
background-image: url(images/about_active.gif);
}

#nav li.active a.why span {
background-image: url(images/why_active.gif);

}

#nav li.active a.practices span {
background-image: url(images/practices_active.gif);

}

#nav li.active a.problem span {
background-image: url(images/problem_active.gif);

}

#nav li.active a.resources span {
background-image: url(images/resources_active.gif);

}

#nav li.active a.faq span {
background-image: url(images/faq_active.gif);

}

.subscribe {
position: absolute;
left: 18px;
bottom: 17px;
background: url(images/subscribe.gif);
width: 109px;
height: 19px;
}

/*--------------------------------------------

				footer
				
---------------------------------------------*/

#footer p {
color: #003300;
padding:5px 0 10px 25px;
}
#footer a {
color:#003300;

}
/* End of 'default' */

