/***************************************************************************
 *
 *	 tt_base_browser.css
 *
 *   totallytextures base style sheet: browser view
 *
 *   v001	08/01/07	MJC	Created
 *   v002   09/08/08    MJC Modified sidelink navigation format
 *	 v003	30/04/09	SP  New version
 *
 ***************************************************************************
 
 
 v002 changes require:
 1. Appropriate 'body id' to be added
 2. The sidelinks table element should be changed as in the main index.html (note extra .. required
 
 
 */
 
body { border:0px; margin:0px; background:#EEEEEE; }

div.top_black{ width:900px;  background:#000000; border:thin;  border-color:#000000; position:relative; z-index: 10; }
div.top_black_left{float:left; padding:0px; margin:0px; width:550px; height:113px; background:#000000; position:relative; z-index: 10;}
div.top_black_right{float:right;padding:0px;margin:0px;width:350px;height:113px; background-color:#000000;}

div.centre{ clear:both; padding:0px; margin:auto; position:relative; z-index: 0; background-color:#EEEEEE;}
div.banner{ clear:both; width:900px;  padding:0px; margin:auto; position:relative; z-index: 0; background-color:#000000;}

div.main{}
div.main1{}
*/
h1, h2, h3 {
	font-family: arial;
	color: #999999;

}

h1{
	font-size:18px;
	/*text-decoration:underline;*/
	font-family: arial;
}
h2{
	font-size:16px;
	/*text-decoration:underline;*/
	font-family: arial;
}

p, font {
	font-family: arial;
	font-style: normal;
	color: #666666;
	font-size:14px;
}
p.tip{
	color:#006;
	font-size:16px;
}
label.copyright{
	display: block;
	font-family: Helvetica, Arial, sans-serif;;
	font-weight:bold;
	text-align:center;
	margin:auto;
	color: #999999;
	width:900px;
	font-size: 11px;
}
label.timenews{
	display: block;
	font-family: Helvetica, Arial, sans-serif;;
	font-weight:bold;
	text-align:left;
	margin:auto;
	color:#999999;
	font-size: 12px;
}

a{font-family:Helvetica, Arial, sans-serif;font-size:14px; }
a:link{ color:#d284e9;  text-decoration: none;}
a:visited{color:#d284e9; text-decoration: none;}
a:hover{ color:#d284e9;  text-decoration: underline; }

img{
	border: 0px none;
}

table, td{
	font-family: Helvetica, Arial, sans-serif;
	font-style: normal;
	color: #666666;
	border:0px solid red; !change to 1px to see table borders for layout
	padding: 0px;
	margin: 0px;
	align:left;
	vertical-align: top;
}


/******************************************************************
/* Drop Shadows for images
/******************************************************************/
div.img-shadows {
	background: url('http://totallytextures.com/shadow.gif') no-repeat bottom right;
	clear: left;
	float: left;
	margin: 0 0 0px 0px;
	padding: 0;
	position: relative;
}



div.img-shadows img {
	background-color: #fff;
	border: 1px solid #a9a9a9;
	display: block;
	margin: -5px 5px 5px -5px;
	padding: 0px;
	position: relative;
	
	
}

/******************************************************************
/* 'totallytextures' and 'placing texture at your fingertips' fonts
/******************************************************************/

font.tt {
	font-family: "Viner Hand ITC";
	color: #CC00FF;
}
font.ptayf {
	font-family: "Viner Hand ITC";
	font-size: 25px;
	color: #FFFFFF;
}



/****************************************
               VERSION 3
*****************************************/


/*^'^ Navigation Structure ^'^*/
.nav-container-outer{
/*background: #990000;*/
padding: 0px;
height: 30px;
background: url(assets/menu/nav-bg.jpg);
}
.float-left{
float: left;
}
.float-right{
float: right;
}
.nav-container .divider{
display:block;
font-size:1px;
border-width:0px;
border-style:solid;
}
.nav-container .divider-vert{
float:left;
width:0px;
display: none;
}
.nav-container .item-secondary-title{
display:block;
cursor:default;
white-space:nowrap;
}
.clear{
font-size:1px;
height:0px;
width:0px;
clear:left;
line-height:0px;
display:block;
float:none;
}
.nav-container{
position:relative;
zoom:1;
margin: 0 auto;
}
.nav-container a, .nav-container label, .nav-container li{
float:left;
display:block;
white-space:nowrap;

}
.nav-container div a, .nav-container ul a, .nav-container ul li{
float:none;
}
.nav-container ul{
left:-10000px;
position:absolute;
}
.nav-container, .nav-container ul{
list-style:none;
padding:0px;
margin:0px;
}
.nav-container li a{float:none}
.nav-container li{position:relative;}
.nav-container ul{z-index:10;}
.nav-container ul ul{z-index:20;}
.nav-container ul ul ul{z-index:30;}
.nav-container ul ul ul ul{z-index:40;}
.nav-container ul ul ul ul ul{z-index:50;}
li:hover>ul{left:auto;}
#nav-container ul {top:100%;}
#nav-container ul li:hover>ul{top:0px;left:100%;}

/*^'^ Primary Items ^'^*/	
#nav-container a, #nav-container label{	
padding:6px 17px 8px 18px;
margin: 1px 0px 0px 0px;
color: #FFFFFF;
font-family:  Helvetica, Arial, sans-serif;
font-size:11px;
text-decoration:none;
text-align:center;
font-weight:bolder;
}

#nav-container a:hover{
color: #EA9FFF;
background:#000000;
/*background: url(assets/menu/item-primary-bg.jpg);
background-repeat:repeat-x;
background-position: center;*/
}

/*^'^ Secondary Items Container ^'^*/	
#nav-container div, #nav-container ul{	
padding:10px 4px 10px 4px;
margin:0px 0px 0px 0px;
background-color: #000000;
border-bottom: 1px solid #555555;
}

/*^'^ Secondary Items ^'^*/	
#nav-container div a, #nav-container ul a{	
color:#CCCCCC;
padding:3px 10px 3px 15px;
background-color: #000000;
font-family:  Helvetica, Arial, sans-serif;
font-size:10px;
border-width:0px;
border-style:none;
margin: 0px 0px 0px 0px;
text-align:left;

}

/*^'^ Secondary Items Hover State ^'^*/	
#nav-container div a:hover, #nav-container ul a:hover{	
background-color: #333333;
color:#FFFFFF;
}



/*^'^ Horizontal Dividers ^'^*/	
#nav-container .divider-horiz{	
border-top-width:1px;
margin:5px 5px;
border-color: #000000;
}

/*^'^ Vertical Dividers ^'^*/	
#nav-container .divider-vert{	
border-left-width:2px;
height:15px;
margin:4px 2px 0px 2px;
border-color:#000000;
}                    
                 
							 
/*	------------Round boxes--------------*/
.roundbox-tr { width:100%; margin:auto; padding:0; background:url("assets/round/roundbox_tr.png") no-repeat right top;}
.roundbox-tl { margin:0; padding:0; background: url("assets/round/roundbox_tl.png") no-repeat left top; }
.roundbox-br { margin:0; padding:0; background: url("assets/round/roundbox_br.png") no-repeat right bottom; }
.roundbox-bl { margin:0; padding:0; background: url("assets/round/roundbox_bl.png") no-repeat left bottom; }
.roundbox-content { margin:0; padding:15px; top:10px;}
.roundbox-content p, .roundbox-content h1, .roundbox-content h2 { margin:0; padding:0px; line-height:1.6; }   

/* -------------Round Buttons -------------*/
.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.button {
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
    background: transparent url('assets/buttons/bg_button_span.png') no-repeat scroll top right;
    color:#666666;
	font-weight:bold;
    display: block;
    float: left;

    height: 30px;
    margin-right: 6px;
    padding-right: 25px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('assets/buttons/bg_button_a.png') no-repeat;
    display: block;
    line-height: 20px;
    padding: 5px 0 5px 25px;
} 

a.button:active {
background: transparent url('assets/buttons/bg_button_span.png') no-repeat scroll top right;
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
   background: transparent url('assets/buttons/bg_button_a.png') no-repeat;
    background-position: bottom left;
    padding: 6px 0 4px 25px; /* push text down 1px */
} 

a.button:hover {
   color:#d284e9
}

a.button:hover span {
 color:#d284e9
} 


sup {
	height: 0;
	line-height: 1;
	position: relative;
	top: -0.2em;
	vertical-align: baseline !important;
	vertical-align: bottom;
}

/*****************************************
/*
/* REFERENCES:
/*
/* [Budd] - Andy Budd,"CSS Mastery", Friends of ED
/*
/********************************************************/