@charset "utf-8";
/* This CSS Document belongs to the CDS_MainPortal.html webpage. 
Designed by www.access4alldesign.com aka Mizou Vavoom 'Second Life Resident' and 'CDS Citizen' - Spring Summer 2008*/
body {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #4d391d;
	font-size: 10px;
	background-image: url(images/body_bg4.jpg);
	background-repeat: repeat;
}
div#wrapper {
	position: relative;
	margin-right: auto;
	margin-left: auto;
	width: 900px;
	height: 900px;
	background-image: url(images/ms_bg4.jpg);	
	background-repeat: no-repeat;
	background-attachment: scroll;
}
div#cdslogo {
	position: absolute;
	padding: 5px;
	width: 100px;
	height: 84px;
	top: 3px;
	left: 3px;
}
div#sllogo {
	position: absolute;
	padding: 5px;
	width: 108px;
	height: 79px;
	top: 0px;
	left: 759px;
}
#sllogo .text {
	font-size: 1em;
}
#googlesearch {
	position: absolute;
	width: 474px;
	height: 35px;
	top: 45px;
	left: 386px;
}
div#box1 {
	position: absolute;
	padding: 5px;
	width: 477px;
	height: 50px;
	top: 10px;
	left: 118px;
}
div#box2 {
	position: absolute;
	padding: 5px;
	width: 821px;
	height: 17px;
	top: 94px;
	left: 63px;
	background-image: url(images/HeaderMenu_bg.gif);
	background-repeat: no-repeat;
	font-size: 12px;
	font-weight:bold;
	color: #333333;
}
#box2 a {
	background-color: inherit;
	color: #333333;
}
#box2 a:hover {
	background-color: #e6e2cf;
	color: #333333;
}
#box2 a:visited {
	background-color: inherit;
	color: #4d391d;
}
div#box3 {
	position: absolute;
	padding: 5px;
	width: 216px;
	height: 324px;
	top: 114px;
	left: 58px;
}
div#box4 {
	position: absolute;
	padding: 5px;
	margin-top: 10px;
	width: 222px;
	height: 342px;
	top: 110px;
	left: 662px;
	background-color: #b8aa51;
	overflow: hidden;
	filter: alpha(opacity=90);
	opacity: 0.9;
}
div#box5 {
	position: absolute;
	padding: 5px;
	margin-top: 10px;
	width: 851px;
	height: 14px;
	top: 463px;
	left: 39px;
	background-image: url(images/Footer_bar_bg.gif);
	background-repeat: no-repeat;
}
div#box6 {
	position: absolute;
	padding: 5px 5px 5px 15px;
	width: 186px;
	height: auto;
	top: 491px;
	left: 27px;
	background-color: #bfae60;
	border-top: #9F9F9F 2px solid;
	border-bottom: #9F9F9F 3px solid;
	border-right: #9F9F9F 3px solid;
	filter: alpha(opacity=90);
	opacity: 0.9;
}
div#box7 {
	position: absolute;
	padding: 5px 5px 5px 15px;
	width: 186px;
	height: auto;
	top: 491px;
	left: 242px;
	background-color: #ffe880;
	border-top: #9F9F9F 2px solid;
	border-bottom: #9F9F9F 3px solid;
	border-right: #9F9F9F 3px solid;
	filter: alpha(opacity=90);
	opacity: 0.9;
}
div#box8 {
	position: absolute;
	padding: 5px 5px 5px 15px;
	width: 186px;
	height: auto;
	top: 491px;
	left: 457px;
	background-color: #fff4bf;
	border-top: #9F9F9F 2px solid;
	border-bottom: #9F9F9F 3px solid;
	border-right: #9F9F9F 3px solid;
	filter: alpha(opacity=90);
	opacity: 0.9;
}
div#box9 {
	position: absolute;
	padding: 5px 5px 5px 15px;
	width: 186px;
	height: auto;
	top: 491px;
	left: 672px;
	background-color: #e6e2cf;
	border-top: #9F9F9F 2px solid;
	border-bottom: #9F9F9F 3px solid;
	border-right: #9F9F9F 3px solid;
	filter: alpha(opacity=90);
	opacity: 0.9;
}
#box6 p, #box7 p, #box8 p, #box9 p {
	margin: 10px;
}
#box6 h4, #box7 h4, #box8 h4, #box9 h4 {
	font-size: 1.7em;
	font-weight: 700;
}
#box6 a, #box7 a, #box8 a, #box9 a {
	background-color: inherit;
	color: #4d391d;
}
#box6 a:hover, #box7 a:hover, #box8 a:hover, #box9 a:hover {
	background-color: #fff4bf;
	color: #4d391d;
}
#box6 a:visited, #box7 a:visited, #box8 a:visited, #box9 a:visited {
	background-color: inherit;
	color: #1f160c;
}
div#sim1 {
	position: absolute;
	width: 310px;
	height: 146px;
	top: 125px;
	left: 210px;
	overflow: hidden;
}
#sim1 p, #sim1 p.sim2, #sim1 p.sim3, #sim1 p.sim4 {
	color: #4d391d;
	background-color: inherit;
	font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 1.5em;
	letter-spacing: .2em;	
}
#sim1 p a, #sim1 p.sim2 a, #sim1 p.sim3 a, #sim1 p.sim4 a {
	color: #4d391d;
	background-color: inherit;
	font-size: 1.1em;
	font-weight: 700;
}
#sim1 p.sim2 {
    text-indent: 40px;
}
#sim1 p.sim3 {
	text-indent: 80px;
}
#sim1 p.sim4 {
	text-indent: 120px;
}
a:link {
	text-decoration: none;
	color:    #2f455d;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	color:  #131c25;
}
a:active {
	text-decoration: none;
	color:  #131c25;
}

