/* CSS Document */
  

body{
	font-family:"Times New Roman", Times, serif;
	color:#630;
	font-size: 10.5pt;	
	background-color:#fc6;
}

table.blockBody{
	position:absolute;
	margin-left:auto;
	margin-right:auto;
	width:6em;
}

h1{
	position:inherit;
	font-size:16pt;
	font-family:Lucida Handwriting;
	font-style:bold;;
}
h2{
	position:relative;
	font-size:12pt;
	font-family:Lucida Handwriting;
	font-style:bold;;
}
h3{
	position:relative;
	font-size:10pt;
	font-family:Lucida ;
	font-style:bold;;
}

/*TITLE FOR CONTENT PAGE*/
div.chapterTitle{
	position:absolute;
	font-family:"Handwriting - Dakota","Georgia Bold Italic";
	font-style:bold;
	font-size:35px;
	top:-45px;
	
}

#chapterTitle2{
	position:absolute;
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	
}

/**************************/

A:link{color:#33CC00;font-size:10pt;}
A:hover{background:#CCFFFF;}
A:visited{color:#33CC00;font-size:10pt;}


/*this class moves the whole banner including the menu and background*/
#topBanner{
	position: absolute;
}

/*Table with top banner. Images are loaded into the table, see bellow topLine classes*/
#topLineTable{
	position:absolute;
	top:5px;
	background-color:#333333;
	padding-left:0px;
	margin-left:auto;
	margin-right:auto;
	width:1024px;	
	font-size:10pt;
	height:120px;
	font-family:Lucida Handwriting;
}

/* LOADING IMAGE FOR TOP BANNER */

#topLine{
	position:absolute;
	font-size:10pt;
	background-image:url(../img/wood-textures2.jpg);
	width:590px;
	font-family:Lucida Handwriting;
}
#topLine2{
	color:#FF00FF;
	font-size:10pt;
	background-image:url(../img/wood-textures2.jpg);
	width:330px;
	font-family:Lucida Handwriting;
}


#topLine3{
	padding-left:0px;
	font-size:10pt;
	font-family:Lucida Handwriting;	
	background-image:url(../img/finefurniture2.jpg);
}

#topLine4{
	color:#009900;
	font-size:10pt;
	background-image:url(../img/Wood-Textures.png);
	width:25%;
	font-family:Lucida Handwriting;
}


#menu{
	visibility:hidden;
	position:absolute;
	margin-left:18.9em;
	margin-right:auto;
	width:40.96em;
	font-family:Arial, Helvetica, sans-serif;	
	font-size: 12pt;
	font-style:normal;
	color:#FFFFFF;
	top:99px;
	z-index:3;
}

p.menuBar{
	top:122px;
	position:absolute;
	width:1024px;
	height:10px;
	margin-left:auto;
	margin-right:auto;
	background-color:#CCCCCC;
	z-index:2;
}

p.menuBackgroundBar{
	position:absolute;
	top:90px;
	margin-left:auto;
	margin-right:auto;
	width:1024px;
	height:41px;
	opacity:0.3;
	filter: alpha(opacity = 30);
	background-color:#000000;
	
}

p.resolution{
position:absolute;
margin-left:auto;
	margin-right:auto;
	width:1024px;
	height:41px;
}


/*TOP BANNERÍ CSS STYLE*/


div.title{
/*	visibility:hidden;*/
	position:absolute;
/*
this doesnt display ok in IE
	margin-left:auto;
	margin-right:auto;*/
	height:auto;
	width:35em;
	color:#FFFFFF;
	padding: 0px;
	top:25px;
	left:29px;
	z-index:4;
	width:738px;	
}

/*It places a bigger size title under title*/
#titleBorder{
	position:absolute;
	margin-left:auto;
	margin-right:auto;
	height:auto;
	width:35em;
	color:#000000;
	top:25px;
	z-index:3;
	
	font-size:40px;
	font-weight:bold;
	font-family:"Handwriting - Dakota";
}

/*In the page this  class is applied to the url name, it used to be the welcome message but not any more*/
div.titleBackground{
	position:absolute;
	margin-left:auto;
	margin-right:auto;
	width:30em;
	left:20px;
	
	
	opacity:0.7;
	filter: alpha(opacity = 70);
	padding:1px;
	top:65px;
	
	font-size:20px;
	font-family:Arial, Helvetica, sans-serif;	
	color:#FFFFFF;
}


/*LEFT BANNER*/ 
#leftImage{
position:absolute;
top:124px;
}


#siteName{
	position:inherit;
	color:#FF00FF;
	font-size:10pt;
	background-color:#FFFFFF;
	width:1024px;
	font-family:Arial, Helvetica, sans-serif;
}


/*FORM CSS STYLE*/


form{
position:inherit;
}

div.mainText_{
	position:absolute;	
	margin-left:300px;
	margin-right:auto;
	text-align:justify;	
	width:50em;	
	top: 190px;
	z-index:2;
}

form.mainText{
	position:absolute;	
	margin-left:300px;
	margin-right:auto;
	top:190px;
	left:20px;
	}

#form{	
	color:#630;
	font-size:10pt;
	font-family:Arial, Helvetica, sans-serif;
}

#formInput{
	font-family:Arial, Helvetica, sans-serif;
	color: #630; 
	BORDER: #A8A8A8 1px solid; 
	BACKGROUND-COLOR: #F8F8F8;
}


/***text2right sets text around the image, positioning image at the left of the paragraph. Sets a margin of 8 pixels around teh image*/
img.text2right{
	float:left;
	margin:10px;	
	padding-left:10px;
}
/***text2left sets text around the image, positioning image at the right of the paragraph. Sets a margin of 8 pixels around teh image*/
img.text2left{
	float:right;
	padding-right:10px;
	margin:10px;	
}
/***textAround sets text around the image, positioning image in the middle of the paragraph. Sets a margin of 8 pixels around teh image*/
img.textAround{
	float:left;
	margin:8px;
}