/*
**
**	Default body styles
** 	--------------------------------------------------------------------------------
**
*/

body 
{
	color:						#000;
	text-align:					center;
	background:					url("../images/bg.gif");
	border:						0;
	margin:						0;
}

a
{
	color:						#a00;
	text-decoration:			none;
}

a:hover
{
	color:						#f00;
}

/*
**
**	General inherited styles
** 	--------------------------------------------------------------------------------
**
*/

#header, #mainmenu, #body, #sidebar
{
	text-align:					left;
}


#header
{
	width:						750px;
	height:						75px;
}

#logo
{
	height:						75px;
	background:					url("../images/header/splash/001.jpg") 100% 0 no-repeat;
}

/*
**
**	Page container styles
** 	--------------------------------------------------------------------------------
**
*/

#container
{
	border:						0;
}

#page
{
	margin: 					0 auto;
	width:						760px;
	background:					#FFE7AC url("../images/bg-page.gif");
}

/*
**
**	Header styles
** 	--------------------------------------------------------------------------------
**
*/

#header
{
	margin: 					0 auto;
	height:						75px;
	width:						750px;
	background:					#bfdaa9 url("../images/bg-header.gif");
}

/*
**
**	Main Menu styles
** 	--------------------------------------------------------------------------------
**
*/

#mainmenu
{
	margin: 					0 auto;
	width:						750px;
	background:					#e3e4ed;
}

#mainmenu ul
{
	list-style:					none;
	margin:						0;
	padding:					0;
}

#mainmenu ul li
{
	display:					block;
	height:						29px;
	width:						107px;
	float:						left;
}

#mainmenu ul li a
{
	position:					relative;
	display:					block;
	height:						22px;
	width:						107px;
	text-align:					center;
	font-family:				trebuchet ms, arial, tahoma, verdana, helvetica, serif;
	font-size:					0.75em;
	font-weight:				bold;
	text-transform:				uppercase;
	background:					url("../images/bg-menuitem-inactive.gif");
	color:						#313132;
	text-decoration:			none;
	padding:					7px 0 0 0;
}

#mainmenu ul li a:hover
{
	background:					url("../images/bg-menuitem-active.gif");
	color:						#fff;
}

.splitter
{
	margin: 					0 auto;
	clear:						both;
	width:						750px;
	height:						6px;
	font-size:					6px;
	background:					#fff url("../images/bg-splitter.gif");
}

/*
**
**	Submenu styles
** 	--------------------------------------------------------------------------------
**
*/

#submenu
{
	height:						22px;
	width:						750px;
	background:					url("../images/bg-submenu.gif") repeat-x;
}

#submenu ul
{
	list-style:					none;
	margin:						0;
	padding:					0;
}

#submenu ul li
{
	float:						left;
	color:						#fff;
}

#submenu ul li a
{
	display:					block;
	width:						125px;
	height:						22px;
	font-family:				trebuchet ms, arial, tahoma, verdana, helvetica, serif;
	font-size:					0.7em;
	font-weight:				bold;
	text-transform:				uppercase;
	color:						#5B5B5B;
	text-decoration:			none;
}

#submenu ul li a:hover
{
	color:						#FEFEFE;
	background:					url("../images/bg-submenu-active.gif") repeat-x;
}

/*
**
**	Page content styles
** 	--------------------------------------------------------------------------------
**
*/

#content
{
	margin: 					0 auto;
	width:						750px;
	background:					#fff;
	text-align:					left;
	height:						100%;
}

#body
{
	margin:						0 0 0 10px;
	width:						430px;
}

#body-sidebar
{
	float:						right;
	width:						300px;
	background:					#FCDBA1;
	padding:					0 0 20px 0;
	border-bottom:				1px solid #e1ca92;
}

#body-sidebar p
{
	font-family:				trebuchet ms, arial, helvetica, serif;
	font-size:					0.7em;
	font-weight:				normal;
	padding-left:				15px;
	padding-right:				15px;
	color:						#363636;
}

#body-sidebar p b
{
	font-size:					1em;
}

#body-sidebar p i
{
	font-size:					1em;
}

#body-sidebar ul
{
	font-family:				trebuchet ms, arial, helvetica, serif;
	font-size:					0.7em;
	font-weight:				normal;
	padding-left:				15px;
	padding-right:				15px;
	color:						#a0603c;
}

#body-sidebar ul li
{
	
}

#body-sidebar ul li a
{
	color:						#a00;
	font-weight:				bold;
}

#body-sidebar ul li a:hover
{
	color:						#f00;
}

