/*
Main page style definition
*/

body {
	background:#ffffff;
	height:100%;
}

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

/*
Wrapper style definition
*/

#wrapper {
	margin: auto auto;
	width: 800px;
	position:relative;
}

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

/*
Top banner style definition
*/

#topbanner {
	width:800px;
	height:187px;
	border:none;
	display:block;
	text-align: center;
}

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

/*
Body style definition
*/

#mainbody {
	width:800px;
	display:block;
	background:#ffffff;
	position:absolute;
	top:230px;
	padding: 0px 0 35px 0;
	font-size:16px;
	font-family:Verdana;
	color:#003366;
}
#esl_banner {
	width:800px;
	display:block;
	background:#ffffff;
	position:relative;
	padding: 60px 7px 0 10px;
	font-size:16px;
	font-family:Verdana;
	color:#003366;
}
#bodyleft {
	width:480px;
	display:inline-block;
	background:#ffffff;
	position:relative;
	float:left;
	padding: 10px 7px 35px 0;
	font-size:16px;
	font-family:Verdana;
	color:#003366;
}
#bodyright {
	width:300px;
	display:inline-block;
	background:#ffffff;
	position:relative;
	float:right;
	padding: 10px 0 35px 0;
	font-size:16px;
	font-family:Verdana;
	color:#003366;
}
#bodyleftsocial {
	width:480px;
	display:inline-block;
	background:#ffffff;
	position:relative;
	float:left;
	padding: 60px 7px 35px 0;
	font-size:16px;
	font-family:Verdana;
	color:#003366;
}
#bodyrightsocial {
	width:300px;
	display:inline-block;
	background:#ffffff;
	position:relative;
	float:right;
	padding: 60px 0 35px 0;
	font-size:16px;
	font-family:Verdana;
	color:#003366;
}

p.pagetitle {
	color:#003366;
	font-size:35px;
	font-weight:bold;
	font-family:Verdana;
	text-align:center;
	padding:0px 0px 0px 0px
}
   
p.songs {
	color:#003366;
	font-size:15px;
	font-family:Verdana;
	padding:0px 0px 2px 0px   
}    
    
p.paragraphtitle {
	color:#286686;
	font-size:25px;
	font-weight:bold;
	font-family:Perpetua;
	text-align:left;
	padding:0px 0px 0px 0px
}

p.highlight {
	/* color: #990000; */
	color:#A20052;
	font-size:20px;
	font-weight:bold;
	font-family:Perpetua;
}

table.pictures {
	margin: auto;
	background:#000000;
	border:#FF3333 2px solid;
	border-collapse:separate;
	border-spacing:3px;
	text-align:center;
	vertical-align:center;
}

tr.pictures {
	vertical-align: center;
	text-align:center;
}

td.pictures {
	background: #70A1D5;
	text-align:center;
	vertical-align: center;
}

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

/*
Media section table style definition
*/

table.media {
	margin: auto;
	width:100%;
	background:#FFFFFF;
	border:#000000 2px solid;
	border-collapse:separate;
	border-spacing:3px;
	text-align:center;
	vertical-align:center;
}

tr.media {
	vertical-align: center;
	text-align:center;
}

td.media1 {
	text-align:center;
	vertical-align: center;
	width:30%;
}

td.media2 {
	text-align:center;
	vertical-align: center;
	width:30%;
}

td.media3 {
	text-align:center;
	vertical-align: center;
	width:20%;
}

td.media4 {
	text-align:center;
	vertical-align: center;
	width:20%;
}

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

/*
Menu style definition
*/

#pagemenu {
	border:none;
	position:absolute;
	display:block;
	top:200px;
	width:800px;
	font-family:"Verdana","Lucida Grande",sans-serif;
}

#menu
{
	width: 800px;
	position:absolute;
	list-style-type: none;
	font-size: 20px;
	font-weight:bold;
	text-align:center;
	background:none;
	color: #FFB7E4;
	margin: 5px 0 20px 0px;
}

#menu li
{
	float:left;
	width:190px;
	margin:0 5px 0 5px;
	border:0;
	background:#003366;
	border-radius: 4px; /*Chrome 6, Opera 10.10 */
	-webkit-border-radius: 4px; /* Chrome et Safari*/
	-moz-border-radius: 4px;
}

#menu .subMenu
{
	display:none;
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
	font-size:14px;
}

#menu .subMenu li
{
	float: none;
	margin: 0;
	width:190px;
	color: #B0D3E9;/*0 51 102 - 176 211 233*/
	border-top: 1px solid transparent;
}

#menu li a:link, #menu li a:visited
{
	display: block;
	height:30px;
	color: #B0D3E9;
	padding: 3px 0 3px 0;
	text-align:center;
	vertical-align:middle;
	text-decoration: none;
	border-radius: 4px; /*Chrome 6, Opera 10.10 */
	-webkit-border-radius: 4px; /* Chrome et Safari*/
	-moz-border-radius: 4px;
}
#menu li a:hover { color:#FFFFFF;background-color: #B0D3E9; }
#menu li a:active { color:#003366;background-color: #B0D3E9; }

#menu .subMenu li a:link,
#menu .subMenu li a:visited
{
	display: block;
	color: #B0D3E9;
	margin: 0;
	border: 0;
	text-decoration: none;
}
#menu .subMenu li a:hover
{
	background-color:#B0D3E9;
	color:#003366;
}

#menu li:hover > .subMenu { display: block; }

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

/*
Bottom banner style definition
*/
#bottombanner {
	position:fixed;
	bottom:0;
	background-color:#ffffff;
	width:800px;
	height:35px;
	border:none;
	text-align: center;
   	padding: 0 0 2px 0;
}

#pinline {
	display:inline;
}

#translator_524 {
	display:inline;
}

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

/*
Social div style definition
*/
div.social {
	display:inline-block;
	//display:float;
	background-color:#003366;
	height:122px;
	width:122px;
	padding: 2px 2px 2px 2px;
	//text-align:center;
	vertical-align:middle;
	border-bottom-right-radius:5px;
	border-bottom-left-radius:5px;
	border-top-right-radius:5px;
	border-top-left-radius:5px;
}
div.social:hover {
	background-color:#21CC57;
}
p.social {
	margin-left:auto;
	margin-right:auto;
	vertical-align:center;
}
#social_button {
	float:right;
	padding: 15px 15px 15px 15px;
	height:180px;
	width:180px;
}