/* CSS Document */

/***********************************************/
/* PRIMARY PAGE AREAS                          */
/***********************************************/ 

#mainwrapper { 
width: 780px;  /*sets fixed width page layout - remove width for flexible layout and add min-width */
/*min-width: 770px;  -- IE will ignore this, but it works nicely in other browsers when using a flexible layout */
text-align: left;
padding: 0;
}

#logo {
	margin-top: 10px;
}

#breadcrumb {
	margin: 10px;
	color:#666;
	font-size:smaller;
}

	

/* 3 COLUMN LAYOUT: the following 3 divs are floated. In order for them to work properly, they must all be floated and all have widths specified. If using fixed pixel widths, make sure the widths do not exceed the overall width+borders of the mainwrapper div. If using %, add up to 99%. Avoid applying margins, padding or borders to these divs because that will screw up the float effect in one browser or another. If you do need them, nest a new element inside (see #content) */

#nav {
float: left;
/*width: 160px; (if using a fixed width layout, you can specify px or %) */
width: 160px;
margin: 0;
padding: 0;
border: none;
}


/* NEW #nav ul - REPLACE the commented out section - from 10px top to 120px top*/
#nav ul {
	margin: 10px 30px 0 -20px; /*margin: 120px 30px 0 -20px;*/
}


#nav ul li {
	list-style-type: none;
	/*list-style-position: outside;*/
	text-align:right;
}


/*this PREMIER div is just until December 6th... this lives inside the #nav div  - JUST REMOVE THIS and the DIV inside the html*/
#premier {
width: 87px;
/*line-height: 87px;*/
margin: 10px 30px 10px 54px;
/*background-image: url(shared/PremierPurchasePackage.swf);*/
/*background-repeat: no-repeat;*/
}

#footer {
width: 140px;
margin-top: 60px;
font-size:70%;
color:#fff;
text-align:right;
line-height: 130%;
}

#footer a {
color: #fff !important;
}


#contentwrapper {
float: left;
/*width: 330px;*/
width: 330px;
margin: 0;
padding: 10px;
border: none;
}

#col3 {
float: right;
/*width: 250px;*/
width: 230px;
margin: 0;
padding: 0;
border: none;

}

#col3 p {
padding: 0 0 0 40px;
font-size:80%;
}

#col3 p a:link {
color: #CC3300;
}

#col3 ul li {
margin:0 0 0 10px;
list-style-type: none;
padding-bottom: 8px;
font-size:75%;
line-height:130%;
}

/*in order for this footer to always fall beneath the 3 other cols, it needs clear: both! */


/* use another div within the contentwrapper to add margins, padding or borders */
#content {
	padding: 0 10px 0 20px;
}

#content-home {
	padding: 0 0 0 20px;
	/*background-image:url(home/mainimage.jpg);*/
	/*background-repeat: no-repeat;*/
}

#contentwrapper-home {
float: left;
/*width: 350px;*/
width: 350px;
margin: 0;
padding: 0;
border: none;
}

#picture {
background-color:#eee;
margin: 0 0 10px 0;
height: 250px;
width: 100%;
}