.body-sidebar-title
{
	position:					relative;
	font-family:				trebuchet ms, arial, helvetica, serif;
	font-size:					1.2em;
	font-weight:				bold;
	font-style:					italic;
	letter-spacing:				-0.05em;
	height:						30px;
	color:						#efe7d3;
	background:					#FFC148 url("../images/sidebar/bg-title.gif") 0 100% no-repeat;
	padding:					5px 0 0 15px;
	border-top:					1px solid #fff;
}

.body-sidebar-title-shadow
{
	position:					absolute;
	top:						4px;
	left:						13px;
	color:						#454545;
}

#body-header
{
}

#body-header p
{
	font-family:				arial, helvetica, serif;
	font-size:					0.8em;
	font-weight:				normal;
	letter-spacing:				-0.05em;
	color:						#000000;
	padding:					0 20px 0 20px;
}

.body-header-title
{
	position:					relative;
	font-family:				trebuchet ms, arial, helvetica, serif;
	font-size:					1.5em;
	font-weight:				bold;
	height:						30px;
	color:						#d7d7d7;
	padding:					5px 0 0 2px;
	border-bottom:				1px solid #c7c9db;
}

.body-header-title-shadow
{
	position:					absolute;
	top:						4px;
	left:						0px;
	color:						#da4912;
}

.body-content-title
{
	position:					relative;
	font-family:				trebuchet ms, arial, helvetica, serif;
	font-size:					1.2em;
	font-weight:				bold;
	color:						#d7d7d7;
	padding:					5px 0 0 2px;
	border-bottom:				1px solid #c7c9db;
}

.body-content-title-shadow
{
	position:					absolute;
	top:						4px;
	left:						0px;
	color:						#666;
}

.body-header-subtitle
{
	font-family:				trebuchet ms, arial, helvetica, serif;
	text-transform:				uppercase;
	font-size:					0.65em;
	text-align:					right;
	color:						#ccc;
}

.body-header-subtitle a
{
	color:						#ccc;
}

.body-header-subtitle a:hover
{
	color:						#a00;
}

#body-content
{
	padding:					0 10px 0 10px;
	margin-bottom:				20px;
}



#body-content ul
{
	list-style:					none;
	margin:						0;
	padding:					0;
}

#body-content ul li
{
	float:						right;
	width:						47%;
	padding:					0 0 0 10px;
	font-family:				trebuchet ms, arial, helvetica, Serif;
	font-weight:				bold;
	font-size:					0.7em;
	text-transform:				uppercase;
}

#body-content ul li a
{
	display:					block;
	width:						90%;
	border-top:					1px solid #a0a0a0;
	border-right:				1px solid #a0a0a0;
	border-left:				1px solid #a0a0a0;
	border-bottom:				1px solid #a0a0a0;
	margin:						10px 0 0 0;
	padding:					3px 0 3px 10px;
	color:						#000000;
	background:					url("../images/content/button_bg_inactive.png") repeat-x;
}

#body-content ul li a:hover
{
	color:						#fff;
	background:					url("../images/content/button_bg_active.png") repeat-x;
}

#body-items
{
	border:						1px solid #d7d7d7;
}

.melodyItem
{
	margin:						0 0px 5px 0px;
}

.melodyItem .title
{
	padding:					0 0 5px 0;
	border-bottom:				1px solid #eee;
}

.melodyItem .title .mediaIcons
{
	float:						right;
}

.melodyItem .title h1
{
	margin:						0;
	font-family:				trebuchet ms, aria, helvetica, Serif;
	font-size:					0.8em;
	font-weight:				bold;
}

.melodyItem .title h2
{
	margin:						0;
	font-family:				trebuchet ms, aria, helvetica, Serif;
	font-size:					0.7em;
	font-weight:				normal;
	color:						#660;
}

.melodyItem p
{
	float:						left;
	width:						50px;
	margin:						0;
	padding:					0;
	font-family:				georgia, Times New Roman, helvetica, Serif;
	font-size:					1em;
	color:						#900;
	padding:					6px;
}

.contentItem
{
	display:					block;
	float:						left;
	width:						132px;
	text-align:					center;
	padding:					10px 0 5px 0;
}

.contentItem img
{
	border:						1px solid #000;
}

.contentItem p
{
	margin:						0;
	padding:					0;
	font-family:				georgia, Times New Roman, helvetica, Serif;
	font-size:					1em;
	color:						#900;
}

.contentItemTheme
{
	display:					block;
	float:						left;
	width:						200px;
	text-align:					center;
	padding:					10px 0 5px 0;
}

.contentItemTheme img
{
	border:						1px solid #000;
}

.contentItemTheme p
{
	margin:						0;
	padding:					0;
	font-family:				georgia, Times New Roman, helvetica, Serif;
	font-size:					1em;
	color:						#900;
}

#body-content-clear
{
	clear:						both;
}

