/* reset.css v1.0 | 20080212 */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}ins {text-decoration:none;}del{text-decoration:line-through;}table {border-collapse:collapse;border-spacing:0;}
/* end reset */

/* --- general typo --- */
html, body { font-family: "Verdana", "Helvetica", "Arial", sans-serif; font-size: 11px; line-height: 1.5em; background: url(img/bg-yellow2.jpg) center top no-repeat fixed; }
p { margin: 1em 0; }
h1 { margin-bottom: 1em; font-size: 20px; }
h2 { margin: 2em 0 0em 0; }
h3 { margin: 2em 0 0em 0; }
h4 { margin: 2em 0 -1em 0; }
h2 + h4 { margin-top: 1em; }
a { color: #000; text-decoration: none; }
a:hover { text-decoration: underline; }

#contentBlock-1 h1 { margin-top: 1.5em; }
#contentBlock-1 .csc-header-n1 h1 { margin-top: 0; }
/* --- general classes --- */
.outOfSight { position: absolute; top: 0; left: -4000px; }

/* --- layout --- */
#pageWrap { width: 100%; margin: 0; }
#header { width: 900px; margin: 0 auto; height: 120px; margin-bottom: 88px; }
#contentBlock-1 { width: 900px; margin: 0 auto; }
#contentBlock-1InnerWrap { /* background: url(img/contentBlock1Bg2.png) left top;  */width: 900px; float: left; padding-bottom: 340px; }
#content{ width: 610px; float: left; margin-bottom: 30px; }
#sidebarWrapper { width: 210px; float: right; background: url(img/sidebarBg3.png) left -60px; padding-bottom: 340px; margin-bottom: -340px;  }
#sidebar { padding: 0 10px 50px 10px; }
#footer { float: left; width: 100%; background: url(img/footerBgBig2.png) center bottom no-repeat; height: 340px; margin-top: -340px; }

/* --- alternative layouts --- */
#f1b #footer { background-image: url(img/footerBgCity.png); height: 221px; margin-top: -221px; }
#f1b #contentBlock-1InnerWrap { padding-bottom: 221px; }
#f1b #sidebarWrapper { padding-bottom: 221px; margin-bottom: -221px; }
#f1c #footer { background-image: url(img/footerBgStripes.png); height: 185px; margin-top: -185px; background-position: center bottom; }
#f1c #contentBlock-1InnerWrap { padding-bottom: 185px; }
#f1c #sidebarWrapper { padding-bottom: 185px; margin-bottom: -185px; }



#f2a #contentWrapper { width: 900px; margin: 0 auto; }
#f2a #contentWrapperInnerWrap {   background: url(img/contentBlock1Bg2.png) left top;  width: 900px; float: left; padding-bottom: 340px; }
#f2a #contentBlock-1 { width: 610px; float: left; margin-bottom: 30px; }
#f2a #contentBlock-2 { width: 210px; float: right; /* background: url(img/sidebarBg3.png) left -60px; */ padding-bottom: 340px; margin-bottom: -340px; height: 100%; }
#f2a #contentBlock-2InnerWrap { padding: 10px 10px 50px 10px; }

#f2a #contentBlock-2 iframe { padding-bottom: 90px; }

/* --- header --- */
#logo { width: 210px; height: 120px; float: right; }

#menu { width: 690px; float: left; }
#menu ul { margin-top: 100px; }
#menu li { display: inline; margin-right: 8px; }
#menu li.last { margin-right: 0; }


/* --- footer --- */
#footerInnerWrap { width: 900px; margin: 0 auto; }
#footerSidebar { width: 210px; float: right; height: 100px; }

#footer ul { width: 100%; float: left; }
#footer li { width: 100%; float: left; display: block; }
#footer li a { display: block; width: 100%; height: 100%; }
#footerMySpace { height: 40px; background: url(img/footerLinksSprite.png) left center no-repeat; }
#footerFacebook { height: 40px; background: url(img/footerLinksSprite.png) left top no-repeat; }
#footerYouTube { height: 40px; background: url(img/footerLinksSprite.png) left bottom no-repeat; }


/* --- menu in sidebar --- */
#contentBlock-2 .csc-menu-1 { }
#contentBlock-2 .csc-menu-1 { margin-top: 10px; }
#contentBlock-2 .csc-menu-1 .active { font-weight: bold; }


/* --- forms --- */
.formRow { width: 100%; float: left; margin-top: 10px; }

.formRow label {width: 100px; float: left;}
.formRow input { width: 250px; }

.formRow .inputTextSmall { width: 20px; margin-right: 10px; float: left; } 
.formRowArticle label { width: 500px; float: left; padding-top: 3px; }
.formRowArticle .additionalText { float: left; clear: both; margin-left: 36px; font-style: italic; }

.formRowText h4 { margin: 3em 0 1em 0; }
#formStoreArticles h4 { margin-top: 0; }

#formStoreSubmit { margin-top: 15px; float: left; margin-left: 100px; }
#formStoreErrors h4 { margin-bottom: 0; }
#formStoreErrors ul { margin-bottom: 1em; }