/* use C-style comments to comment things out */
/* note that NS 4.x seems to have trouble with inheritance, so you have to 
   have all the block elements here */
	
html, body {
height: 100%;
}

body {
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	margin: 0;
	padding: 0;
}

.body {
	background: url(images/br_green.gif) no-repeat;
	background-position: 100% 170px;

}
.body-blue {
	background: url(images/br_blue.gif) no-repeat;
	background-position: 100% 170px;

}
.body-pink {
	background: url(images/br_pink.gif) no-repeat;
	background-position: 100% 170px;

}
.body-intro {
	height: 100%;
}

#content A:link, #footer A:link, #content A:active, #footer A:active, #content A:visited, #footer A:visited {text-decoration: none; color: #97ea1b; font-weight: bold;}
#leftbar-blue #content A:link, #leftbar-blue #footer A:link,  #leftbar-blue #content A:active, #leftbar-blue #footer A:active, #leftbar-blue #content A:visited, #leftbar-blue #footer A:visited {text-decoration: none; color: #22d3ff; font-weight: bold;}
#leftbar-pink #content A:link, #leftbar-pink #footer A:link,  #leftbar-pink #content A:active, #leftbar-pink #footer A:active, #leftbar-pink #content A:visited, #leftbar-pink #footer A:visited {text-decoration: none; color: #ec008c; font-weight: bold;}
#leftbar-black #content A:link, #leftbar-black #footer A:link,  #leftbar-black #content A:active, #leftbar-black #footer A:active, #leftbar-black #content A:visited, #leftbar-black #footer A:visited {text-decoration: none; color: #000000; font-weight: bold;}

#content A:hover, #footer A:hover, #leftbar-blue #content A:hover, #leftbar-blue #footer A:hover, #leftbar-pink #content A:hover, #leftbar-pink #footer A:hover, #leftbar-black #content A:hover, #leftbar-black #footer A:hover {text-decoration: underline; color:#666666;}

img {border: none;}
:focus, :active { outline: 0; }
.left {float:left; padding-right:8px;padding-bottom: 10px; }
.right {float:right; padding-left:8px;padding-bottom: 10px; }
.clear {clear: both;}
 
 H1 {line-height:26px; font-size:24px; font-weight:bolder; color: #97ea1b; margin:10px 0; margin-top:0;} 
 H2 {line-height:22px; font-size:20px; font-weight:bolder; color: #97ea1b; margin:10px 0; margin-top:0;}
 H3 {line-height:18px; font-size:16px; font-weight:bolder; color: Black; margin:10px 0; margin-top:0;}
 H4 {line-height:16px; font-size:14px; font-weight:bolder; color: Black; }
 
 #leftbar-blue H1 {line-height:26px; font-size:24px; font-weight:bolder; color: #22d3ff; margin:10px 0; margin-top:0;} 
 #leftbar-blue H2 {line-height:22px; font-size:20px; font-weight:bolder; color: #22d3ff; margin:10px 0; margin-top:0;}
 
 #leftbar-pink H1 {line-height:26px; font-size:24px; font-weight:bolder; color: #ec008c; margin:10px 0; margin-top:0;} 
 #leftbar-pink H2 {line-height:22px; font-size:20px; font-weight:bolder; color: #ec008c; margin:10px 0; margin-top:0;}
 
 #leftbar-black H1 {line-height:26px; font-size:24px; font-weight:bolder; color: #000000; margin:10px 0; margin-top:0;} 
 #leftbar-black H2 {line-height:22px; font-size:20px; font-weight:bolder; color: #000000; margin:10px 0; margin-top:0;}
 
p {margin: 0 0 12px 0; padding: 0;}

#wrapper {
	width: 970px;
}
#leftbar-green {
	min-height: 100%;
	width:100%;
	background:url(images/side_green.gif) repeat-y top left;
}
#leftbar-blue {
	min-height: 100%;
	width:100%;
	background:url(images/side_blue.gif) repeat-y top left;
}
#leftbar-pink {
	min-height: 100%;
	width:100%;
	background:url(images/side_pink.gif) repeat-y top left;
}
#leftbar-black {
	min-height: 100%;
	width:100%;
	background:url(images/side_black.gif) repeat-y top left;
}
#header-green-intro {
	height:90px;
}
#header-green {
	background:url(images/ss_green.gif) top right no-repeat;
	height:90px;
}
#header-blue {
	background:url(images/ss_blue.gif) top right no-repeat;
	height:90px;
}
#header-pink {
	background:url(images/ss_pink.gif) top right no-repeat;
	height:90px;
}
#header-black {
	background:url(images/ss_black.gif) top right no-repeat;
	height:90px;
}
#header {
	padding-top: 40px;
}
#maincontent {
	width: 740px;
	float:right;
}
#nav-left {
	float:left;
	width:138px;
	text-align:right;
	padding-top: 32px;
}
#content {
	float: right;
	width: 380px;
	margin-right:190px;
}
#intro-content {
	float: right;
	width: 530px;
	padding-right: 40px;
}
#footer {
	float: right;
	width: 570px;
	margin-top:50px;
}
#copyright {
	font-size: 10px;
}
#content p {
	text-align: justify;
}

* html #leftbar-green, * html #leftbar-blue, * html #leftbar-pink, * html #leftbar-black {
height: 100%;
}