/* WWS Landing Page Screen CSS */
body { background: #212121; }
strong { font-weight: bold; }
em { font-style: italic; }

/* structure */
#container { width: 900px; margin: 20px auto 0; background: white url(../images/headerBg.jpg) no-repeat; }	
	#content { padding: 210px 65px 0; }
		#movie { text-align: center; margin: 10px 0 20px; }
		#requirements { float: left; width: 350px; margin-right: 50px; } 
		#benefits { float: left; width: 350px; } 
		#progress { width: 162px; height: 220px; float: left; background: url(../images/progress.png) no-repeat; padding: 80px 10px 0 30px; }
		#blog { width: 520px; float: left; margin: 7px 0 0 40px; }
			div.postTitle { margin-top: 10px; }
			#commentBlock { margin-top: 20px; }
	  #copy { width: 770px; }
		#members { width: 355px; float: left; padding-bottom: 50px; }
			#membersTop { height: 10px; background: url(../images/membersTopBg.png) no-repeat; }
			#membersMiddle { background: url(../images/membersMiddleBg.png) repeat-y; padding: 0 10px; }
			#membersBottom { height: 10px; background: url(../images/membersBottomBg.png) no-repeat; }
		#card { width: 390px; float: left; margin-left: 25px; }
			#cardTop { height: 10px; background: url(../images/cardTopBg.png) no-repeat; }
			#cardMiddle { background: url(../images/cardMiddleBg.png) repeat-y; padding: 0 10px; }
			#cardBottom { height: 10px; background: url(../images/cardBottomBg.png) no-repeat; }
	#containerBottom { background: url(../images/containerBottomBg.jpg) no-repeat; height: 20px; }
#footer { width: 900px; margin: 10px auto 20px; }

/* headers */
h1 { display: none; }
h2 { text-indent: -1000em; }
h2.membership { background: url(../images/membership.jpg) no-repeat; width: 765px; height: 100px; text-align: center; margin: 10px 0; }
#requirements h2 { background: url(../images/requirements.jpg) no-repeat; width: 380px; height: 90px; margin: 10px 0 10px -15px; }
#benefits h2 { background: url(../images/benefits.jpg) no-repeat; width: 380px; height: 90px; margin: 8px 0 10px -17px; }
body.inner h2 { color: #4E4E4E; text-indent: 0; font-size: 20px; font-weight: bold; margin-bottom: 10px; }
body.inner #members h2, body.inner #card h2 { font: bold 24px georgia; color: #000; }
h3 { font-family: georgia; color: #000; line-height: 18px; font-size: 16px; font-weight: bold; margin-bottom: 10px; }
h4 { margin-top: 15px; font-family: georgia; color: #000; font-weight: bold; font-size: 14px; }
h4.addComment { margin: 20px 0 10px; }
#copy h3 { clear: both; margin-left: 110px; margin-right: 110px; }

/* lists */
ul { margin: 20px 0 20px 15px; }
li { font-family: verdana; color: #212121; line-height: 1.4em; font-size: 13px; list-style-type: disc; margin: 7px 0 7px 15px; }
#nav ul { padding-bottom: 20px; margin: 0; }
#nav ul li { float: left; display: block; list-style: none; text-indent: -1000em; margin-right: 2px; }
a.home { background: url(../images/nav/home.png) no-repeat; width: 70px; height: 25px; display: block; }
a.home:hover,  #nav ul li.current a.home { background: url(../images/nav/home.png) no-repeat -70px 0; }
a.vision { background: url(../images/nav/vision.png) no-repeat; width: 80px; height: 25px; display: block; }
a.vision:hover, #nav ul li.current a.vision { background: url(../images/nav/vision.png) no-repeat -80px 0; }
a.excursion { background: url(../images/nav/excursion.png) no-repeat; width: 110px; height: 25px; display: block; }
a.excursion:hover, #nav ul li.current a.excursion { background: url(../images/nav/excursion.png) no-repeat -110px 0; }
a.congress { background: url(../images/nav/congress.png) no-repeat; width: 108px; height: 25px; display: block; }
a.congress:hover, #nav ul li.current a.congress { background: url(../images/nav/congress.png) no-repeat -108px 0; }
a.impact { background: url(../images/nav/impact.png) no-repeat; width: 140px; height: 25px; display: block; }
a.impact:hover, #nav ul li.current a.impact { background: url(../images/nav/impact.png) no-repeat -140px 0; }
a.directory { background: url(../images/nav/directory.png) no-repeat; width: 110px; height: 25px; display: block; }
a.directory:hover, #nav ul li.current a.directory { background: url(../images/nav/directory.png) no-repeat -110px 0; }
a.extravaganza { background: url(../images/nav/extravaganza.png) no-repeat; width: 140px; height: 25px; display: block; }
a.extravaganza:hover, #nav ul li.current a.extravaganza { background: url(../images/nav/extravaganza.png) no-repeat -140px 0; }
a.summit { background: url(../images/nav/summit.png) no-repeat; width: 110px; height: 25px; display: block; }
a.summit:hover, #nav ul li.current a.summit { background: url(../images/nav/summit.png) no-repeat -110px 0; }
#members ul { margin: 0; }
#members ul li { list-style: none; margin: 0; }
	
/* paragraphs */	
p { font-family: georgia; color: #4e4e4e; line-height: 30px; font-size: 18px; margin-bottom: 15px; }
body.inner p { font-family: verdana; color: #4e4e4e; line-height: 1.4em; font-size: 13px; margin-bottom: 15px; }
#progress p { color: #cacaca; font: 15px georgia; }
#progress p span { display: block; font: 30px georgia; padding-left: 20px; }
body.blog p { font-family: georgia; color: #4e4e4e; line-height: 20px; font-size: 14px; }
p.body { clear: left; }
body.blog p.adminLink { font-family: georgia; color: #4e4e4e; line-height: 20px; font-size: 12px; margin-bottom: 0; }
body.blog p.date { margin-bottom: 0; }
body.blog #commentBlock p { margin-bottom: 0; }
p.cardInfo  { font-family: verdana; color: #5c5c5c; line-height: 20px; font-size: 13px; margin-bottom: 0; }
div#benefits p, div#requirements p { font-family: verdana, helvetica, sans-serif; color: #212121; line-height: 1.4em; font-size: 13px; }
#members p.adminLink { margin-top: 20px; }
#footer p { font-family: georgia; color: #7c7c7c; line-height: 20px; font-size: 12px; }

/* links */
a:link, a:visited, a:active { color: #3a75c4; text-decoration: underline; }
a:hover { color: #00ccff; text-decoration: none; }
a.smallLink { font-size: 10px; }
p.letters a { font: 13px arial; color: #5c5c5c; text-decoration: none; }
p.letters a:hover, p.letters a.current { font: 15px arial; }
a#login { position: absolute; top: 90px; margin-left: 710px; }
#footer a { color: #7c7c7c; text-decoration: underline; }

/* images */
div.postTitle img { float: left; margin: 2px 5px 0 0; }
img.card { float: left; margin: 3px 20px 0 0; padding-bottom: 100px; }

/* forms */
label { color: #4e4e4e; display: block; margin-top: 10px; }
legend { font-weight: bold; font-size: 1.2em; }
input.text { width: 350px; margin: 0; border: 1px solid #bbb; background: #f6f6f6; padding: 4px; }
input.text:focus { border: 1px solid #999; background: #fff; }
input#search { width: 160px; position: relative; top: -11px; padding: 8px; border: none; }
textarea { width: 350px; height: 150px; border: 1px solid #bbb; background: #eee; padding: 4px; }
textarea:focus { border: 1px solid #999; background: #fff; }
textarea.cms { width: 750px; height: 250px; }
textarea.cms_narrow { width: 350px; height: 400px; }
input[type='image'] { margin-top: 10px; }

/* colors */
.red { color: #a92300; }