/*#############################################################



Name: Beautiful Night



Date: 12-01-2007



Description: A darker version of beautiful day by arcsin design



Original template Author: Viktor Persson URL: http://templates.arcsin.se

Modifications by: Rowan Cumming



Feel free to use and modify but please provide credits.



#############################################################*/







/* standard elements */



html {min-height: 100%;}







* {



	margin: 0;



	padding: 0;



}







a {color: #963;}



a:hover {color: #C60;}


a {text-decoration:none}


a:link { 

	color: #0000CC;

	}

a:visited { 

	color: #CC0033;

	}

a:hover { 

	color: #CCCCCC;

	background-color: #333333;

	text-decoration: none;

	}

a:active { 

	color: #553333;

	}







body {



	background: #000 url(img2/bg.jpg) repeat-x left bottom;



	color: #888;



	font: normal 62.5% Tahoma,sans-serif;



}







p,code,ul {padding-bottom: 1.2em;}







li {list-style: none;}







h1 {



	font: normal 1.8em Tahoma,sans-serif;



	margin-bottom: 4px;



}







code {



	background: #FFF;



	border: 1px solid #EEE;



	border-left: 6px solid #C1CAD3;



	color: #666;



	display: block;



	font: normal 1em Tahoma,sans-serif;



	line-height: 1.6em;



	margin-bottom: 12px;



	padding: 8px 10px;



	white-space: pre;



}







blockquote {



	background: url(img2/quote.gif) no-repeat;



	display: block;



	font-weight: bold;



	padding-left: 28px;



}







h1,h2,h3 {padding-top: 6px;}







/* misc */



.clearer {clear: both;}







.left {float: left;}







.right {float: right;}







/* structure */



.container {



	background: #FFF;



	font-size: 1.2em;



	margin: 0 auto;



	padding: 0 10px 10px;



	width: 780px;

	a text-decoration:none

}







/* header */



.top {



	background: url(img2/stars.png) repeat-x;



	padding: 50px 10px 0;



}







/* title */



.header {



	background: #FFF;



	font-size: 1.2em;



	height: 150px;



	margin: 0 auto;



	padding: 10px 10px 5px;



	width: 780px;



}



.header .left, .header .right {



	background: #A4A4A0;



	color: #FFF;



	height: 150px;	



}



.header .left {



	background: #B3C2C7 url(img2/header.jpg) no-repeat;



	font: normal 2.8em "Trebuchet MS",sans-serif;



	line-height: 150px;



	text-align: center;	



	width: 564px;



}



.header .right {



	overflow: auto;

	background:#7f955f;

	width: 212px;





}



.header .right p,.header .right h2 {padding: 0 16px;}



.header .right h2 {padding-top: 16px; font: normal 1.6em "Trebuchet MS",sans-serif;}







/* navigation */



.navigation {	



	background: #D9E1E5 url(img2/nav.gif);



	border: 1px solid #DFEEF7;



	border-color: #DFEEF7 #CFDEE7;



	height: 41px;



}



.navigation a {



	background: #D9E1E5 url(img2/nav.gif);



	border-right: 1px solid #AFBEC7;



	color: #456;

/*

	display: block;



	*/

	float: left;



	font: bold 1.1em sans-serif;



	line-height: 41px;



	padding: 0 15px;



	text-decoration: none;



}



.navigation a:hover {background-position: left bottom; color: #234;}







/* main */



.main {



	border-top: 4px solid #FFF;



	background: url(img2/bgmain.gif) repeat-y;



}







/* sub navigation */



.sidenav {



	float: right;
	width: 210px;
	background:#dbe9d5



}



.sidenav h2 {



	color: #5A5A43;



	font-size: 1em;



	line-height: 30px;



	margin: 0;



	padding-left: 12px;



}



.sidenav ul {



	padding: 0;



	border-top: 1px solid #EAEADA;



}



.sidenav li {border-bottom: 1px solid #EAEADA;}



.sidenav li a {



	font-size: 1.1em;



	color: #990000;



/*	display: block; */

	text-decoration: none;
	width: 95%;
}



.sidenav li a:hover {



	background: #ebf6e6;



	color: #654;	



}



.sidenav .image {

	width:210px;

	}

.image {

	width:100%;

	}



/* content */



.content {



	float: left;



	margin: 10px 0;



	padding: 0 16px;



	width: 531px;



}



.content .descr {



	color: #664;



	font-size: 0.9em;



	margin-bottom: 6px;

	a text-decoration:none

}



.content li {



	list-style: url(img2/li.gif);



	margin-left: 18px;



}



.content p {font-family: "Lucida Sans Unicode",sans-serif;}







/* footer */



.footer {



	background: url(img2/bgfooter.gif) repeat-x;



	color: #FFF;



	font: bold 1em sans-serif;



	line-height: 39px;



	text-align: center;



}



.footer a,.footer a:hover {color: #FFF;}





/* wfh added for table centering 10-5-08 */



table

{ 

#margin-left: auto; 

margin-left:-25px;

margin-right: -20px;

a text-decoration:none;

}




#main_body table .required

{

	color:red !important;

	float:none !important;

	font-weight:700;

	

}



.red {color: red;}



IMG.displayed {

    display: block;

    margin-left: auto;

    margin-right: auto; 

	width:126px;

	height:126px; 

	padding:5px;

	background:silver;

	border:1px solid black;

}



IMG.topalbums {

   

/*

     display: block;

	 margin-left: auto;

    margin-right: auto; 

*/

	width:64px;

	height:64px; 

    margin: 4px; 

	padding:0px;

	background:silver;

	border:1px solid black;

}







.callout {

float:left;

width:390px;

padding-bottom: 15px;

padding-top: 15px;



}

.callout h3 {

width:64px;

height:64px;

float:left;

text-indent:-8008px;

background:transparent no-repeat 0 0;

/*



background:transparent url(bossa.jpg) no-repeat 0 0;

*/

}

.callout * {

width:290px;

float:right;



}

.callout * * {

width:auto;

float:none;



}



.callout IMG {

   



    display: block;

    margin-left: auto;

    margin-right: auto; 

	width:64px;

	height:64px; 

    margin: 4px; 

	padding:10px;

	background:silver;

	border:1px solid black;

	float:left;

}



.center {

	text-align: center;

}


.cloud{
	width:auto;
	float:left;

	a text-	a {text-decoration:none;	

.cloud 	a {text-decoration:none}