/* CSS Document */
* { padding:0;}

body {font-size:100%; color: #666666; background:#ffffff url(images/summerlake.jpg) fixed repeat 50% 0;margin:20px 0 0 0}

a{color:#006600; text-decoration:underline} 
a:hover{color:#339933; text-decoration:underline}
a img{border: solid 1px #999999;}

.main{margin:0 auto; text-align:left; width:920px; padding:0px; background: #ffffff;}
.flashcontent{margin:0 auto; width:920px; padding:0px;}
/*======= menu =======*/
.bottommenu{margin:0 auto; width:920px; padding:5px 0px 5px 0px; background:#666633 url(images/btn-brown-lnk.jpg) repeat;color:#ffffff;font: normal 12px Arial, Sans-serif; line-height:1.3em; text-align:center;}
.bottommenu a {color:#ffffff; text-decoration:none;padding:5px 5px 5px 10px;margin-right:15px;}  
.bottommenu a:hover {color:#ffffff; text-decoration:none;background: #999933 url(images/btn-brown-rl.jpg) repeat; }

/*======= header =======*/
#header {height:80px; }
#header .col1{ width:540px;}
#header .col2{ width:380px;}

/*layout*/
.col1, .col2, .col3, .colsection, .blogimage, .video, .col1art, .ad, .artimage { float:left}

div.container {	overflow:hidden; width: 100%;}


#content .col1{ width:180px;}
#content .col2{ width:400px;}
#content .col3{ width:320px;}
#content .col1art{ width:720px;}
#content .colsection{ width:580px;}

.row1{padding:10px 0px 0px 20px}
.row2{padding:10px 0px 0px 20px}
.row3{padding:10px 0px 0px 20px}
.row4{padding:10px 0px 0px 20px}
.row5{padding:10px 0px 0px 0px}
.rowsection{padding:10px 20px 20px 30px;height:100%;}

/*content*/
#content{ font: normal 12px Arial, Sans-serif; width: 100%;line-height:1.3em; text-align:left;background: #ffffff}
#content p{ margin:10px 0px 10px 0px}
#content h1	{color:#ffffff; background: #006600 url(images/bar-green.jpg) repeat;padding:5px 0px 5px 8px;font: bold 12px Arial, Sans-serif; line-height:1em;margin:0px 0px 5px 0px}
#content h2	{color:#000000; font: bold 15px Arial, Sans-serif; line-height:1.1em;margin:0px}
#content h3	{color:#666666; font: normal 12px Arial, Sans-serif; line-height:1.2em;margin:0}
#content h4	{color:#333; font: bold 2em Arial, Sans-serif;border-bottom: 1px solid #cccccc;letter-spacing: -0.01em;margin:0px 0px 2px 0px}
#content h5	{color:#ffffff; font: normal 2em Arial, Sans-serif;letter-spacing: -0.01em;margin:0px 0px 0px 0px; background: #3399cc url(images/section_bar_green.jpg) repeat;padding:5px 0px 5px 30px;}
#content .artimage{ width:260px;padding:5px 0px 10px 0px}
#content .ad{ width:300px;padding:0px 15px 15px 0px}



#button{color:#663300; font: normal 1.1em Arial, Sans-serif;letter-spacing: -0.01em;line-height:2em;}
#button a{color:#666666; text-decoration:none;background:#DCDCDC;padding: 7px;margin:10px 7px 10px 0px;float:left;} 
#button a:hover{color:#666666; text-decoration:none;background:#F5F5DC;padding: 7px;margin:10px 7px 10px 0px;float:left;} 

#see	{color:#333333; font: normal 20px Arial, Sans-serif;margin:20px 0px 0px 10px;float:left}
#city	{color:#006600; font: normal 4em Arial, Sans-serif;margin:0px 0px 0px 0px;float:left;letter-spacing: -0.06em;}
#com	{color:#666666; font: normal 2em Arial, Sans-serif;margin:30px 0px 0px 0px;float:left;letter-spacing: -0.01em;}

.blog{width:100%;overflow:hidden;padding: 10px 0px 10px 0px;}
.blogimage{ padding: 5px 10px 0px 0px; width:100px;
	border:0px;}
.video{width:185px;padding: 10px 0px 30px 5px;}
.videoimage{ max-width:180px; max-height:180px;padding-right:20px;border:0px}
.video_frame{ width:180px; height:190px;}
.photo{padding: 0px 0px 10px 0px;}
.photo img { width:300px;margin:4px 0px 4px 0px }
.sky{color: #666666;padding: 10px 0px 10px 50px;}

/*Image in articel page */
.artimage img {
	border:0px;
	width:250px;
}

/*salessite*/
.salessite{padding: 0px 0px 20px 20px;float:left;width:700px}
.sswrap{padding: 0px 0px 0px 0px;float:left;width:700px}
.ssdescription{padding: 0px 0px 0px 20px;float:left;width:500px}
.ssrate{padding: 0px;float:left;width:130px; text-align:center}
.sstitle {color:#000000; font: bold 12px Arial, Sans-serif; line-height:1.2em;margin: 10px 0px 2px 0px;}

/* Print page styles */
.salessitea{padding: 20px 0px 20px 0px;float:left;width:700px}
.salessitea .sswrap{padding: 0px 0px 0px 0px;float:left;width:660px}
.salessitea .ssdescription{padding: 0px 0px 0px 20px;float:left;width:470px}

/*breakout*/
.breakout {background: url(images/top_page_curl.gif);background-repeat: no-repeat;
	margin:10px 10px 5px 0px; padding-top:5px;width:250px;border-bottom: 1px solid #cccccc;
	float:left; clear:left;}
div.innerbreakout { padding: 10px 10px 10px 0px;font: normal 1.0em Arial, Sans-serif;line-height: 15px;}


/* Used in display of vertical menu & resource links */
.listmenu {
	margin:10px 0px 30px 0px;
}

.listmenu a {
	display:block;
	margin-left:8px;
	margin-bottom:5px;
	color:#666666; text-decoration:underline
}
.listmenu a:hover{
	display:block;
	margin-left:8px;
	margin-bottom:5px;
	color:#006600; text-decoration:underline
}