/*
**
**	Body paging navigation styles
** 	--------------------------------------------------------------------------------
**
*/

.body-paging-splitter
{
	clear:						none;
}

.body-paging-top .left, .body-paging-bottom .left, .body-paging-top .right, .body-paging-bottom .right
{
	font-family:				trebuchet ms, arial, helvetica, Serif;
	font-weight:				bold;
	font-size:					0.7em;
	text-transform:				uppercase;
	color:						#d7d7d7;
}

.body-paging-top .left, .body-paging-bottom .left
{
	float:						left;
}

.body-paging-top .right, .body-paging-bottom .right
{
	float:						right;
}

.body-paging-top
{
	background:					url("../images/content/paging-top-bg.png") repeat-x;
	padding:					5px 10px 10px 10px;
	height:						15px;
	border-bottom:				1px solid #eee;
	margin:						0 0 5px 0;
}

.body-paging-bottom
{
        position:					relative;
	background:					url("../images/content/paging-bottom-bg.png") repeat-x;
	padding:					5px 10px 5px 10px;
	height:						15px;
	border-bottom:				1px solid #d7d7d7;
}

.body-paging-splitter
{
        clear:                                          both;
	font-size:					1px;
}

.body-paging-top a, .body-paging-bottom a
{
	color:						#009;
}

.body-paging-top a:hover, .body-paging-bottom a:hover
{
	color:						#da4912;
}

/*
**
**	Body footer styles
** 	--------------------------------------------------------------------------------
**
*/

#body-footer
{
	background:					#eee;
	margin-bottom:				10px;
	padding:					10px;
	border:						1px dashed #ccc;
}

#body-footer p
{
	font-family:				arial, helvetica, serif;
	font-size:					0.7em;
	font-weight:				normal;
	color:						#666;
	padding:					0 10px 0 10px;
}

#body-footer ul
{
	font-family:				trebuchet ms, arial, helvetica, serif;
	font-size:					0.7em;
	font-weight:				normal;
	padding-left:				15px;
	padding-right:				15px;
}

#body-footer ul li
{
	
}

#body-footer ul li a
{
	color:						#a00;
	font-weight:				bold;
}

#body-footer ul li a:hover
{
	color:						#f00;
}

.body-footer-title
{
	position:					relative;
	font-family:				arial, helvetica, serif;
	font-size:					0.8em;
	font-weight:				bold;
	text-transform:				uppercase;
	color:						#d7d7d7;
	border-bottom:				1px dashed #ccc;
}

.body-footer-title-shadow
{
	position:					absolute;
	top:						-2px;
	left:						-2px;
	color:						#666;
	text-transform:				uppercase;
}

/*
**
**	Page footer styles
** 	--------------------------------------------------------------------------------
**
*/

#footer
{
	margin:						0 auto;
	width:						750px;
	height:						60px;
	background:					url("../images/bg-footer.gif");
}

#footer-left
{
	padding:					8px 0 0 0;
	float:						left;
	width:						150px;
}

#footer-middle
{
	padding:					8px 0 0 0;
	float:						left;
	width:						300px;
	text-align:				left;
	color:						#666;
	font-family:			tahoma, verdana, arial, helvetica, serif;
	font-size:				0.7em;
}

#footer-right
{
	padding:					8px 0 0 0;
	float:						right;
	width:						300px;
}

/*
**
**	Top list styles
** 	--------------------------------------------------------------------------------
**
*/

.topList
{
	font-family:				arial, Tahoma, helvetica, Serif;
	font-size:					0.75em;
	margin:						10px 0 10px 0;
}

.even
{
	background:					#eed;
	padding:					2px 5px 2px 5px;
}

.odd
{
	background:					#fff;
	padding:					2px 5px 2px 5px;
}

.topListNo
{
	width:						20px;
	font-weight:				bold;
	text-align:					center;
	border-right:				1px dashed #d7d7d7;
}

.topListCell
{
	text-align:					center;	
	padding:					5px 5px 5px 5px;
}

.topListCell img
{
	border:						1px solid #000;
}

.topListLeftCell
{
	
}

.topListRightCell
{
	color:						#808080;
}

.topListNumber
{
	width:						45px;
	font-weight:				bold;
	text-align:					center;
	color:						#010101;
	border-left:				1px dashed #d7d7d7;
}

/*
**
**	Form styles
** 	--------------------------------------------------------------------------------
**
*/

#page td
{
	font-family:				Arial, Tahoma, helvetica, Serif;
	font-size:					0.75em;
	font-weight:				bold;
}

#page td input, .input
{
	font-family:				Arial, Tahoma, helvetica, Serif;
	font-size:					0.9em;
	background:					#eee;
	color:						#006;
	border:						1px solid #000;
}