/***** general, grid *****/

html { *background:url(blank000.gif) fixed; }
/*body { background:url(../../club/images/backgrou.gif) repeat-x center top; }*/

#container { overflow:visible; }

.grid2colc .column.first { width:223px; }
.grid2colc .column.last { width:710px; }
.grid2colc .grid2col .column { width:340px; display:inline; }
.grid2colc .grid3col .column { width:200px; margin-right:26px; }



/***** header, top elements *****/
#main #localnav ul { float:right; margin:0 -.3em; padding:0 0 1px; }
#main #localnav ul li { display:inline; margin:0; padding:0; }
#main #localnav ul li a { float:left; margin:1em 1.5em 0; padding:0; color:#959595; text-decoration:none; }
#main #localnav ul li a:hover { color:#737373; }
body.features #main #localnav ul li#ln-features a,
body.technology #main #localnav ul li#ln-technology a,
body.developer #main #localnav ul li#ln-developer a { color:#3a3a3a; }
body#features #main #localnav ul li#ln-features a,
body#technology #main #localnav ul li#ln-technology a,
body#developer #main #localnav ul li#ln-developer a { cursor:default; }


/***** main, content *****/
#main #content { clear:both; padding:1.6em 0; }


/* left sidebar */
/* vertical side lines along the column */
#main #subnav { margin-left:4px; position:relative; background:url(../../club/images/subnav_b.gif) repeat-y left; z-index:10; }
/* bg of header */
#main #subnav h2 { margin:0; padding:10px 18px 8px; font-size:12px; color:#303030; background:url(../../club/images/subnav_c.gif) no-repeat left top; *margin-top:-2px; }
#main #subnav h2 a { color:#303030; text-decoration:none; }
#main #subnav h2 a:hover { text-decoration:underline; }
/* box */
#main #subnav ul { margin:0; padding:0 2px 3px; background:url(../../club/images/subnav_d.gif) no-repeat left bottom; }
#main #subnav ul li { display:block; margin:0; padding:0 0 .3em; }
#main #subnav ul li p { display:block; margin:0; padding:1.2em 10px .8em 18px; font-weight:bold; }
#main #subnav ul li p a { display:block; padding-right:10px; color:#595959; text-decoration:none; position:relative; outline:none; }
#main #subnav ul li p a:hover { text-decoration:underline; }


#main #subnav ul li p a { padding-left:40px; }
#main #subnav ul li p img { float:left; margin:-10px 0 0 -8px; }


/* headers, text */
body, #main #content { color:#666; }
#main h1 { font-weight:normal; color:#333; margin-bottom:.5em; }
#main h1 span { color:#666; }
#main h3 { font-size:14px; margin-bottom:.2em; }
#main h2,
#main h3,
#main h4,
#main p.intro,
#main strong { color:#404040; }

/* links */
#main a { text-decoration:none; }
#main a:hover { text-decoration:underline; }
#main a.arrow { padding-right:8px; color:#000; text-decoration:none; background:url(../../images/club/arrow200.gif) no-repeat right .36em; }
#main a.arrow:hover { text-decoration:underline; }

/* images */
img.glow { margin-top:0; margin-bottom:14px; }
img.inline { margin-top:12px; }
img.shadow { margin-bottom:5px; }
div.center { text-align:center; }

/* callout boxes */
#main .callout { padding:0 20px 1px; color:#595959; background:#f2f2f2 url(../../club/images/callout.gif) no-repeat 0 100%; }
#main .callout h2 { padding:1.2em 20px 0; margin:0 -20px; font-size:12px; color:#333; background:url(../../club/images/calloutop.gif) no-repeat 0 0; }
#main .callout img.left, #main .callout img.right { margin-top:1.5em; }

#main .callout.gallery  { padding:0 26px .4em; }
#main .callout.gallery  h2 { padding:1.6em 26px 0; margin:0 -26px .6em; }
#main .callout.gallery  h2 b.gallery { display:block; padding:0 30px; margin:-1em -17px 0; font-size:11px; color:#7f7f7f; }
#main .callout.gallery  ul { margin:0 -14px 0 0; }
#main .callout.gallery  ul li { display:inline; }
#main .callout.gallery  ul li a { float:left; display:block; width:80px; height:50px; margin:0 14px 1em 0; outline:none; border:2px solid #ddd; }

#main .galleryitem.demo { margin-bottom:1em; }
#main .galleryitem.demo .description { display:none; }

/* Frame around images, 640px wide, image 600px wide */
.teaser {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 10px;
	WIDTH: 640px;
	PADDING-TOP: 0px;
	background-image: url(../../school/images/tsr640_d8.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin: 0;
}
.teaser h3 {
	PADDING-RIGHT: 10px;
	PADDING-LEFT: 10px;
	PADDING-BOTTOM: 7px;
	PADDING-TOP: 7px;
	background-image: url(../../school/images/tsr640_d8.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0;
}
.teaser p {
	BORDER-RIGHT: #d8d8d8 1px solid;
	PADDING-RIGHT: 10px;
	BORDER-TOP: #d8d8d8 0px solid;
	PADDING-LEFT: 10px;
	BACKGROUND: #fff;
	PADDING-BOTTOM: 0px;
	BORDER-LEFT: #d8d8d8 1px solid;
	PADDING-TOP: 0px;
	BORDER-BOTTOM: #d8d8d8 0px solid;
	margin-top: -3px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}