/* CSS Document */
/* Provided as part of a Turnkey Myspace Script */



body {
	margin: 0;
	padding: 0; 
	background-color: #0E1D30;
	background-image:  url(/images/background.gif);
	background-repeat: repeat;
	font-family: Verdana, Arial, sans-serif;
	font-size: small;
	}
	
	
/* Structure Divs */
	
#wrapper {
	width: 800px;
	margin: 0 auto;
	background-color: #ffffff;
	}
	
#header {
	width: auto;
	margin: 0;
	padding: 0;
	background-color: #666666;
	text-align: center;
	}
	
#leftmenu {
	width: 187px;
	float: left;
	margin: 0 1px 5px 0;
	background-color: #e3e3e3;
	height: 100%;
	}
	
#middle {
	width: 418px;
	float: left;
	margin: 0 2px 5px 2px;
	border: 1px solid #0000ff;
	background-color: #ffffff;
	height: 100%;
	}
	
#rightmenu {
	width: 185px;
	float: left;
	margin: 0 0 5px 1px;
	background-color: #e3e3e3;
	height: 100%;
	}
	
#footer {
	clear: both;
	width: auto;
	margin: 20px auto;
	padding: 5px;
	background-color: #ffcccc;
	}
	
	
	
/* Misc */
	
a {
	color: #0000ff;
  	text-decoration: none;
	font-size: small;
	}
	
a:hover {
	color: #ff0000;
	text-decoration: none;
	font-size: small;
	}
	
img {
	border: 0;
	}

h1 {
	color: #ffffff;
	font-size: small;
	font-weight: bold;
	margin: 0 0 8px 0;
	padding: 10px;
	background-image: url(/images/content_bg.gif);
	}
	
h2 {
	font-size: small;
	margin: 0 0 .5em 0;
	font-weight: bold;
	padding: 5px;
	}
	
h3 {
	font-size: small;
	font-weight: bold;
	padding: 3px
	}
h4 {
	background-image: url(/images/navigation_header.gif);
	width:179px;
	height: 37px;
	font-family: verdana;
	color: #ffffff;
	font-size: 11px;
	font-weight: bold;
} 
	
p {
	margin: 0 8px 11px 8px;
	font-size: small;
	color: #000000;
	}


.bginput {
    background-color: #f8fcfe; 
	border: 1px solid #c6def0; 
	color: #626161; 
	font-size: small;
	}

.button {
	background: #FFFFFF;
	border: 2px solid #CDDBDE;
	font-size: small;
	}

.spacer {
	padding: 5px;
	}
	
.center {
	text-align: center;
	}
	
.small {
	font-size: small;
	}





/*  LEFT menu */

ul.menu {
	background: #ffffff;
	padding: 0;
	margin: 0;
	border-right: 1px solid #c6def0;
	list-style-type: none;
	}

ul.menu li.headmenu {
	background-color: orange;
	/*background-image: url(/images/navigation_header.gif);*/
	/*width: 179px;*/
	padding: 10px;
	color: #ffffff;
	font-size: small;
	font-weight: bold;
	text-align: center;
	}

ul.menu li.submenu {
	background: #f1f4f9;
	padding: 0;
	}

ul.menu li.submenu a {
	display: block;
	padding: 0 0 0 10px;
	margin: 0;
	font-size: small;
	color: #506379;
	border-top: 1px solid #cdd7e3;
	border-bottom: 1px solid #9cb0c8;
	}

ul.menu li.submenu a:hover { 
	background: #ffffff;
	padding-left: 13px;
	background-color: #a8bbd1;
	color: #FF0000;
	}
	
	
	
	
	
	
/* Content */


td.too {
	width: 300px;
	background: #f1f4f9;
	padding: 10;
	margin-bottom: 30;
	border-top: 1px solid #9cb0c8;
	border-bottom: 1px solid #9cb0c8;
	color: #999999;
	font-size: 11px;
	font-weight: bold;
	}
	
	
	
	
	
	
/*  RIGHT menu */


ul.menu2 {
	background-color: #ffffff;
	padding: 0;
	margin: 0;
	border-right: 1px solid #c6def0;
	list-style-type: none;
	}
	
ul.menu2 li.headmenu2 {
	background-color: orange;
	/*background-image: url(/images/navigation_right_header.gif);*/
	/*width: 139px;*/
	text-align: center;
	padding: 10px;
	color: #ffffff;
	font-size: small;
	font-weight: bold;
	}
	
ul.menu2 li.submenu2 {
	background-color: #f1f4f9;
	padding: 0;
	}

ul.menu2 li.submenu2 a {
	display: block;
	padding: 0 0 0 10px;
	margin: 0;
	font-size: small;
	color: #506379;
	border-top: 1px solid #cdd7e3;
	border-bottom: 1px solid #9cb0c8;
	}

ul.menu2 li.submenu2 a:hover { 
	background: #ffffff;
	padding: 0 0 0 13px;
	background-color: #a8bbd1;
	color: #FF0000;
	}
 
#ddblueblockmenu{
border-bottom-width: 0;
}

#ddblueblockmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
font: normal 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
}

#ddblueblockmenu li a{
display: block;
padding: 3px 0;
padding-left: 9px;
width: 169px; /*185px minus all left/right paddings and margins*/
text-decoration: none;
color: white;
background-color: #2175bc;
border-bottom: 1px solid #90bade;
border-left: 7px solid #1958b7;
}

* html #ddblueblockmenu li a{ /*IE only */
width: 187px; /*IE 5*/
width: 169px; /*185px minus all left/right paddings and margins*/
}

#ddblueblockmenu li a:hover {
background-color: #2586d7;
border-left-color: #1c64d1;
}

#ddblueblockmenu div.menutitle{
color: white;
border-bottom: 1px solid black;
padding: 1px 0;
padding-left: 5px;
background-color: black;
font: bold 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
}

#ddblueblockmenur{
border-bottom-width: 0;
}

#ddblueblockmenur ul{
margin: 0;
padding: 0;
list-style-type: none;
font: normal 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
}

#ddblueblockmenur li a{
display: block;
padding: 3px 0;
padding-left: 9px;
width: 169px; /*185px minus all left/right paddings and margins*/
text-decoration: none;
color: white;
background-color: #2175bc;
border-bottom: 1px solid #90bade;
border-right: 7px solid #1958b7;
}

* html #ddblueblockmenur li a{ /*IE only */
width: 187px; /*IE 5*/
width: 169px; /*185px minus all left/right paddings and margins*/
}

#ddblueblockmenur li a:hover {
background-color: #2586d7;
border-left-color: #1c64d1;
}

#ddblueblockmenur div.menutitle{
color: white;
border-bottom: 1px solid black;
padding: 1px 0;
padding-left: 5px;
background-color: black;
font: bold 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
}


	
	
	


	
	