/* CSS Document */

/*-------------Navigation Rules-----------------*/

#nav {
float: left;
width: 280px;
margin: 150px 0 0 50px;
}

#nav a {
font-size: 16px;
color: #fff;
text-decoration: none;
}

#nav a:hover {color: #999;}
#nav a:visted {color: #fff;}

#nav ul{
padding: 0;
margin: 0;
}

#nav ul li {
list-style: none;
margin-bottom: 10px;
}

#nav ul li ul {
margin-top: 20px;
}

#nav ul li ul a {
color: #999;
padding-left: 30px;
background: url(../cmsimages/nav_bullet.gif) top left no-repeat;
}

#nav ul li ul a:hover {color: #fff;}
#nav ul li ul a:visited {color: #999;}

#nav li ul {
	display: none;
/*hide it if we are not in the section*/
}

#nav li.selected ul {
	display: block;
/*show it if we are in the section*/
}

/*-------------Layout Divs-----------------*/

#left {
float: left;
width: 65%;
background: #fff url(../cmsimages/page_turn.gif) bottom right no-repeat;
}

#right {
float: right;
width: 35%;
height: 100%;
color: #fff;
background: url(../cmsimages/full-forward.gif) top left no-repeat;
}

#half {
float: right;
width: 127px;
height: 88px;
}

#crumbtrail {
	float: left;
	font-size: 12px;
	text-transform: lowercase;
	margin: 20px 0px 0 50px;
}

#crumbtrail a {
	font-size: 12px;
	color: #777;
}

#crumbtrail a.previous:hover {
color: #000;
}


#content {
margin: 100px 50px 0 50px;
/* text-align: justify; */
}

/*#content_2 {
width: 472px;
padding: 30px 15px 15px 15px;
margin: 40px 50px 70px 50px;
color: #444;
background: url(../cmsimages/news.gif) top left no-repeat;
}*/

#reusablecontentarea {
float: left;
margin-top: 10px;
width: 260px;
margin-left: 30px;
padding: 0 0 20px 0;
background: url(../cmsimages/quote_bottom.gif) bottom right no-repeat;
}

#reusablecontentarea p {
font-size: 13px;
text-align: center;
color: #999;
font-style: italic;
background: url(../cmsimages/quote_top.gif) top left no-repeat;
padding: 30px 20px 0 20px;
}
/*
#reusablecontentarea {
float: left;
margin-top: 100px;
font-size: 12px;
width: 280px;
color: #777;
margin-left: 50px;
}

#reusablecontentarea_2 {
	top: 50px;
	position: absolute;
	left: 50px;
}
*/

#reusablecontentarea_3 {
float: left;
margin-top: 30px;
width: 280px;
margin-left: 30px;
padding: 0 20px 20px 0;
}

#break {
float: left;
width: 522px;
padding: 15px 15px 15px 15px;
margin: 20px 50px 10px 50px;
}
