body{
	margin:0;
	padding:0;
	/*line-height: 1.5em;*/
	background: #000000;
	background-image: url('../img/background-vig.gif');
	background-repeat: 	no-repeat;
	background-position: 90px 325px;
	/*Font Size:	17.4667px;	*/
}

a		{font-family: arial, "lucida console", sans-serif;}
a:link		{font-family: arial, "lucida console", sans-serif;color: #0033FF;}
a:active	{font-family: arial, "lucida console", sans-serif;color: #00FF00;}
a:visited	{font-family: arial, "lucida console", sans-serif;color: #0033FF;}
p{font-family: arial, "lucida console", sans-serif;}
b{font-family: arial, "lucida console", sans-serif; font-size: 110%;}
h1{font-family: arial, "lucida console", sans-serif; }
h2{font-family: arial, "lucida console", sans-serif;}
h3{font-family: arial, "lucida console", sans-serif;}
h4{font-family: arial, "lucida console", sans-serif;}
li{font-family: arial, "lucida console", sans-serif;}
em{color: #0f0f0f;}
table {width: 100%; text-align: left;}
th {padding: 4px; font-family: arial, "lucida console", sans-serif; font-size: 150%; font-variant: small-caps}
td {padding: 4px; font-family: arial, "lucida console", sans-serif;}
table#media td {padding: 0.5em;}
img.centered {display: block; margin-left: auto; margin-right: auto }
a.centered {text-align: center}

/* 
	Font Style Classes 
*/
.red-em{
	/* red emphasis using italics */
	color: #ff0033;
	font-style: italic;
}

.white-text{
	/* white text */
	color: #ffffff;
}

/*
	Text Positioning Classes
*/
.centerText{text-align: center}
.rightText{text-align: right}
.leftText{text-align: left}

/* 
	Rounding Classes
	- Nifty Corners
	- http://www.html.it/articoli/nifty/index.html
*/
.rtop, .rbottom{display:block}
.rtop *, .rbottom *{display: block; height: 1px; overflow: hidden}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px; height: 2px}


#maincontainer{
	background: transparent;
}

#maincontainer-calendar{
	background: #000000;
}

#maincontainer-about{
	background: #000000;
	margin-left: 25px;
	margin-right: 25px;
}

#maincontainer-list{
	background: #f0f0f0;
	margin-left: 25px;
	margin-right: 25px;
	margin-top: 25px;
	margin-bottom: 25px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
}


#topsection{
	background: #000000;
	height: 150px; /*Height of top section*/
}

#topsection h1{
	margin: 0;
	padding-top: 15px;
}


#logo {
	float: left;
	position: absolute;
	top: 10px;
	left: 25px;
	width: 225px;
	
}

#pub-name {
	float: left;
	position: absolute;
	top: 25px;
	left: 255px;
	width: 100%;
	height: 50px;
	background: #000000;
	font-family: arial, "lucida console", sans-serif;
	font-size: 40px;
	color: #ff0033;	
}
#test-box {
    width: auto;
    margin: 5px 0 25px 200px;
    background: #fff;
    color: #000;
    padding: 10px;
}

#deal-box-content {
	/* This is to be nested within the deal-box-transparent div */
	width: auto;
   	/* margin: 5px 0 25px 200px; */
   	background: #fff;
   	color: #000;
    	/* padding: 10px; */
	background: transparent;
	color: #000000;
	
}

#deal-box-transparent {
	width: auto;
    	margin: 5px 0 25px 200px;
    	background: #fff;
    	color: #000;
    	padding: 10px;
	background: #ffffff; filter: alpha(opacity=70);opacity: 0.7; -moz-opacity: 0.7; -khtml-opacity: 07;
	color: #ffffff;
}




#contentwrapper{
	float: left;
	width: 100%;
}

#contentcolumn{
	margin: 0 230px 0 200px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
	color: #ffffff;
	z-index: 1;

}


/* #leftcolumn-transparent{ */
/* 	float: left; */
/* 	width: 200px; 			//Width of left column// */
/* 	margin-left: -100%; */
/* 	background: #D8AA6C; filter:alpha(opacity=50);opacity: 0.9; -moz-opacity: 0.5; -khtml-opacity: 0.5; */
/* 	z-index: 1; */
/* } */



/* Main Page Columns */

#leftcolumn{
	float: left;
	width: 200px; 			/*Width of left column*/
	margin-left: -100%;
	margin-top: 10px;
	background: #D8AA6C;
	z-index: 2;
}

