/**
 * @author bangyeonkim
 */



/* Layout: dimension and positioning */

* {
 margin: 0;
 padding: 0;
}

body {
	font-family: Georgia,serif; font-size:82%; text-align:center;
}

#container {
	width: 780px;
	border:0px #666666;
	background-color:#fff;
	text-align: left;
	margin: 10px auto;
	padding: 0px;
	clear:left;
}

#header {
	width: 100%;
	background-color:#fff;	
}



#header div#logo {
	width:180px;
	background-color:#fff;
	float:left;
	padding: 0px
}

#header div#banner {
	width:330px;
	float:left;
	background-color:#fff;
	padding: 10px
}

/* Place holder for Upcoming Div tag. */
#header div#upcoming {
	width:190px; 
	float:right;
	padding: 10px;
	background:#d0e8c7;
    border:1px solid #eaeaea;
}


#header div#twitterBox {
	width:200px; 
	float:right;
	padding: 20px;
	background:#d0e8c7;
    border:1px solid #eaeaea;
    list-style-type:none;
    font-size:9pt;  
}


#header div#upcomingEvents {
	margin:3px 5px 3px 7px;
	font-size: 90%;
}



/* Top Navigation Menu */
div#menu{float:left;width: 570px; height: 100%; padding:0px 0 0 0px; background: #fff; clear: left; margin:3px 0px 0px 12px;}
ul#tab,ul#tab li{list-style-type:none;margin:0;padding:0;}
ul#tab li{float:left;width:7.5em;margin-right:2px;text-align: center;border:solid 1px #87a538;}
ul#tab li#market {width:11em;}
ul#tab li#home {width:6em;}
ul#tab a{display:block;text-decoration:none;padding:10px 0 5px;background: #ddd;color: #5751a3; font-weight:bold;  height: 16px;border:1px;}
ul#tab li.activelink a,ul#tab a:hover{color: #1C5B10;font-weight:bolder; background:#c4d791;}

div#menuLine {
	  	width: 760px;
		height: 5px;
		clear:both;
		color:#87a538;
		background-color: #87a538;
		margin: 0px 0px 0px 12px;padding:0px;border:0px;		
}

.title1 {
	width:535px;
	height:28px;
	background-color: #fff;
	float:left;
	clear:left; 
	padding: 10px 20px;
	margin: 0px 0px 5px 0px;
}

.title2 {
	width:720px;
	height:18px;
	clear:left;
	background-color: #fff;
	padding: 10px 30px;
}



#navToggle {
	clear:both;
	width:720px;
	height:28px;
	float:left;
	background-color: #fff;
	padding: 0px 20px 0px 40px;
}

#navDropDown{
	width:200px;
	height:28px;
	float:left;
	background-color: #fff;
	padding: 20px 5px 0px 0px;
}

form.dropDown {padding:0px 0px 0px 8px;}





#main {
	background-color:#fff;
	clear:both;
}

.sidebar {
	float:left;
	clear:both;
	width: 60px;
	background-color: #fff;
}

.content {
	width:720px;
	border: none;
	float:left;
	background-color:#fff;	
}

.contentAlt {
	width:780px;
	border: none;
	clear: both;
	float:left;
	background-color:#fff;
	padding:5px 10px 5px 60px;	
}



.googleMap {
	width: 400px;
	height: 350px;
	float:right;
}

.info {
	width:300px;
	background-color:#fff;
}



.infoTwoPanesLeft, .infoTwoPanesRight {
	width:330px;
	background-color: #fff;
	float:left;
	margin-right: 15px;
	margin-bottom: 15px;
}



#marketsList td {
	width:340px;
	background-color: #fff;
	border:dashed 1px #f00;
	padding:10px;
	vertical-align:top;
}



.lists {margin:3px 5px 3px 30px;}



.boxTL, .boxTM, .boxTR, .boxBL, .boxBM, .boxBR {
	width: 220px;
	float: left;
	padding: 5px;
}



.boxTL, .boxTM {
	border-bottom:1px dashed #f00;
	border-right:1px dashed #f00;
}
.boxTR {
	border-bottom:1px dashed #f00;
}
.boxBL, .boxBM {
	border-right:1px dashed #f00;
}
.boxBR {border:0px;}

/*
.events.boxTL, .events.boxTM, .events.boxTR, .events.boxBL, .events.boxBM, .events.boxBR {
	height: 400px;
	background-color: #ccc;
}
*/

#footer {
	clear: both;
	font-size: 80%;
	padding:0px;
	background-color: #aaa;
	text-align:center;
	}

/* Fancy Elements */

.boxMarketOn, .boxMarketOff {
	width:150px;
	background-color:#9c9;
	float:left;
	margin: 8px 4px 4px ;
}

