/*** Authored by Stuart Watson ***/

/*** General forms and styles ***/

body {font-family:arial, helvetica, sans-serif;
      margin:0; padding:0; text-align:center;}
			/*** Note that older IE requires "text-align:center" hack 
			here to centre content, whereas mainContainer centred for others ***/
p {font-size: 16px;}
H1 {font-size: 32px; text-align:center; text-decoration:underline;}
H2 {font-size: 30px; text-align:center;}
H3 {font-size: 24px; text-align:center;}
H4 {font-size: 20px;}
UL {list-style-position: inside; list-style-type: none;}
OL {list-style-position: inside; list-style-type: none;}

/*** Classes and ID's***/

/*** MAIN CONTAINER ***/
#mainContainer {
				min-height:580px; _height:580px;
        width: 1004px;
        margin: 0 auto; /*** Centres design ***/
				padding:0;
				text-align:left;/*** Because centered text in body for old IE ***/
				 background-image:URL(images/banner4.png); background-repeat:no-repeat;
				}
				
/*** Top menu ***/
#topMenu
  {text-align:center; text-transform:uppercase; font-size:12px; 
	font-weight: bold; height:50px;}
	 	
#topMenu a {
  float:left;
	display:inline;
	position:relative;
	left:358px;
	top:95px;
	padding: 10px;
	background-color:none; /* formerly #dcdcdc ***/
  text-decoration: none;
  border: 1px solid #E8A317;
	color:#6698FF;}

#topMenu a:hover {
  background-color:#333;
  color: #fff;}


/*** For secondary menus at left ***/
#leftMenu {float:left; clear:left;  margin:83px 0px 0px 0px; width:190px; height:558px;
          color:#000; font-size:12px; 
          font-weight:bold; text-align:left;
		  	background-image:URL(images/will_banner3.png);
			background-repeat:no-repeat;
		  }

#leftMenu a {
  display: block; z-index:2;
  background-image: url(images/link_button.gif);
  text-decoration: none;
  font-weight: bold;
  line-height: 32px;
  width:101px;
  height:33px;
  text-align: center;
  position:relative;
	margin-top:10px;
	margin-left:70px;
  color: #3300cc;}

#leftMenu a:hover {
  background-image: url(images/link_button2.gif);
  color:#f00;}

/*** #leftMenu a:visited {
  color:#fff;} ***/


  /*** Home page main window ***/
#homepageMain {float:left; width:495px; margin:120px 0px 0px 100px;
}
#homepageMain p {text-align:justify;}


/*** Main content for most pages ***/
#pageContent {float:left; margin:120px 0px 0px 100px; width:550px;}
#pageContent p {text-align:justify;}
#pageContent a {text-decoration:none;}
#pageContent a:link {color: #0000ff;}
#pageContent a:visited {color: #0000ff;}
#pageContent a:hover {color: #ff0000; text-decoration:none;}


/*** Distinctive look for Will's own writing ***/
.willWrite p {font:14px verdana, courier new, MS Sans Serif; color: #333366; text-align:justify;}
.willWrite H1 {font-size:20px; color: #333366; text-decoration:underline; text-align:center; font-weight: bold;}
.willWrite td {background-color: #ffff99; border-top: solid 1px #c0c0c0; border-bottom: solid 5px #c0c0c0; border-right: solid 5px #c0c0c0; border-left: solid 1px #c0c0c0; padding:25px; }


/*** Photo gallery ***/
.photoCell td {width:100px; height:100px; 
							border: 1px solid #000;
            	text-align: center;
              vertical-align: middle;}

/*** For caching images ***/
.hiddenPic {display:none;}