body,td,th {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #333;

	line-height: 152%;

}


table { border-collapse:collapse; }

body {

	background-color: #fff;

	margin-left: 0px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	background: url(images/bg.jpg) repeat-x;

}



/* LAYOUT */

#wrapper {

	width: 780px;

	margin: 0 auto;

}



#top { 

       

	height: 49px;

}



#topimg {

       width: 150px

       margin-top: 0px;

       float: right;

}



#logo {

       width: 200px;

       margin-top: 30px;

       float: left;

       }



#slogan {

       clear: left;

       width: 300px;   

       float: left;       

       text-align: left;

       height: 24px;

       margin-top: 11px;

}



#slogan h1 {

       color: #D3A70E;

       font-size: 10px;

}       



#whiteBg {

        clear: left;

	width: 780px;	

	margin-top: 10px;

}



#menuRow {

	background: url("file:///C|/Users/S/WWW/pixelconstruct/www/web/templates/vj-digicast/images/menubg.png") left no-repeat;

	height: 25px;

}



#mainMenu {

	height: 25px;

	width: 500px;

	float: left;

}



#contactnr {

	float: right;

	width: 130px;	

	background: url("file:///C|/Users/S/WWW/pixelconstruct/www/web/templates/vj-digicast/images/menubg.png") right no-repeat;

	height: 25px;

}



#breadcrumbs {

       width: 780px;

       float: left;

       text-align: left;

}



#breadcrumbs .moduletable {

       font-size: 10px;

       color: #fff;

       margin-top: 4px; 

       margin-left: 5px;

}



#breadcrumbs a {

      color: #D3A70E;

}







#header {

	margin-top: 1px;

	width: 780px;

	background-color: #333333;

	height: 242px;

}



#user1 {

        margin-top: 20px;

        float: left;

        width: 442px;

}



#user2 {

	margin-top: 20px;

	float: right;

	width: 318px;

}



#user2 h3 {

	height: 30px;

	font-size: 16px;

	font-family: Verdana, Arial, Tahoma, sans-serif;

	background: url("file:///C|/Users/S/WWW/pixelconstruct/www/web/templates/vj-digicast/images/user2bg.gif") no-repeat;

	padding-top: 6px;

	padding-left: 6px;

	color: #8E0808;

}



#user2 .moduletable {

	margin-top: 20px;

	font-size: 9px;

	font-family: Verdana, Arial, Tahoma, sans-serif;

	color: #fff;

	}



.hpRight {

	float: left;

	width: 210px;

	margin-left: 30px;

}



#content {

	width: 425px;

	float: left;

	margin-left: 10px;

}



h2 {

	font-size: 14px;

	color: #333;

	font-family: Tahoma, Verdana, Arial, sans-serif;

}

.clear {

	clear: both;

}



/* LET'S STYLE SOME MODULES */



.hpRight h3 {

	font-size: 14px;

	color: #333333;

	font-family: Tahoma, Verdana, Arial, sans-serif;

}



.hpRight a {

	color: #CC6601;

	}



.hpRight .moduletable {

        font-size: 10px;

        line-height: 127%;

}



#mainMenu h3 {

	display: none;

}





/* GENERAL TAGS */

a {

	color: #F00;

	text-decoration: underline;

}



img {

	border: none;

}



a.readon {

	display: block;

	background: url(file:///C|/Users/S/WWW/pixelconstruct/www/web/templates/vj-digicast/images/readmore.gif) no-repeat;

	height: 16px;

	width: 120px;

	line-height: 15px;

	color: white;

	text-indent: 5px;

	font-size: 10px;

	text-decoration: none;

	margin-top: 20px;

}



a.readon:hover {

	background: url(file:///C|/Users/S/WWW/pixelconstruct/www/web/templates/vj-digicast/images/readmoreon.gif) no-repeat;

}



/* menu tags */

#mainMenu ul {

	

}

#mainMenu h3 {

	display: none;

}

/* this is the main UL element*/



.menu {

	margin:0;

	padding:0;

	list-style:none;

}



/* these are the inner menus*/

 .menu ul{

	margin:0;

	padding:0;

	list-style:none;	

}



/* these are all the LIs in the menu*/

.menu li{

	font-weight: bold;

	font-size: 11px;

	padding-left: 20px;

	padding-right: 20px;

	line-height: 25px;

	text-transform: uppercase;

	background: url("file:///C|/Users/S/WWW/pixelconstruct/www/web/templates/vj-digicast/images/menubg.png") right no-repeat;

}



/* these are anchor in the menu, if you want to style them differently from the rest of you website*/

.menu a{



	text-decoration: none;

	line-height: 25px;

	color: #333333;

}



.menu a:hover{

	text-decoration:none;

}



/* these are the LIs that only belong to submenu*/

.menu ul li{

	border-top:0;

	margin-left:-1px;

	background: #B00000;

	width: 130px;

	border-bottom: solid 1px #333333;

}



/* these are the LIs that contains a submenu*/

.menu li.submenu{

}



/* these are the LIs that contains a submenu and which are in a sub-menu themselve*/

.menu ul li.submenu{

}



.menu a:hover,

.menu li.active a:link, 

.menu li.active a:visited {

	text-decoration: none;

}



/* FOOTER MENU */

.footer {

       margin-top: 30px;

       border-top: dashed 1px #CCCCCC;

       padding-bottom: 20px;

}



.footer ul {

	margin: 0;

	padding:0;

	list-style-type: none;

	list-style-image: none;

	text-align: center;

	padding-top: 7px;

}

.footer ul li {

	display:inline; 

	padding-left: 15px;

}



   .textcolor {
	color: #FFF;
}

