/********************************************
   HTML ELEMENTS
********************************************/ 

body{
	width: 960px;	
	height: 100%;
	margin: auto;
	font-size: .55em;
	color: #303030;
	font-family: verdana, arial, helvetica, sans-serif; text-align: left; vertical-align: top;	
	background: url('images/outerbg.jpg'); background-attachment:fixed; background-position:top left;
	min-height: 1000px 	

}
 

/***********************
	  LAYOUT
************************/

/* header */
#header{
	margin: auto;
	padding: 0;
	width: 960px;
	height: 160px;			
	background: url('images/banner3.gif') no-repeat top center;	 	
}    



#menu td {font-size: 1em; width: 175px;}


/* main */
#main{
	clear: both;
	margin: 0 auto 0 auto;
	padding: 0;	
	width: 960px;		
	font-size: 1.45em;	
	background: url('images/centrebg_3.jpg') repeat-y top center;	
	min-height: 900px; 	

}


/* sidebar_a */
#sidebar_a
{
	margin: 15px 0 0 10px;
	float: left;	
	padding: 0 0 0 0;  	
	width: 160px; 
}    


/* pagecontent */
.innerpagecontent
{
	width: 800px;
	margin: 0 0 0 0;
}

/* pagecontent */
.innerpagecontent_wide
{
	width: 800px;
	margin: 0 0 0 0;
}

/* footer */
#footer{
	clear: both;		
	margin: 0 auto 0 auto;
	padding: 0;
	width: 960px;	
	height: 20px;	
	line-height: 100px;
	text-align: center;	
}

.section_a_table_content	{padding: 0 0 0 10px; color: white; font-size: 0.9em;}

.xstandard	{ background-color: White; }


.textbox	{ background-color: white; width: 400px; }
  
/********************************************
   NAVIGATION
********************************************/ 


