/* CSS Document */

/*-------------Navigation Rules-----------------*/

#nav {
float: left;
width: 280px;
margin: 150px 0 0 50px;
}

#nav a {
font-size: 15px;
color: #fff;
text-decoration: none;
}

#nav ul{
padding: 0;
margin: 0 0 0 60px;
}

#nav ul li {
list-style: none;
margin-bottom: 10px;
}

#nav ul li ul {
margin: 10px 0 0 0;
}

#nav ul li ul a {
color: #999;
padding-left: 30px;
background: url(../cmsimages/nav_bullet.gif) top left no-repeat;
}

#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;
/*position: relative;*/
width: 35%;
height: 100%;
color: #fff;
background: url(../cmsimages/glasses_black.jpg) top left no-repeat;
}

#content {
float: left;
width: 66%;
margin: 100px 0px 0 50px;
text-align: justify;
}

#content_2 {
float: left;
width: 85%;
margin: 0 0 0 50px;
color: #444;
}

#news {
float: left;
width: 472px;
padding: 50px 15px 15px 15px;
margin: 40px 50px 70px 50px;
font-size: 13px;
color: #444;
background: url(../cmsimages/news.gif) top left no-repeat;
}
/*replaced content_2 with news*/

#news li {
margin: 20px;
list-style: none;
}

#news p {
line-height: 0px;
}

#glasses {
float: right;
width: 153px;
height: 522px;
background: url(../cmsimages/glasses_white.jpg) top right no-repeat;
}

#reusablecontentarea {
float: left;
margin-top: 160px;
width: 280px;
margin-left: 30px;
padding: 0 0 20px 0;
background: url(../cmsimages/quote_bottom.gif) bottom right no-repeat;
}

#reusablecontentarea p {
font-size: 15px;
color: #D8D8D8;
font-weight: bold;
font-style: italic;
background: url(../cmsimages/quote_top.gif) top left no-repeat;
padding: 30px 0 0 20px;
}

/* Be sure to add or delete IDs below, according to
the number of messages that you have. */
#ran1,#ran2,#ran3,#ran4 {
  display:none;
}