body { font-family: Verdana, Tahoma, "Trebuchet MS", Arial; font-size: 12px; color: #414141; background: #BBBBBB; margin: 0; topmargin:0; bottommargin:0; height:100%;}

a { color: #CF0404; text-decoration: underline; }
a:hover { text-decoration: none; }

.bold { font-weight: bold; }
.style1 {color: #CF0404}
.style2 {font-size: 20px; color: #CF0404; }
.style3 {font-size: 18px}
.style4 {font-size: 10px}
.style5 {font-size: 14px}
.cleaner { clear: both; }
.cleaner-padding { clear: both; padding: 0 0 20px 0; }
.cleaner-padding2 { clear: both; padding: 0 0 15px 0; }
.cleaner-small-padding { clear: both; padding: 0 0 8px 0; }

.left { float: left; }
.right { float: right; }

/* header */
#header { width: 960px; height: 143px; margin: 0 auto; background: url('../images/layout/header-bg.gif'); }
#header .login { padding: 60px 170px 0 0; float: right; font-size: 11px; color: #FFFFFF; }
#header .login label { margin: 5px 0 0 0;}
#header a { color: #FFFFFF; }
/* navigation */
#navigation-wrapper { width: 722px; height: 39px; margin: 0 auto; padding: 0 0 0 238px; background: url('../images/layout/navigation-bg.gif'); }
#navigation { width: 722px; height: 39px; padding: 0; margin: 0; float: left; }
#navigation a { float: left; height: 39px; text-decoration: none; background-position: 0 0; margin: 0; padding: 0; }

#navigation a.home { background: url('../images/navigation/home.gif') no-repeat; width: 82px; }
#navigation a.our-sites { background: url('../images/navigation/our-sites.gif') no-repeat; width: 96px; }
#navigation a.program-details { background: url('../images/navigation/program-details.gif') no-repeat; width: 150px; }
#navigation a.about { background: url('../images/navigation/about.gif') no-repeat; width: 95px; }
#navigation a.sign-up { background: url('../images/navigation/sign-up.gif') no-repeat; width: 84px; }
#navigation a.contact { background: url('../images/navigation/contact.gif') no-repeat; width: 100px; }

#navigation a:hover { background-position: 0 -39px; }

#navigation a.home-a { background: url('../images/navigation/home.gif') no-repeat; width: 82px; background-position: 0 -78px; }
#navigation a.our-sites-a { background: url('../images/navigation/our-sites.gif') no-repeat; width: 96px; background-position: 0 -78px; }
#navigation a.program-details-a { background: url('../images/navigation/program-details.gif') no-repeat; width: 150px; background-position: 0 -78px; }
#navigation a.about-a { background: url('../images/navigation/about.gif') no-repeat; width: 95px; background-position: 0 -78px; }
#navigation a.sign-up-a { background: url('../images/navigation/sign-up.gif') no-repeat; width: 84px; background-position: 0 -78px; }
#navigation a.contact-a { background: url('../images/navigation/contact.gif') no-repeat; width: 100px; background-position: 0 -78px; }

#navigation_test { width: 607px; height: 39px; background: url('../images/navigation/CWDupdated_03.gif'); }
#navigation_test2 { width: 607px; height: 39px; background: url('../images/navigation/CWDupdated_04.gif'); }
#navigation_test3 { width: 607px; height: 39px; background: url('../images/navigation/CWDupdated_05.gif'); }
#navigation_test4 { width: 607px; height: 39px; background: url('../images/navigation/CWDupdated_06.gif'); }
/* main-wrapper */
#main-wrap { width: 940px; background: #FFF url('../images/layout/main-bg.gif'); margin: 0 auto; padding: 0 10px; }
#main-wrap2 { width: 940px; background:  #FFF url('../images/layout/main5-bg.gif');  margin: 0 auto; padding: 0 10px; }

/* center */
#center { width: 960px;}

#center #item-box {
	width: 740px;
	margin: 0 0 0 50px;
}
#center #item-box .header {
	width: 720px;
	height: 25px;
	background: url('../images/layout/item-box-head-bg.gif');
	font-size: 16px;
	padding: 7px 0 0 15px;
	letter-spacing: -0.03 em;
}
#center #item-box .content {
	width: 720px;
	border: 3px solid #F3F2F2;
	border-top: 0px solid;
}
#center #item-box .content .text {
	width: 700px;
	padding: 10px 10px 10px 13px;
	line-height: 1.3em;
}
#center #item-box .content .text ul { width: 225px; float: left; list-style: disc; list-style-position: outside; padding: 0 25px 0 15px; margin: 0 0 0 0px; line-height: 1.9em; }

/* left-side */
#left-side { width: 229px; color: #FFF; float: left; }
#left-side a { color: #FFFFFF; }
#left-side img.thumb { padding: 4px; background: url('../images/layout/thumb-bg.gif'); }
#left-side #latest-news { width: 229px; height: 41px; background: url('../images/layout/latestn-news.gif'); }
#left-side #ressources { width: 229px; height: 41px; background: url('../images/layout/ressources.gif'); }
#left-side #newest-sites { width: 229px; height: 41px; background: url('../images/layout/newest-sites.gif'); }
#left-side #new-galleries { width: 229px; height: 41px; background: url('../images/layout/new-galleries.gif'); }
#left-side #contact { width: 229px; height: 41px; background: url('../images/layout/contact.gif'); }
#left-side .text { width: 177px; padding: 15px 20px 0 32px; line-height: 1.5em; }