.gridtable				{border-color: #01476b; }

.textfield			{ background-color: #ddffdd; width: 150px; }
.textfieldlong		{ background-color: #ddffdd; width: 250px; }
.textfieldmedium	{ background-color: #ddffdd; width: 100px; font-size: smaller; }
.textfieldshort		{ background-color: #ddffdd; width: 30px; }
.textbox			{ background-color: #ddffdd; width: 300px; }
.textboxlong		{ background-color: #ddffdd; width: 400px; }
.searchtext			{ font-size: smaller; padding: 0; margin: 0;}

table.survey			{padding: 15px 0 15px 0px; margin: 0 0 0 0; color: black; background-color: #dbe4dc; width: 100% }
td.survey				{padding: 10px 0 10px 0; border-bottom: dashed 1px; vertical-align: top;}
table.member			{padding: 10px 5px 10px 5px; margin: 0 0 0 0; color: black; background-color: #dbe4dc; width: 100% }
td.memberlabel			{padding: 5px 5px 5px 0; text-align: right; vertical-align: top; }
td.member				{padding: 5px 0 5px 5px; color: #01476b; text-align: left; vertical-align: top; }
td.formlabel			{padding: 0; color: #01476b; text-align: right; vertical-align: top; }



table.menu_01_table		{margin: 0px; padding: 0px; font-weight: bold; border: 0;}
table.menu_01			{padding: 0px; font-weight: bold;}

tr.menu_01_normal		{padding: 0 0 0 5px; background: url('images/quaver.gif') no-repeat left center; }
tr.menu_01_hover		{padding: 0 0 0 5px; background: url('images/quaverover.gif') no-repeat left center;  }


td.menu_01_normal		{border-spacing: 0; font-family: verdana;  text-align: left; height: 12px; width: 200px; padding: 5px 0 2px 20px;}
td.menu_01_hover		{font-family: verdana;  text-align: left; width: 200px; height: 12px; padding: 5px 0 2px 20px;}

.menu_01_item			{width: 160px; height: 12px; text-align: left; font-weight: bold; font-size: 12px; }

a.menu_01_item:link 	{font-family: verdana; text-decoration: none; color: black;}
a.menu_01_item:visited	{font-family: verdana; text-decoration: none; color: black;}
a.menu_01_item:hover	{font-family: verdana; text-decoration: none; color: red;}
a.menu_01_item:active	{font-family: verdana; text-decoration: none; color: red;}


table.menu_02
{
	border: 0px;
	padding: 0px;	
	height: 40px; 
	margin: 2px 10px 10px auto;
	border-collapse: collapse;
	vertical-align: top;
	width: 80%;
	text-align: left;}

td.menu_02_normal {
	border: 0px solid white;
	text-align: left; padding-left:5px; padding-right:5px; padding-top:0; padding-bottom:0 
}

td.menu_02_hover {
	border: 0px solid white;
	text-align: left; padding-left:5px; padding-right:5px; padding-top:0; padding-bottom:0 
}

.menu_02_item
{
	font-size: 12px; 
	text-decoration: none; 
	background-color: transparent; 
}
a.menu_02_item			{margin: 5px 2px 5px 2px; }
a.menu_02_item:link 	{color: black; font-weight: normal;}
a.menu_02_item:visited	{color: black; font-weight: normal;}
a.menu_02_item:hover	{color: red; font-weight: normal;}
a.menu_02_item:active	{color: red; font-weight: normal;}

table.menu_vertical		{padding: 0px; margin: 0; border: 0;}

.blogheader			{	color: Gray;}
.blogbody			{	color: Gray;}
.blogfooter			{	color: Gray;}

a.headerlink		{ font-size: 1.15em;  font-weight: bold; color: #01476b; }
a.pagelink			{ font-size: 1em;  font-weight: bold; color: #01476b; }
a.sectionlink		{ font-size: 1em; color: white; }
a.sectionlargelink	{ font-size: 1.15em;  color: white; }
.imagelink			{ border: none; margin-top: 20px; }


.error				{color: Red;}
.list				{color: #01476b;  list-style-type: none;}


h1					{ font-size: 1.5em; color:	black;}
h2					{ font-size: 1.25em; color: black;}
h3					{ font-size: 1.15em; color: black;}
h4					{ font-size: 1.1em; color:	black;}

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

ul					{ list-style-position: outside; margin-top: 6px; margin-left: 0px; padding-left: 30px; vertical-align: middle; }
li					{ margin: 4px 0 0 0; padding: 0px; }
ul.narrow li		{ margin: 1px 0 0 0; padding: 0px; }

.smalltext 			{ font-size: 8px; }
.smalltextblue		{ font-size: 8px; color: #0000cc; }
.smalltextbrown		{ font-size: 8px; color: brown; }
.smalltextgreen		{ font-size: 8px; color: green; }
.smalltextred		{ font-size: 8px; color: red; }
.smalltextyellow	{ font-size: 8px; color: yellow; }
.smalltextwhite		{ font-size: 8px; color: white;}

.normaltext 		{ font-size: 12px;}
.normaltextblue		{ font-size: 12px; color: #0000cc;}
.normaltextbrown	{ font-size: 12px; color: brown; }
.normaltextgreen	{ font-size: 12px; color: green; }
.normaltextred		{ font-size: 12px; color: red; }
.normaltextyellow	{ font-size: 12px; color: yellow; }
.normaltextwhite	{ font-size: 12px; color: white;}

.largetext			{ font-size: 16px; }
.largetextblue		{ font-size: 16px; color: #0000cc;}
.largetextbrown		{ font-size: 16px; color: brown; }
.largetextgreen		{ font-size: 16px; color: green; }
.largetextred		{ font-size: 16px; color: red; }
.largetextyellow	{ font-size: 16px; color: yellow; }
.largetextwhite		{ font-size: 16px; color: white;}


.listheader			{width: 20%; color: black; font-weight: bold; text-align: right;}
.listbody			{width: 80%; text-align: justify;}
.linkheader			{width: 50%; color: black; font-weight: bold; text-align: right;}
.linkbody			{width: 50%; text-align: left;}

.btnalbumtrack		{background-color: darkblue; color:White; width: 200px; cursor:pointer; border-color: darkblue; border-collapse: collapse;}
.btnplay			{background-color: darkgreen; color:White; width: 60px; cursor:pointer; border-color: darkgreen; border-collapse: collapse;}
.btnplaymp3			{background-color: darkgreen; color:White; width: 200px; border-color: darkgreen; border-collapse: collapse;}
.btndownload		{background-color: darkred; color:White; width: 90px; cursor:pointer; border-color: darkred; border-collapse: collapse;}
.btngoback			{background-color: darkblue; color:White; width: 130px; cursor:pointer; border-color: darkblue; border-collapse: collapse;}

span.btnplaymp3		{display: block; background-color: darkgreen; height: 20px; margin: 5px 0 5px 0;}

table.albumlist		{width: 600px; text-align: center; vertical-align: top; border: 0;}
td.albumlist		{width: 280px; text-align: center; vertical-align: top; margin: 0 10px 0 5px;}


span.albumlist		{width: 200px; font-size: 10px;}
.albumplayer		{float: right; margin-right: 100px;}
.albumcover			{float: right; margin: 20px 100px auto auto;}
.floatleft			{float: left;}
.floatright			{float: right;}
.floatclear			{clear: both;}
.rightborder		{border-left: dotted 1px #01476b;}