#body_one .nav_one a, #body_two .nav_two a, 
#body_three .nav_three a, #body_four .nav_four a, #body_five .nav_five a, #body_six .nav_six a, #body_seven .nav_seven a, #body_eight .nav_eight a, #body_nine .nav_nine a, #body_ten .nav_ten a, #body_eleven .nav_eleven a { background-color: #4d4542;
                                                   color: #e5c1c6;
												   font-weight: bold;												  											   
}
.nav {
	position: absolute;
	margin: 0px 10px 0px 10px;
	padding: 0px;
	background-color: #b8aa51;
	list-style-type: none;
	width: 222px;
	height: 341px;
	left: -1px;
	top: 9px;
}
ul.nav { margin: 15px;}
.nav li { margin: 0px;
          padding: 0px;
		  float: left;
		  width: 100%;
		  font-size: 11px;
}
.nav li.current a { background-color: #4d4542;
                    color: #e5e1c6;
					font-weight: bold;			
}
.nav a { display: block;
         color: #e5e1c6;
		 background-color: #4d4542;
		 text-decoration: none;
		  letter-spacing: .3em;	
		 padding: 0 15px;
		 line-height: 2em; 
		 border-bottom: 5px solid #baac53;
}
.nav .nav_eleven a { border: none;} /* so that last item in ul -here: siddha- has no line underneath*/
.nav a:hover { background-color: #82773f;}

div #MAINcontent{
	position: absolute;
	padding: 15px 20px 10px 20px;
	margin: 5px;
	width: 534px;
	height: auto;
	top: 125px;
	left: 61px;
	font-size:12px;
	background-color: #FFF9D2;
	line-height: 1.5em;
	border: #4d4542 1px solid;
	filter: alpha(opacity=80);
	opacity: 0.8;
}
div#Maincontent img{
	padding: 5px 5px 15px 5px;
	border: #4d4542 1px dotted;
}
#MAINcontent h1 {
	font-size: 1.7em;
	line-height: 2em;
}
#MAINcontent h2 {
	font-size: 1.4em;
}
#MAINcontent h3 {
	font-size: 1.2em;
}
div #SPLITONEcontent{
	position: absolute;
	padding: 15px 20px 10px 20px;
	margin: 5px;
	width: 250px;
	height: 693px;
	top: 125px;
	left: 61px;
	font-size:12px;
	background-color: #FFF9D2;
	line-height: 1.5em;
	border: #4d4542 1px solid;
	filter: alpha(opacity=80);
	opacity: 0.8;
}
div #SPLITTWOcontent{
	position: absolute;
	padding: 15px 20px 10px 20px;
	margin: 5px;
	width: 250px;
	height: 693px;
	top: 125px;
	left: 61px;
	font-size:12px;
	background-color: #FFF9D2;
	line-height: 1.5em;
	border: #4d4542 1px solid;
	filter: alpha(opacity=80);
	opacity: 0.8;
}
div #TOPcontent{
	position: absolute;
	padding: 15px 20px 10px 20px;
	margin: 5px;
	width: 250px;
	height: 693px;
	top: 125px;
	left: 61px;
	font-size:12px;
	background-color: #FFF9D2;
	line-height: 1.5em;
	border: #4d4542 1px solid;
	filter: alpha(opacity=80);
	opacity: 0.8;
}
div #BOTTOMcontent{
	position: absolute;
	padding: 15px 20px 10px 20px;
	margin: 5px;
	width: 250px;
	height: 693px;
	top: 125px;
	left: 61px;
	font-size:12px;
	background-color: #FFF9D2;
	line-height: 1.5em;
	border: #4d4542 1px solid;
	filter: alpha(opacity=80);
	opacity: 0.8;
}
#advert {
	position: absolute;
	top: 477px;
	left: 662px;
	width: 222px;
	height: 365px;
	padding: 3px;
	font-size:10px;
	background-color: #FFF9D2;
	border: #4d4542 1px solid;
	line-height: 1.5em;
	filter: alpha(opacity=80);
	opacity: 0.8;
}
.advert1 img, .advert2 img, .advert3 img {
	border: 0px;
	margin: 10px;
}
#advert p{
	padding: 5px 10px 5px 10px;
}
#advert h3 {
	text-indent: 15px; 
}
div#footer{
	position: absolute;
	padding: 5px;
	width: 280px;
	height: 25px;
	top: 806px;
	left: 609px;
	background-color: inherit;
	font-size: 1.2em;
	color: #000000;
}
