/*	main.css for sandy-eikaiwa.com
 */


/*
	Notes:
	Padding:	Space within the element
	margin:		Space around (outside) the element
*/

body {
	color:			#080808;
/* old color was eeffdd */
	background-color:	#DDDDDD;
/*	have this padding all around		*/
	padding:		00px;
/*	Don't show border around the main container. */
	margin:			10px;
}

p.back-button{
    text-align:		center;
    margin-top:		40px;
    margin-bottom:	0px;
    padding:			0px;
}

p{ margin:0px;
	padding:0px;
}

div.all-center-div{
	text-align:		center;
	margin:		0px;
	padding:		0px;
}

div.outer-div{
	width: 			900px;
/* old background-color was aaffaa */
	background-color:	#EEFFEE;
	padding:		0px;
}

div.after{
	clear:both;
	padding-top:	10px;
}

div.accent-div{
	height:			20px;
	background-color: #042375;

}

/*
	TITLE SECTION
*/
div.title-div{
	height:					65px;
	background-color:	#FFCC99;
	padding-top:			0px;
	padding-bottom:		0px;
	/*background-image:	url('morning2.jpg');
	background-repeat:	no-repeat;*/
}
* html div.title-div{
	height:					80px;
	h\eight:					90px;
	background-color:	#FFCC99;
	padding-top:			0px;
	padding-bottom:		0px;
	/*background-image:	url('morning2.jpg');
	background-position:	0 0;
	background-repeat:	no-repeat;*/
}
/*
	LEFT MENU SECTION
*/
div.left-menu{
	background-color:	#BECCF4;
	float: 				left;
	width:				170px;
	padding:			0px;
	padding-top:		10px;
	padding-bottom:	10px;
	margin-top:		10px;
	margin-left:		10px;
	margin-right:		5px;
	font-family:		sans-serif;
	font-variant:		small-caps;
}

a.menu-item{
	height:				30px;
	padding-left:		10px;
	padding-right:		10px;
	margin-bottom:		15px;
	color:			#000000;
	font-size:		0.9em;
}

* html a.menu-item{
	height:				30px;
	padding-left:		10px;
	padding-right:		10px;
	margin-bottom:		5px;
	m/argin-bottom:	15px;
	color:				#000000;
	font-size:		0.9em;
}

img{
	border:		none;
}
p.menu-item:hover,
a.menu-item:hover{
	color:				#777700;	

}



/*
	MAIN SECTION
*/
div.main{
	float:			none;
	margin-left:		210px;
	margin-right:		30px;
	margin-top:		10px;
	margin-bottom:		10px;
}

p.main{
	margin-bottom:		1em;
	font-size:		1.2em;
}
div.pic-n-info{
	width:			20px;
	float: 			right;
	padding-top:	 0px;
	padding-left:	10px;
	padding-right: 	0px;
}

/* Use this with <p> (<p class=centerdImage><img...
*/
p.centerImg
{
    text-align:center;
    margin-top:0px;
    margin-bottom:0px;
    padding:0px;
}


p.main-title{
	font-family:			"URW Chancery L",serif;
	text-decoration:	 underline;
	font-size:			2.2em;
	font-style:			italic;
	margin-left:		0em;
	margin-bottom:		5px;
}

p.remember{
	font-family:		"URW Chancery L",serif;
	font-size:		2.2em;
	font-style:		italic;
	margin-left:		0em;
}

p.subtitle{
	margin-bottom:		0.3em;
	margin-top:		0.5em;
	text-indent:		0em;
	font-size:		2em;
	text-decoration:	underline;
}
span.ssubtitle{
	font-size:		.5em;
}
p.detail{
	text-indent:		2em;
	margin-left:		1em;
	font-size:		1em;
}

a:hover{
	font-style:		italic;
}
div.contact{
	margin:			3em;
	font-size:		1em;
	text-align:		center;
}
/*
	RIGHT MARGIN SECTION
*/

div.inner-div2{
	float:	right;
	background-color:	#0000ff;
	width:			100px;
	padding-left: 		10px;
	padding-right:		10px;
	padding-top:		0px;
}
iframe.listing{
    background-color: #dddddd;
	height:         400px;
	font-size:      0.3em;
	width:          750px;
	border-style:   none;
	sborder-width:   2px;
}