
/*
/////MAIN //////////////////////////////////////////////////////////////////////
*/

html, body{width:100%; _height:100%;}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	background: #000000 url(img/back2010-2.jpg) top center repeat fixed ;
	margin: 0;
	padding:0;
}

hr{
	height:1px;
	background:none;
	margin:24px 0 0  0;
	padding:0;
	border:none;
	border-bottom:1px solid #aaaaaa;
	clear:both;
}



/*
///// DIV ID //////////////////////////////////////////////////////////////////////
*/

#container{
	text-align:center;
	width:100%;
	_height:100%;
}
#page{
	background-color:#FFFFFF; color:#323232;
	margin-left:auto;
	margin-right:auto;
	width:804px;
	text-align:left;
	height:100%;
	background: #FFFFFF url('img/footergraphic2.jpg') bottom right no-repeat
}

#header{
	padding: 12px 24px 0 24px;
}

#content{
	padding:24px 24px 180px 24px;
}

#footerblock{

    width:756px;
    height:60px;
	background-color:#000000;
	padding:0px;
	margin:2px auto;
	text-align:left;
	
}

#footerblock p{
text-align:center;
margin:0 0 0 0;
font-size:12px;
color:#333333;
}

#footerblock ul{
    width:756px;
    height:60px;
	padding:0px;
	margin:5px auto ;
	border:none;
	list-style:none;
	text-align:center;
	}

#footerblock ul li{
display:inline;
margin-right:9px;
list-style-type:none;
background-color:#000000;
}



/*
///// NAV //////////////////////////////////////////////////////////////////////
*/
#nav{
	margin:0 24px 0 24px;
	height:35px;
	background: url('img/navback.gif') ;
	background-color:#000000;
}

#nav ul{
	list-style:none;
	padding:5px 0 0 5px;
	width:650px;
	margin:0 auto;
}
#nav ul li{
	display:inline;
	list-style:none;
	margin:0;
	padding:0 0 0 17px;
}
#nav ul li a{
	color:#FFFFFF;
	font:Arial, Helvetica, sans-serif; font-size:12px;
	text-decoration:none;
	border-top: 4px solid black;
	border-left: 6px solid black;
	border-right: 6px solid black;
}

#nav ul li a:hover{
	background-color:#ff0000;
	border-top: 4px solid #ff0000;
	border-left: 6px solid #ff0000;
	border-right: 6px solid #ff0000;
	border-bottom: 4px solid #ff0000;
}

#nav ul li a.current, #nav ul li a.current:hover{
	background-color:#ff0000;
	border-top: 4px solid #ff0000;
	border-left: 6px solid #ff0000;
	border-right: 6px solid #ff0000;
	border-bottom: 4px solid #ff0000;
}


/*
///// HOMEPAGE //////////////////////////////////////////////////////////////////////
*/

td.barsep{
	background:url('images/barback.gif') top left repeat-y;
}

/*
///// HEADER //////////////////////////////////////////////////////////////////////
*/

.headerbar{
	background-color:#000000;
	padding:4px 8px;
}


/*
///// NEWS  //////////////////////////////////////////////////////////////////////
*/

a.mainnews, a.subnews{
	background-color:#e3e3e3;
	color:#333333;
	text-decoration:none;
	display:block;
	margin-top:4px;
}
a.mainnews{
	margin-top:0px;
}
a.mainnews:hover, a.subnews:hover{
background-color:#FF0000;
	color:#ffffff;
	}


a.mainnews .newsimage{}
.newsdate{font-size:10px;display:block; padding: 10px 10px 0 10px; line-height:12px; }
.newsheadline{font-size:14px;display:block; padding: 0 10px; line-height:16px; font-weight:bold;}
.newsbody{font-size:11px;display:block;  padding: 0 10px 10px 10px; line-height:12px; }
a.subnews .newsimage{ float:left;  padding: 0px 10px 0 0;}
a.subnews .newsdate{margin-left:90px; padding-top: 10px }
a.subnews .newsheadline{margin-left:90px;}
a.subnews .newsbody{margin-left:90px;}

/*
///// NEWS PAGE //////////////////////////////////////////////////////////////////////
*/

.newspagedate{font-size:10px;display:block; padding: 24px 10px 0 10px; line-height:12px; }
.newspageheadline{font-size:14px;display:block; padding: 0 10px; line-height:16px; font-weight:bold;}
.newspagebody{font-size:11px;display:block;  padding: 0 24px 10px 10px; }
.newspageimage{ float:left; padding: 24px 10px 0 0;}
.newspagedate{margin-left:232px; padding-top: 24px }
.newspageheadline{margin-left:232px;}
.newspagebody{margin-left:232px; }
.newspagesecondaryimage{
float: right;
margin: 24px 0 24px 24px;
clear: right;
}




/*
///// MENU //////////////////////////////////////////////////////////////////////
*/

.menublock, .menublockon{
	/*background-color:#ffffff;*/
	color:#000000;
	text-decoration:none;
	display:block;
	margin-bottom:12px;
}

.menublockon{
		background-color:#e3e3e3;
}

.menublock ul, .menublockon ul{
	padding:6px 12px 12px 9px;
	margin:0;
	list-style:none;
}
.menublock ul li, .menublockon ul li{
	padding:0;
	margin:0;
	list-style:none;	
}
.menublock ul li a, .menublockon ul li a{
	color:#000000;
	text-decoration:none;
}
.menublock ul li a:hover, .menublockon ul li a:hover, .menublock ul li a.selected, .menublockon ul li a.selected{
	color:#0079BC;
}
.menublock .menuhead{
	display:block;
	padding:2px 12px 2px 8px;
	background-color:#e3e3e3;
}
.menublockon .menuhead{
	display:block;
	padding:2px 12px 2px 8px;
	background-color:#e3e3e3;
	/*background-color:#; */
}

.breadhead{
	display:block;
	padding:2px 12px 2px 8px;
	background-color:#e3e3e3;
}



a.gallerylink{
	display:block;
	padding:6px;
/*	background-color:#FFFFFF;*/
	color:#000000;
	text-decoration:none;
}


a.gallerylink:hover{
	background-color:#e3e3e3;
	color:#000000;
}

/*Works bg color*/
#main{
background-color:#FFFFFF;
font-size:9px;
color:#000000
}

h1{
padding:10px 20px 10px 20px;
text-align:center;
}

/*YouandIandYou*/
#link{
width:756px;
font-size:12px;
background-color:#FFFFFF;
}
#yiy_band{
float:left;
width:252px;
height:200px;
}
#yiy_shop{
float:left;
width:252px;
height:200px;
}
#yiy_others{
float:left;
width:252px;
height:200px;
}

/*styling*/
#stylig_fl{
padding-top:60px;
padding-bottom:60px;
background-color:#000000;
}



