/*
Theme Name: Alumni Yearbooks Ltd
Theme URI: https://alumniyearbooks.co.uk/
Description: Wordpress theme created originally for Alumni Yearbooks Ltd
Author: Paul Morris
Author URI: http://www.paulrmorris.co.uk
Tags: blue, custom header, fixed width, two columns, widgets

	This theme was designed and built by Paul Morris

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
*/

/* //////////////////////////// BASIC STRUCTURE //////////////////////////////////////////////////// */ 

html {overflow: -moz-scrollbars-vertical;}
a:focus {outline: none;}

* {
margin: 0px; /* sets padding and margins (top AND left) to 0 */
padding: 0px;
}

body {
background-color: #e5e5e5; /* grey background */
font-family: arial, helvetica;
font-size: 12px;
text-align: center; /* centres in IE */
/*margin-top: -28px;*/
}

h1 {
font-size: 12px;
margin-bottom: 10px;
}

p {
margin-bottom: 10px;
}

td {
font-family: arial, helvetica;
font-size: 12px;
}

input {
font-family: arial, helvetica;
font-size: 12px;
border-style: solid;
border-color: black;
background-color: #e5e5e5;
border-width: 1px;
}

textarea{
font-family: arial, helvetica;
font-size: 12px;
border-style: solid;
border-color: black;
background-color: #e5e5e5;
border-width: 1px;
}

.submit {
background-color: #003a00;
color:#fff;
}

#container {
width:820px; /* was 820 */
margin-left:auto; /* centres in most browsers */
margin-right:auto; /* centres in most browsers */
border: 0px solid black;
margin-top: 20px;
text-align: left;
background-color: #ffffff; /* white background */

}

/* creates white bg in Firefox */
#whiteWrapper {
float: left;
width:820px; /* was 800 */ /* this has 3 extra pixels because of IE's crapness */
background-color: #fff;
border: 0px solid red;
}

#content {
float: left;
width:800px; /* was 800 */ /* this has 3 extra pixels because of IE's crapness */
background-color: #fff;
border: 0px solid red;
margin-top: 10px;
margin-left: 10px;
margin-bottom: 10px;
}

*html #content {
margin-left: 5px;
}

#header {
float: left;
width: 800px;
height: 100px;
background-image:url('images/general/header.gif');
}

#logo {
float: left;
width: 290px;
height: 60px;
}

#nav {
float: left;
width: 510px;
height: 21px;
/* border: 0px solid red; 
background-color: #ff0000; */
margin-top: 4px;
margin-left: 290px;
}

*html #nav {
margin-left: 143px;
}

.navitem {
float: left;
margin-left: 4px;
}

*html .navitem {
margin-left: 4px;
}

#bodyLeft {
float: left;
width: 362px;
/* background-color: #ff0000; */
margin-top: 15px;
margin-left: 14px;
text-align: justify;
}

*html #bodyLeft {
margin-left: 7px;
}

#pageTitle {
float: left;
width: 362px;
}

#bodyRight {
float: left;
width: 396px;
/* background-color: #ff0000; */
margin-top: 15px;
margin-left: 20px;

}

*html #bodyRight {
margin-left: 20px;
}

#pageContent {
float: left;
width: 362px;
margin-top: 15px;
}

#fivePrecent {
float: left;
width: 362px;
margin-top: 30px;
}

#formPage {
float: left;
margin-top: 15px;
width: 774px;
/* background-color: #ff0000 */
}


#footer {
float: left;
width: 800px;
background-image:url('images/general/footer_image.gif');
height: 142px;
margin-top: 0px;
border: 0px solid red;
}

*html #footer {
margin-top: 0px;
}

#footerSpace {
height: 124px;
width: 800px;
}

#telNo {
float: left;
color:#fff;
margin-left: 13px;
width: 338px;
border: 0px solid red;
}

*html #telNo {
margin-left: 6px;
}

#copy {
float: left;
font-size: 11px;
margin-top: 0px;
color:#fff;
text-align: right;
width: 438px;
border: 0px solid red;
}

#slideViewer {
float: left;
width: 395px;
height: 300px;
padding-left: 1px;
background-image:url('images/general/slideViewer_bg.gif');
}

a:link {color: #000;}
a:visited {color: #000;}
a:hover {color: #006800;}

a:link.books {color: #fff;}
a:visited.books {color: #fff;}
a:hover.books {color: #006800;}

a:link.web {color: #d6ecae;}
a:visited.web {color: #d6ecae;}
a:hover.web {color: #fff;}


#ourBooksViewer {
float: left;
width: 395px;
height: 300px;
padding-left: 0px;
background-image:url('images/general/ourBooksViewer_bg.gif');
background-repeat:no-repeat;
}

#ourBooksLinks {
line-height: 16px;
}

#ourBooksImage {
float: left;
margin-top: 1px;
padding-left: 1px;
}

#ourBooksText {
float: left;
width: 368px;
height: 156px;
border: 0px solid red;
color: #fff;
margin-top: 10px;
margin-left: 10px;
line-height: 14px;
}

*html #ourBooksText {
margin-left: 5px;
}