/*Adovationz -Style Sheet - June 2009 Gone Live with Black Layout*/

* {
margin: 0;
padding: 0;
}

body {
font-family:"comic sans ms", verdana, arial, sans-serif;
font-size:100%; 
margin-top:0px; /*we are trying this - not much effect ?*/
padding-top:0px;
background-color:white;
}

h1 {
font-family:arial, "comic sans ms", tubular, sans-serif; 
font-size:1.75em; 
word-spacing:.25em; 
letter-spacing:.0em; 
padding-left:10px;
color:#000000CC;
}

h2 {
font-family:tubular, "comic sans ms", arial, sans-serif;
color:#9900CC;
}

p {
font-family:verdana, arial, sans-serif; /* "comic sans ms",*/
font-size:90.00%; 
line-height:1.25em; 
margin-left:0px; 
margin-right:0px;
margin-top:0px;
margin-bottom:0px;
padding-top:5px;
padding-left:10px; /*does this need to be padding where ?*/
background-color:;  /*we dont need a background color as the columns etc do this*/
} 

acronym {
color:black;             /*was #3ac7f0; */
}

div#header { /*this is my page heading above my columns.*/
	height:50px; 
	width:800px;  /*this sets the width of the screen (same as content and footer)*/
	margin-top:0px; /*this does not have much effect ?*/
	margin-left:80px;
	margin-right:0px;
	padding-top:0px;
	background-color: #33ccff;  /*was lightblue was silver, or #cccccc;* #009933 green*/
}

#header img { /*this sort of works for the flag but needs working on.*/
position:absolute;
margin-top:0px;
padding-top:0px;
margin-left:690px;
} 

div#contentarea { /*this container holds my 3 columns.*/
	width:800px; /*this sets the width of the screen  (same as header and footer)*/
    margin-top:0px; /*this sets it right up against the header.*/
    margin-bottom:0px;
    margin-left:80px;
    margin-right:auto;
    padding:0px;
    border:0px; /*thin solid #000000;*/
	background-color:lightblue;  /*this is our background colour*/
	overflow:auto; /*this makes the background color of this div show up*/
}

div#column1 { /*this goes with column2 to make 2 columns on a page*/
	float:left;
	width:350px;   /*is normally 350*/
	margin-top:0px;
	padding-top:10px;
	margin-left:0px;
	padding-left:10px;
	border-left:0px;
	margin-right:10px;
	padding-right:10px;  /*padding gives a nice little margin round the text*/
	margin-bottom:10px;
	padding-bottom:5px;
	background-color: #33ccff /*was blue;  was silver, was whitesmoke  was green #00ff66;*/
}

div#column2 { /*this goes with column1 to make 2 columns on a page*/
	float:left;
	width:350px;
	margin-top:0px;
	padding-top:10px;
	margin-left:10px;
	padding-left:00px;
	margin-right:0px;
	padding-right:10px;
	background-color: #33ccff /*was blue;  was silver, was whitesmoke  was green #00ff66;*/
}

div#column3 { /*this goes with columns 4 & 5 to make 3 columns on a page*/
	float:left;
	width:240px;
	margin-top:10px;
	padding-top:10px;
	margin-left:7px;
	padding-left:7px;
	padding-right:7px;
	background-color: #33ccff /*was blue;  was silver, was whitesmoke  was green #00ff66;*/
}
	
div#column4 { /*this goes with columns 3 & 5 to make 3 columns on a page*/
	float:left;
	width:240px;
	margin-top:10px;
	padding-top:10px;
	margin-left:7px;
	padding-left:7px;
	padding-right:7px;
	background-color: #33ccff /*was blue;  was silver, was whitesmoke  was green #00ff66;*/
}
	
div#column5 { /*this goes with columns 3 & 4 to make 3 columns on a page*/
	float:left;
	width:240px;
	margin-top:10px;
	padding-top:10px;
	margin-left:7px;
	padding-left:7px;
	padding-right:7px;
	background-color: #33ccff /*was blue;  was silver, was whitesmoke  was green #00ff66;*/
}
	
div#column6 { /*this is a single column width for full page*/
	width:800px;
	margin-top:10px;
	padding-top:10px;
	margin-bottom:00px;
	padding-bottom:10px;
	margin-left:80px;
	padding-left:00px;
	margin-right:auto;
	padding-right:00px;
	background-color: #33ccff /*was blue;  was silver, was whitesmoke  was green #00ff66;*/
}
	
div#footer { /*this is my one or two line footer.*/
	width:800px; /*this sets the width of the screen  (same as content and footer)*/
	padding-top:5px;
	padding-bottom:5px;
	margin-top:0px;
	margin-left:80px;
	margin-right:auto;
	background-color:#33ccff; /*was silver*/
}

div.clearfloats {clear:both;}
	
img.centered {  /*testing for catalogww*/
      display:block;
      margin-left:auto;
      margin-right:auto;
}

.clearboth {clear:both;}	 /*experimental for column 1*/
	
.floatright{   /*experimental for column 1*/
float: right;
margin: 0 0 10px 10px;
}
	
.floatleft{    /*experimental for column 1*/
float: left;
margin: 0 0 10px 10px;
}

.photoleft {	 /*using this for floats in a div eg promotional pens float*/
	float: left; 
	padding:2px 0px 8px 10px; 
	margin: 0; 
	width: 160px;
}

.menutabs{ /*this just seemed to add the bottom line*/
width:1000px;
margin-left:80px;
margin-right:0px;
overflow: hidden;
border-bottom: 0px solid black; /*bottom horizontal line that runs beneath tabs*/
}

.menutabs ul{ /*this just seemed to add the bottom line*/
margin:0;
padding:0;
padding-left:0px; /*offset of tabs relative to browser left edge*/
font:bold 12px Verdana;
list-style-type:none;
}
	
.menutabs li{  /*this puts the items in a horizontal line*/
display: inline;
margin: 0;
}

.menutabs li a{ /*this puts the black background tab shape behind them)*/
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 7px 8px; /*padding inside each tab*/
border-right: 1px solid white; /*right divider between tabs*/
color: white;
background: #000066 /* was #414141; /*background of tabs (default state)*/
}
	
.menutabs li a:visited{
color: white;
}

.menutabs li a:hover, .menutabs li.selected a{
background: black; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}
	
div#counter{ /*this is for stat counter.*/
	position:absolute;
	left:105px;
}
	
a:link {color:black;} /*work on these.*/
a:visited {color: #9900CC;}
a:hover {color: red;}