/* Author: Francesca Mancuso - star1978@hotmail.com - last update: September 2009 */

/* ----------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------- GENERAL*/  

body {  
		background-color: #ffccff; 
		background-image: url('/garasunokamen/images_global/RosesBkg.jpg');
		text-align: center; 
		margin: 0px; 	
		padding: 0px; 
		font: small/1.2 Verdana, Arial, serif;
		color: #800080; 
		}

h1 {
		font-size: 1.8em;	
		}

h2 {
		font-size: 1.6em;
		}

h3 {
		font-size: 1.4em;
		}

h4 {
		font-size: 1.2em;
		}

p  { 
		margin: 15px auto; 
		width: 525px; 

	}
	
hr { 
		color: #800080; 
		width: 90%; 
	}
	
img { 
		border-style: none; 
		background-color: transparent;
	}

table { 
		width: 95%;
		border-style: none; 
		text-align: center; 
        margin: 15px auto; 
	}
	
caption  { 
		margin: auto; 		
		}
		
td  { 		
		margin: 2px auto; 
		padding: 10px; 
	}
	
th  { 
		margin: 2px auto; 
		padding: 10px; 
	}

ol { 
		width: 80%;
		text-align: left;		
		line-height: 1.3; 
		margin: 15px auto; 
		padding: 0px;
	}
	
ul { 
		width: 80%;
		text-align: left; 		
		line-height: 1.3; 
		margin: 15px auto; 
		padding: 0px;
		list-style-type: none;
	}
	
ul li { 
		position: relative;
		display: block;
		text-align: left; 		
		line-height: 1.3; 
		list-style-type: none;
		margin: 0px;
		padding: 0px;
	}

dl {
	width: 600px;
	margin: auto;
}

dt  { 
		color: #ff00ff; 
		font-weight: bold; 	
		text-align: left; 
		line-height: 1.4; 
		margin: 15px auto 0px auto; 
		padding: 0px;
	}
	
dd  { 
		text-align: left; 
		line-height: 1.4; 
		padding: 0px;
	}

a:link  { 
		color: #800080; 
		font-weight: bold; 
		text-decoration: none; 
		} 
		
a:visited { 
		color: #800080; 
		font-weight: bold; 
		text-decoration: none; 
		} 
		
a:active { 
		color: #800080; 
		font-weight: bold; 
		text-decoration: none; 
		} 
		
a:hover  { 
		color: #ffccff; 
		text-decoration: none; 
		font-weight: bold; 
		cursor: crosshair; 
		background-color: #800080; 
		}
		
form input, form select {
		border: 1px #800080 solid;
		background-color: #ffccff;
		color: #800080;
		}
		
form input.reset, form input.submit {
		border: 1px #800080 solid;
		background-color: #800080;
		color: #ffccff;
		}
	
form input.reset:hover, form input.submit:hover {
		border: 1px #ffccff solid;
		background-color: #ffccff;
		color: #800080;
		}
		
form input.radio {
		border: none;
		}
		


/* ----------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------- CLASSES */

.small { 
		font-size: 0.85em; 
		}
		
.left { 
		text-align: left; 
	}
	
.right { 
		text-align: right; 
		}
		
.clear {
		clear: both;
}
		
.center { 
		text-align: center; 
		}
		
.justify { 
		text-align: justify; 
		}
		
.imgleft { 
		position: relative;
		display: inline;
		float:left; 
		border: none; 
		margin: 8px 8px 8px 8px; 
		padding: 0px;
		}
		
.imgright { 
		position: relative;
		display: inline;
		float:right; 
		border: none; 
		margin: 8px 8px 8px 8px; 
		padding: 0px;
		}
		
.footer { 
		width: 350px; 
		font-size: 0.85em; 
		text-align: justify; 
		margin: 0px auto 30px auto; 
		}

.fuchsia { 
		color: #ff00ff; 
		font-weight: bold; 
		} 
		
.fuchsia a:link { 
		color: #ff00ff; 
		} 