#rightcolumn{
	float: left;
	width: 230px; 			/*Width of right column*/
	margin-left: -230px; 	/*Set left marginto -(RightColumnWidth)*/
	margin-bottom: -20px;
	margin-right: -100%;
	margin-top: 10px;
	color: #FDE95E;
	background: #000000;
	z-index: 2;
	border-color: #ffffff;
}






#rightcolumn a {color: #FDE95E;}

#rightcolumn a:link, #rightcolumn a:visited {
	color: #FFFF80; 
	background-color: transparent;
}


/* About Page Stuff */

#banner-about{
	float: left;
	width: 100%; 			/*Width of left column*/
	margin-top: 10px;
	color: #ffffff;
	background: transparent; 
}

#leftcolumn-about{
	float: left;
	width: 50%; 			/*Width of left column*/
	margin-bottom: 0;
	color: #000000;
	background: #FFFFCC; 
}

#rightcolumn-about{
	float: left;
	width: 50%; 			/*Width of right column*/ 	
	margin-bottom: 0;
	color: #000000;
	background: #ffdead;
}





/* Menu Pages Stuff */
#banner-menu{
	float: left;
	width: 100%; 			/*Width of left column*/
	margin-top: 10px;
	padding-top: 20px;
	background: #FFFFCC; 
}



#rightcolumn-menu{
	float: left;
	width: 50%; 			/*Width of right column*/ 	
	margin-bottom: 0;
	color: #000000;
	background: #FFFFCC;
}

#leftcolumn-menu{
	float: left;
	width: 50%; 			/*Width of left column*/
	margin-bottom: 0;
	color: #000000; 
	background: #FFFFCC;
}


#middle-menu{
	float: left;
	width: 100%; 			/*auto - width*/ 	
	margin-bottom: 0;
	color: #000000;
	background: #FFFFCC;
}




/* Footer Stuff */

#footer{
	clear: left;
	width: 100%;
	height: 200px;
	background: black;
	color: #FFF;
	text-align:left;

	padding: 4px 0;
}


#footer a{
	color: #FFFF80;
}

.innertube{
	margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
}




/*	===== MENU CONTROL CSS =====

	Credits: Dynamic Drive CSS Library 
	URL: http://www.dynamicdrive.com/style/ 
*/




#pointermenu{
	float: left;
	position: absolute;
	top: 100px;
	left: 255px;
	border-top: 0px solid black; /*optional border across top*/
	margin: 0;
	padding: 0;
}



#pointermenu ul{
	margin: 0;
	margin-left: 0px; /*menu offset from left edge of window*/
	float: left;
	padding-left: 8px;
	font: bold 13px Verdana;
	background-color: black;
}

* html #pointermenu ul{ /*IE6 only rule. Decrease ul left margin and add 1em bottom margin*/
	margin-bottom: 1em;
	margin-left: 7px; /*menu offset from left edge of window in IE*/
}

#pointermenu ul li{
	display: inline;
}


#pointermenu ul li a{
	float: left;
	color: white;
	font-weight: bold;
	padding: 2px 11px 7px 7px;
	text-decoration: none;
}

#pointermenu ul li a:visited{
	color: white;
}


#pointermenu ul li a:hover, #pointermenu ul li a#selected{ /*hover and selected link*/
	color: white;
	background-color: red;
}

#pointermenu ul li a#rightcorner{
	padding-right: 0;
	padding-left: 2px;
}


/* submenus - used for menus section*/

#pointermenu-submenu{
	float: left;
	position: absolute;
	top: 130px;
	left: 255px;
	border-top: 0px solid black; /*optional border across top*/
	margin: 0;
	padding: 0;
}

#pointermenu-submenu ul{
	margin: 0;
	margin-left: 0px; /*menu offset from left edge of window*/
	float: left;
	padding-left: 8px;
	font: bold 12px Verdana;
	background-color: black;
}

* html #pointermenu-submenu ul{ /*IE6 only rule. Decrease ul left margin and add 1em bottom margin*/
	margin-bottom: 1em;
	margin-left: 7px; /*menu offset from left edge of window in IE*/
}

#pointermenu-submenu ul li{
	display: inline;
}


#pointermenu-submenu ul li a{
	float: left;
	color: white;
	font-weight: bold;
	padding: 2px 11px 7px 7px;
	text-decoration: none;
}

#pointermenu-submenu ul li a:visited{
	color: white;
}


#pointermenu-submenu ul li a:hover, #pointermenu ul li a#selected{ /*hover and selected link*/
	color: white;
	background-color: red;
}

#pointermenu-submenu ul li a#rightcorner{
	padding-right: 0;
	padding-left: 2px;
}