/*********
* GLOBAL *
*********/

/* reset whitespace for ul */
ul {
margin:0;
padding:0;
}

/* reset whitespace for li */
li {
margin:0;
padding:0;
}
/*
h2, h3, h4 {
color:#F60;
} */

h3, h4 {
color: #339;
}

p {
}

a {
color: #f60;
  }

a:hover {
color: gray;
  }

a:visited {
  }

body {
background:white url(../images/puppet2.jpg) top left no-repeat;
font-family:'lucida grande','lucida sans unicode','lucida sans',verdana,sans-serif;
font-size:76%;
color:white;
margin:0;
padding:0;
line-height: 140%;
}

#wrapper { /* centre the design */
background:transparent none repeat scroll 0%;
height:auto;
width:920px;
margin: 0 20px;
}

/* hack for ie */
* html #wrapper {
width: 920px;
w\idth: 960px;
} 

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

h1 { /* Replace text with image */
background:transparent url(../images/bannerLogo1.png) no-repeat scroll left top;
/* float:left; */
margin:0;
padding:0;
text-indent:-5000px;
width: 760px;
height:144px;
}

#banner {
width:700px;
height:140px;
float:left;
margin-left:-10px;
border: 0px solid blue;
clear: left; /* for drop down menu ? */
}

/* hack for ie */
* html #banner {
width: 700px;
w\idth: 690px;
}

#banner p {
padding: 0;
float:left;
}

/*************
* NAVIGATION *
*************/

#navigation {
background: black url(../images/blueGradVert.jpg) bottom left repeat-x;
border:1px solid black;
color:white;
padding:5px;
font-size: 1em;
}

#navigation ul, #navigation ul ul {
margin:0;
padding:0;
list-style: none;
list-style-type:none;
}

#navigation ul li {
	border-right:1px solid black;
	display: inline;
	padding: .5em; 
	margin: 0 .5em;
	font-family: 'lucida grande', 'lucida sans unicode', 'lucida sans', verdana, sans-serif;
	text-decoration: none;
}

#navigation a {
color: white;
text-decoration: none;
}

#navigation a:hover {
color: #f60;
}
li ul {
display: none;
}

/***************
* MAIN CONTENT *
***************/

#main {
/* total width should be 720px / -20px (margin-left) -10px (padding) =690px */
background:white none repeat scroll 0%;
color: #303030;
border-top:1px solid black;
border-left:0px solid black;
border-right:0px dotted silver;
float:left;
margin: -1px 0 0 0;
padding: 10px 0 10px 10px;
text-align:justify;
font-size:1em;
width: 690px; /* -2px for border, -20px for padding -10 for left margin */
height: auto;
}

/* hack for ie */
* html #main {
width:690px;
w\idth: 700px;
}

#main h2 {
/* font-family:'lucida grande','lucida sans unicode','lucida sans',verdana,sans-serif; */
color: white;
background: #339 none 0 no-repeat;
margin: 0 -10px 0 -10px;
padding: 5px 10px;
}

/* set whitespace for ul */
#main ul {
margin:5px 10px;
padding:5px;
}

/* set whitespace for li */
#main li {
margin:0;
padding:5px;
}

#support {
margin: 0 0 0 -10px;
padding: 10px 10px 0 0;
width: 210px;
background: #fff none 0 0 no-repeat; 
float: left;
clear: none;
text-align:left;
}

/* hack for ie */
* html #support {
width:210px;
w\idth: 200px;
}

.smallNews { /* this interfering with use of other divs in support, give it a class */
border: 1px solid silver;
padding: 10px;
margin:0 0 10px 0;
background: /*#f60*/ #ccc none 0 0 no-repeat;
/*color: #fff;*/
}

#content { 
/* total width should be 480px / -20px (padding) -2px (border) = 458px */
margin:10px 0 0 0;
padding:0 10px;
width: 458px;
border-left: 1px dotted silver;
border-right: 1px dotted silver;
float: right;
clear: none;
}

/* hack for ie */
* html #content {
width:458px;
w\idth: 480px;
}

.notice {
font-weight:bolder;
color:red;
}

/**********
* SIDEBAR *
**********/

#sidebar {
/* total width should be 240px / -20px (padding) -20px (margin-right)  */
background: white none 0 no-repeat;
color: black;
width: 200px;
float: left;
clear: none;
padding:0 10px;
margin: 0 ;
}

/* hack for ie */
* html #sidebar {
width:200px;
w\idth: 220px;
}

#sidebar ul {
list-style-type: none;
}

#login {
/* border-bottom: 1px solid silver; */
}

#login a {
/* padding:0 5px 10px 5px
border-right: 1px solid silver; */
}

#contact {
margin:0px;
text-decoration:none;
font-size:1.1em;
}

#contact a {
text-decoration:none;
}

#contact h3 {
}

#sponsors { }

#sponsors ul { 
margin:0;
padding:0;
}

#sponsors li {
/*display:inline;*/
float: left;
width:160px;
/* height:160px; */
margin:0;
padding:0; 
}

#sponsors a {
margin:0;
padding:0; 
text-decoration:none;
}

#sponsors a:hover { }

#sponsors img { 
margin:0;
padding:0; 
border:0px solid blue;
}

.advert {
clear:both;
}

#pizza {
background: transparent url(../images/gourmetPizzaLogoWeb.jpg) no-repeat top left;
font-family: sans-serif;
font-size: smaller;
/* color: #ffcc33; */
padding-top: 220px;
}

/*********
* FOOTER *
*********/

#footer {
background:transparent none repeat scroll 0%;
border:0px solid black;
clear:both;
padding:100px 5px 5px 5px;
color: black;
}

#footer p {
float:left;
}

#footer a {
text-decoration:none;
}
/*
#footer a:hover {
color:#FF6;
} */

/*************************
* MORESTUFF - CHECK THIS *
*************************/

.pic { /* not yet in use: for floating pics and wrapping text */
float:right;
margin-left:10px;
}

.address { /* same as below - find and replace, unless additional styling to be applied */
list-style-type:none;
}

.plainList {
list-style-type:none;
}

/**************
*** GALLERY ***
**************/

#gallery {
padding: 10px 0 0 0;
}

#gallery2 {
margin: 10px 0 0 0; 
padding: 10px 0 0 0;
width: 460px;
height: 600px;
}

#promoThumbs {
margin: 0 0; 
padding: 0 0;
width: 210px;
height: 320px;
}

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

#news {
border: 1px solid silver;
padding:5px;
}

.story {
border: 1px solid gray;
padding:5px;
}


/************
*** FORMS ***
************/

table {
  color: black;
  }

label { 
  float: left;
  clear: left;
  margin:3px 0px; 
  }

input, textarea, select { 
  float: left;
  clear: left; 
  margin: 2px 0 2px 30px;
  color: black;
  }
  
#pageList input {
  float: left;
  clear: none;
  margin: 2px 10px 3px 30px;
}

.forcheckbox {
  float: left;
  clear: none;
}

.inline {
display: inline;
clear:none;
}