/* -------------------------tables-with-borders-(default-table-without-borders)----------------------------- */

.tableborder { 
		width: 90%;
		text-align: center; 
		margin: 15px auto; 
		border-style: solid; 
		border-width: thin; 
		border-color: #800080; 
		}
		
.tableborder td { 
		border-style: solid; 
		border-width: thin; 
		border-color:#800080; 
		margin: 5px; 
		}
		
.tableborder th { 
		border-style: solid; 
		border-width: thin; 
		border-color:#800080; 
		margin: 5px; 
		}
		

/* ----------------------------div-containting-validators-and-counter-------------------------------------- */

.validators {
		text-align: center; 
		margin: auto;
		position: relative;
		display: inline;
		}

/* ----------------------------table-not-90%width---------------------------------------------------------- */

.freewidthtable {
		width: auto;
		}

.freewidthtable td {
		padding: 7px;
		margin: auto;	
		}

/* ---------------------------fuchsia-box-for-important-information---------------------------------------- */
		
.fuchsiabox { 
		border-style: solid; 
		border-width: thin; 
		border-color: #ff00ff; 
		width: 350px; 
		margin: 30px auto; 
		padding: 5px;
		}
		
.fuchsiabox p { 
		text-align: justify; 
		width: 320px; 
		font-size: 0.85em; 
		margin: auto;
		padding: 0px;
		}


/* ----------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------- LAYOUT */

#mainimage {
		position: relative;
		z-index: 1; /* under the menu */
		width: 700px;
		height: 300px;
		background-image: url('/garasunokamen/images_global/MayaNoGarasuNoKamenMain.png');
		background-position: top;
		background-repeat: no-repeat;
		margin: 0px;
		padding: 0px;
		}
		
#mainimage p {
		position: relative;
		display: none; /* nothing displayed, only bkg image */
		}

#mainwrapper {
		position: relative;
		z-index: 2;
		width: 700px;
		margin: 0px auto;
		padding: 0px;
		}		

#contentheader {
		position: relative;
		z-index: 3;
		margin: -5px 0px;
		padding: 0px;
		width: 700px;
		height: 35px;
		background: url('/garasunokamen/images_global/ContentWrapperBkgTop.png') center 0px no-repeat;
		}

#contentwrapper {
		position: relative;
		z-index: 5;
		margin: 0px;
		padding: 0px 50px;
		width: 600px;
		background: url('/garasunokamen/images_global/ContentWrapperBkg.png') center 0px repeat-y;
		}
	
#contentwrapper h1 {
		position: relative;
		text-align: center;
		margin: 0px auto;
		}

#contentwrapper p {
		margin: 0px auto;
		padding: 10px 0px;
		}

#contentwrapper ul li {
		background-image: url('/garasunokamen/images_global/Rose_Icon.gif');
		background-position: 0px 0px;
		background-repeat: no-repeat;
		position: relative;
		display: block;
		padding: 0px 0px 0px 28px;
		line-height: 25px;
		min-height: 25px;
		margin: 10px 0px;
		}

#contentwrapper td ol {
		margin: 0px 0px 0px 10px;
}
		
#contentwrapper td ol li {
		line-height: 1.2; 
		margin: 0px auto; 
		padding: 0px;
		list-style-type: decimal;
		list-style-position: inside;
		background: none;
}

#contentwrapper ul.nobullets {
		position: relative;
		list-style-type: none; 
		text-align: left; 
		margin: 0px auto;
}

#contentwrapper ul.nobullets li {
		position: relative;
		margin: 5px 10px; 
		padding: 0px;
		list-style-type: none;
		background-image: none;
		line-height: 1.2;
		min-height: 1.2em;
}

#contentfooter {
		position: relative;
		z-index: 4;
		width: 700px;
		height: 35px;
		background: url('/garasunokamen/images_global/ContentWrapperBkgBottom.png') center 0px no-repeat;
		margin: 0px;
		padding: 0px;
}