#right-side { width: 711px; float: right; }
#right-side.subpage { width: 711px; float: right; background: no-repeat url('../images/layout/subpage-bg.gif'); }
#right-side .flash { width: 711px; height: 161px; background: url('../images/flash.gif'); }
#right-side .flash-bar { width: 711px; height: 39px; background: url('../images/layout/flash-bar.gif'); }
#right-side .flash-bar p { padding: 10px 0 0 20px; margin: 0; line-height: 1em; letter-spacing: -0.07em; font-size: 16px; }

#right-side2 {
	width: 840px;
	float: left;
}
#right-side2 #item-box2 { width: 760px; margin: 0 0 0 25px; }
#right-side2 #item-box2 .header { width: 749px; height: 25px; background: url('../images/layout/item-box-head-bg.gif'); font-size: 16px; padding: 7px 0 0 15px; letter-spacing: -0.03 em; }
#right-side2 #item-box2 .content {
	width: 758px;
	border: 3px solid #F3F2F2;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}

#right-side3 {
	width:380px;
	float: left;
}
#right-side3 #item-box3 .content .text {
	width: 380px;
	padding: 10px 10px 10px 13px;
	line-height: 1.3em;
}
#right-side3 #item-box3 .content .text ul { width: 225px; float: left; list-style: disc; list-style-position: outside; padding: 0 25px 0 15px; margin: 0 0 0 0px; line-height: 1.9em; }
#right-side3 #item-box3 {
	width: 350px;
	margin: 0 0 0 20px;
	float: left;
}
#right-side3 #item-box3 .header {
	width: 350px;
	height: 25px;
	background: url('../images/layout/item-box-head-bg.gif');
	font-size: 16px;
	padding: 7px 0 0 15px;
	letter-spacing: -0.03 em;
}
#right-side3 #item-box3 .content {
	width: 350px;
	border: 3px solid #F3F2F2;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	font-size: 12px;
}
#right-side3 #item-box3 .content .text {
	width: 380px;
	padding: 10px 10px 10px 13px;
	line-height: 1.3em;
}
#right-side3 #item-box3 .content .text ul { width: 225px; float: left; list-style: disc; list-style-position: outside; padding: 0 25px 0 15px; margin: 0 0 0 0px; line-height: 1.9em; }

#right-side3 {
	width: 380px;
	float: left;
}
#right-side3 #item-box3 .content .text ul { width: 225px; float: left; list-style: disc; list-style-position: outside; padding: 0 25px 0 15px; margin: 0 0 0 0px; line-height: 1.9em; }

#right-side #welcome { width: 626px; background: no-repeat url('../images/layout/welcome-bg.gif'); padding: 25px 60px 0 25px; font-size: 16px; line-height: 1.5em; } 
#right-side #welcome h1 { font-size: 36px; font-weight: normal; letter-spacing: -0.06em; margin: 0; padding: 0 0 10px 0; line-height: 1em; color: #CF0404; }

#right-side #main-text { width: 560px; height: 200px; padding: 25px 60px 0 25px; font-size: 16px; line-height: 1.5em; } 
#right-side #main-text h1 { font-size: 36px; font-weight: normal; letter-spacing: -0.06em; margin: 0; padding: 0 0 10px 0; line-height: 1em; color: #CF0404; }

#right-side #item-box { width: 657px; margin: 0 0 0 25px; }
#right-side #item-box .header { width: 642px; height: 25px; background: url('../images/layout/item-box-head-bg.gif'); font-size: 16px; padding: 7px 0 0 15px; letter-spacing: -0.03 em; }
#right-side #item-box .content { width: 651px; border: 3px solid #F3F2F2; border-top: 0px solid; }
#right-side #item-box .content .text { width: 530px; padding: 10px 10px 10px 13px; line-height: 1.3em;  }
#right-side #item-box .content .text ul { width: 225px; float: left; list-style: disc; list-style-position: outside; padding: 0 25px 0 15px; margin: 0 0 0 0px; line-height: 1.9em; }



#right-side #item-box-signup { width: 525px; margin: 0 0 0 25px; }
#right-side #item-box-signup .header { width: 516px; height: 25px; background: url('../images/layout/item-box-head-bg.gif'); font-size: 16px; padding: 7px 0 0 15px; letter-spacing: -0.03 em; }
#right-side #item-box-signup .content { width: 525px; border: 3px solid #F3F2F2; border-top: 0px solid; }
#right-side #item-box-signup .content .text { width: 383px; padding: 10px 10px 10px 13px; line-height: 1.3em;  }
#right-side #item-box-signup .content .text ul { width: 200px; float: left; list-style: disc; list-style-position: outside; padding: 0 25px 0 15px; margin: 0 0 0 0px; line-height: 1.9em; }

#right-side #item-box h5 { font-size: 19px; margin: 0; padding: 0; color: #CF0404; font-weight: normal; letter-spacing: -0.003em; }
#right-side #item-box p { margin: 0; padding: 10px 0 0 0; line-height: 1.7em; }
#right-side #item-box ul { margin: 0; padding: 10px 0 0 10px; list-style-position: inside; line-height: 1.7em; }

/* footer */
#footer { width: 915px; height: 57px; font-size: 10px; padding: 35px 0 0 45px; margin: 0 auto; background: url('../images/layout/footer-bg.jpg'); }