/* http://www.kyleschaeffer.com/?p=31 */
.cornerBox { position: relative; background: #dedede; width: 100%; }
.corner { position: absolute; width: 10px; height: 10px; background: url('../images/corners20grey2.gif') no-repeat; font-size: 0%; }
.cornerBoxInner { padding: 8px; height:245px;}
.TL{ top: 0; left: 0; background-position: 0 0; }
.TR{ top: 0; right: 0; background-position: -10px 0; }
.BL{ bottom: 0; left: 0; background-position: 0 -10px; }
.BR{ bottom: 0; right: 0; background-position: -10px -10px; }

/*
.cornerBox { position: relative; background: #bda; width: 100%; }
.corner { position: absolute; width: 10px; height: 10px; background: url('../images/corners20green2.gif') no-repeat; font-size: 0%; }
.cornerBoxInner { padding: 8px; height:260px;}
.TL, .boxMarketOn .TL, .boxMarketOff .TL{ top: 0; left: 0; background-position: 0 0; }
.TR, .boxMarketOn .TR, .boxMarketOff .TR{ top: 0; right: 0; background-position: -10px 0; }
.BL, .boxMarketOn .BL, .boxMarketOff .BL{ bottom: 0; left: 0; background-position: 0 -10px; }
.BR,.boxMarketOn .BR, .boxMarketOff .BR{ bottom: 0; right: 0; background-position: -10px -10px; } 
*/



.boxMarketOff .cornerBox{background: #dedede;}
.boxMarketOff .corner {background: url('../images/corners20grey2.gif') no-repeat;}
.boxMarketOff .TL{ top: 0; left: 0; background-position: 0 0; }
.boxMarketOff .TR{ top: 0; right: 0; background-position: -10px 0; }
.boxMarketOff .BL{ bottom: 0; left: 0; background-position: 0 -10px; }
.boxMarketOff .BR{ bottom: 0; right: 0; background-position: -10px -10px; } 



/* boxImage is modifed in size and position. 6/11/2009 again in 7/3/2010 */
.boxImage {
	width:685px;
	background-color:#666;
	margin: 5px 20px 20px 0px;
	float:left; display:inline;;
}

.boxImage .cornerBox{background: #dedede;}
.boxImage .corner {background: url('../images/corners20grey2.gif') no-repeat;}
.boxImage .cornerBoxInner {height:355px; padding-top:15px;}
.boxImage .TL{ top: 0; left: 0; background-position: 0 0; }
.boxImage .TR{ top: 0; right: 0; background-position: -10px 0; }
.boxImage .BL{ bottom: 0; left: 0; background-position: 0 -10px; }
.boxImage .BR{ bottom: 0; right: 0; background-position: -10px -10px; } 

.imgMarginRight {margin-right:5px}
.imgVerticalAlignTop {vertical-align: top;}
#buyLocal {float:right; padding:5px}


#footer .cornerBox {background: #93b735;}
#footer .corner {position: absolute; width: 6px; height: 6px; background: url('../images/corners12green1.png') no-repeat; font-size: 0%;}
#footer .cornerBoxInner {padding: 10px; height:15px;}
#footer .TL { top: 0; left: 0; background-position: 0 0; }
#footer .TR { top: 0; right: 0; background-position: -6px 0; }
#footer .BL { bottom: 0; left: 0; background-position: 0 -6px; }
#footer .BR { bottom: 0; right: 0; background-position: -6px -6px; }



/* Detailed Elements */
a:link { color:#f33; }
a:visited { color:#99c; }
a:active { color:#33CC66; }
a:hover { color:#33cc66; }

hr.green {
	  	width: 100%;
		height: 5px;
		clear:both;
		color:#6c6;
		background-color: #6c6;
		margin: 0px;padding:0px;border:0px;	
}
hr.dashedTop {
      border-top: 1px dashed #f00;
      border-bottom: 1px solid #f00;
      color: #fff;
      background-color: #fff;
      height: 4px;
	  margin:5px 0px;
  }

hr.dashedBottom {
      border-top: 1px solid #f00;
      border-bottom: 1px dashed #f00;
      color: #fff;
      background-color: #fff;
      height: 4px;
	  margin:5px 0px;
  }

hr.dashed {
	  border-top-style:none;
	  border-left-style:none;
	  border-right-style:none;
      border-bottom: 1px dashed #f00;
      color: #fff;
      background-color: #fff;
      height: 4px;
	  margin:5px 5px;
  }

.clear {clear:both;}
.clear {clear: left;}
.left {float:left; display:inline;}
.right {float:right; display:inline;}
.center {float: left; display: block; margin: 0 auto;}

.indent {margin: 3px 0px 3px 10px}



/*colors*/
body{background: #FFF;}
h1 a{color: #633;text-decoration: none}
h1 a:hover{color: #c03}
h2{color: #5d6859}
h3{color: #5d6859}
a:link {color: #9d110a;text-decoration: none}
a:visited {color: #e55a35;;text-decoration: none}
a:hover {color: #3B7B33;text-decoration:underline;}
div#nav {background: #BFD28F}
div#nav a {text-decoration: underline; font-weight: bold;}



/*typography*/
h1,h2,h3{font-family:Optima, "Trebuchet MS", Arial, sans-serif;}
h1{font-size: 200%}
h2{font-size: 150%}
h3{font-size:120%;text-transform:capitalize;}
h4 {font-size:100%;}

.header1 {font-size: 200%;}
.header2 {font-size: 150%;}
.header3 {font-size: 120%;}

p{line-height: 1.4em; padding-bottom: 1.2em}
p.noBottom {line-height: 1.4em;padding-bottom:0em;}
p.wideRuled {line-height: 1.8em; padding-bottom: 1.2em}
address{padding: 3px 15px;font-style:normal; line-height: 1.4; font-size: 90%}

div#banner .indent {line-height: 1.4em;}
div.notes {font-size: 90%}
div.boxMarketOn, div.boxMarketOff  {font-size: 105%}
span.small {font-size:70%;}
span.nobrsm {white-space: nowrap;font-size:70%;}
span.nobr {white-space: nowrap;font-size:90%;}
span.sansSerif {font-family:Optima, "Trebuchet MS", Arial, sans-serif;}