@charset "UTF-8";
/* CSS Document */

/***** Global Settings *****/
 
html, body {
border:0;
margin:0;
padding:0;
}
 
body {
font:100%/1.25 Arial, Helvetica, sans-serif;
background-color:#1bae67;
background-image:url(images/bkg.jpg);
background-position:top;
background-repeat:no-repeat;
}

/***** Png Fix *****/

img, div, input { behavior: url(iepngfix.php) }

/***** Headings *****/
 
h1, h2, h3, h4, h5, h6 {
margin:0;
padding:0;
font-weight:normal;
}
 
h1 {
	padding:0;
	font-size:14pt;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	color: #096;
	text-align: left;
	margin-bottom: 3px;
}
 
h2 {
	padding:0;
	letter-spacing:normal;
	font-size:medium;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin-bottom: 3px;
	text-align: left;
	color: #033;
}

 
h3 {
	font-size:small;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	margin-bottom: 3px;
	color: #066;
}
 
/***** Common Formatting *****/
 
p, ul, ol {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: normal;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 2px;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0em;
	padding-left: 0;
	text-align: left;
}
 
ul, ol {
padding:0 0 1.25em 2.5em;
}
 
blockquote {
margin:1.25em;
padding:1.25em 1.25em 0 1.25em;
}
 
small {
font-size:0.85em;
}
 
img {
border:0;
}
 
sup {
position:relative;
bottom:0.3em;
vertical-align:baseline;
}
 
sub {
position:relative;
bottom:-0.2em;
vertical-align:baseline;
}
 
acronym, abbr {
cursor:help;
letter-spacing:1px;
border-bottom:1px dashed;
}
 
/***** Links *****/
 
a:link {
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	color: #1BAE67;
}

a:hover {
	text-decoration:underline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	color: #33F;
}

a:visited {
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	color: #C00;
} 
/***** Forms *****/
 
form {
margin:0;
padding:0;
display:inline;
}
 
input, select, textarea {
font:1em Arial, Helvetica, sans-serif;
}
 
textarea {
width:100%;
line-height:1.25;
}
 
label {
cursor:pointer;
}

/***** Styles we have entered */
.cc_standout {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: bold;
	color: #033;
}

.cc_normal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
}

.h2center {
	padding:0;
	letter-spacing:normal;
	font-size:medium;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin-bottom: 3px;
	text-align: center;
	color: #033;
}

/***** Tables *****/
 
table {
	border:0px;
	margin:0 0 0em 0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	text-align: left;
}
 
th#centered {
	padding:2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: bold;
	text-align: left;
}

th#left {
	padding:2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: bold;
	border: 1px solid #1BAE67;
	text-align: left;
}

th {
	padding:2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: bold;
	text-align: left;
	border: 1px solid #1BAE67;
}
 

/***** Wrapper *****/
 
#wrap {
width:1027px;
margin-top:0px;
margin-left:auto;
margin-right:auto;
}

#wrap2 {
width:800px;
margin-top:0px;
margin-left:1px;
margin-right:auto;
}
 
/***** Global Classes *****/
 
.clear         { clear:both; }
.float-left    { float:left; }
.float-right   { float:right; }
 
.text-left     { text-align:left; }
.text-right    { text-align:right; }
.text-center   { text-align:center; }
.text-justify  { text-align:justify; }
 
.bold          { font-weight:bold; }
.italic        { font-style:italic; }
.underline     { border-bottom:1px solid; }
.highlight     { background:#ffc; }
 
.wrap          { width:960px;margin:0 auto; }
 
.img-left      { float:left;margin:4px 10px 4px 0; }
.img-right     { float:right;margin:4px 0 4px 10px; }
 
.nopadding     { padding:0; }
.noindent      { margin-left:0;padding-left:0; }
.nobullet      { list-style:none;list-style-image:none; }

/***** DIVs *****/
#header {
	margin-left: -15px;
	margin-right: auto;
	height: 180px;
	background-image: url(/images/logo/home.png);
	width: 100%;
	top: 1px;
	z-index: 1;
	position: absolute;
	left: 2px;
}
.headerhome {
	background-image: url(/images/logo/home.png);
	background-position:center;
	background-repeat:no-repeat;
	height: 150px;
	margin-left: auto;
	margin-right: auto;
}

#menu_top {
width:auto;
border-right:solid 2px #28ca4b;
border-left:solid 2px #28ca4b;
border-top:solid 2px #28ca4b;
background-image:url(images/menu_bkg.jpg);
background-repeat:repeat-x;
background-color:#1daa42;
font-family:Arial, Helvetica, sans-serif;
size:13pt;
font-weight:bold;
color:#FFF;
}

#menu_sub {
background-color:#8be632;
width:auto;
font-family:Arial, Helvetica, sans-serif;
size:13pt;
font-weight:bold;
color:#0e7727;
padding:5px 37px 5px 37px;
}

#contact_top {
background-image:url(images/call_bkg.jpg);
background-repeat:repeat-x;
height:44px;
}

html, body, #wrap {height: 92%;}

body > #wrap {height: auto; min-height: 100%;}

#main {padding-bottom: 90px;}  /* must be same height as the footer */

#footer {position: relative;
	margin-top: -90px; /* negative value of footer height */
	height: 90px;
	clear:both;
	background:#caf4b7;
	width:800px;
	margin-left:auto;
	margin-right:auto;
	background:url(images/footer_bkg.jpg) repeat-x;
	} 
	
	.footer {
	height: 90px;
	clear:both;
	background:#caf4b7;
	width:800px;
	margin-left:auto;
	margin-right:auto;
	background:url(images/footer_bkg.jpg) repeat-x;
	} 

#menu_bkg {
	background-color:#8BE632;
	height:87px;
}

/***** Class *****/

.footer_left{
	padding-left:225px;
	padding-top:35px;
	vertical-align:top;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#33835b;
	font-weight:bold;
}
.footer_right{
	padding-right:19px;
	padding-top:35px;
	vertical-align:top;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#33835b;
	font-weight:bold;
	text-align:right;
}

.contact_top_left {
	padding-left: 37px;
}
.contact_top_right {
	padding-right: 20px;
}
.contact_top {
	background-position:top;
	background-repeat:repeat-x;
	background-color: #FFF;
	background-image: none;
}

.login_form {
	background-image:url(images/login.jpg);
	background-repeat:no-repeat;
	padding-top:17px;
}
.user {
	padding-left:17px;
}
.pass {
	padding-right:21px;
}

.user_box {
	height:20px; text-align:right; width:150px; padding: 2px 2px 0px 3px; border:#e6e4d1 solid 1px;background-color:#ecead8;font-family:Arial, Helvetica, sans-serif;size:13pt;font-weight:normal;color:#17B06D; letter-spacing:1px;
}
.pass_box {
	height:20px; text-align:right; width:150px; padding: 2px 2px 0px 3px; border:#e6e4d1 solid 1px;background-color:#ecead8;font-family:Arial, Helvetica, sans-serif;size:13pt;font-weight:normal;color:#17B06D; letter-spacing:1px;
}

.go_button {
	text-align:right; vertical-align:top; padding-right:20px; padding-bottom:24px;
}

.tooltipContent {
	font-family:Arial, Helvetica, sans-serif;size:10pt;font-weight:normal;color:#17B06D;
}


/***** jQuery Menu *****/
#container {
	width:800px;
	position:relative;
	border-right:solid 0px #28ca4b;
	border-left:solid 0px #28ca4b;
	padding: 0px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	size:13pt;
	font-weight:bold;
	color:#FFF;
}

#nav, #nav ul {padding:0; margin:0; list-style:none; width:800px;}

#nav li {float:left;}
#nav li a {float:left; text-decoration:none; font-family:Arial, Helvetica, sans-serif;size:13pt;font-weight:bold;color:#0e7727;}
#nav li a b {display:block; float:left; height:30px; line-height:28px; padding:0px 0px 0px 0px; font-weight:normal; cursor:pointer;}
#nav li.sub a b { color:#FFF}

#nav b.hover {color:#fff;}
#nav i.hover {color:#fff;}
#nav em.hover {color:#fff;}
#nav ul ul ul a:hover {color:#fff;}

#nav ul {
	display:none;
	padding-left:26px;
	width:764px
}
#nav ul {
	position:absolute;
	left:0;
	top:57px;
	background:#8be632;
}
#nav ul li {float:left; position:relative;}
#nav ul li a {display:block; padding:0 20px 0 10px; font-size:12px; line-height:25px; cursor:pointer;}
#nav ul li a i {display:block; font-style:normal; cursor:pointer;}
#nav ul li a.sub { color:#0e7727;}
#nav ul li a.sub:hover { color:#ebfeeb;}
#nav ul li a.sub_active { color:#ebfeeb;}




#nav ul ul {width:130px; left:-1px; top:30px;}
#nav ul ul li a {display:block; line-height:20px; padding:0 0 0 10px; width:120px;}
#nav ul ul li a.fly {background:url(right.gif) no-repeat right center;}
#nav ul ul li a em {font-style:normal; display:block; width:120px; cursor:pointer;}

#nav ul ul ul {left:135px; top:0;}

#left_content{
	width: 350px;
	background-color: #FFF;
	padding-top: 65px;
	padding-right: 15px;
	padding-left: 35px;
	background-image: url(../images/welcome.jpg);
	background-repeat: no-repeat;
	float: left;
	display: inline;
	overflow: hidden;
}
#right_content{
	float: right;
	width: 335px;
	padding-right: 35px;
	padding-top: 30px;
	padding-left: 30px;
	background-image: url(../images/news.jpg);
	background-repeat: no-repeat;
	overflow: hidden;
}

#tab_christmas{
	width: 400px;
	width: 350px;
	float: left;
	background-image: url(../images/christmas_tab.jpg);
	background-repeat: no-repeat;
	margin-top: 10px;
	display: inline;
	padding-top: 2px;
}
#tab_yearbook{
	float: left;
	width: 350px;
	background-image: url(../images/christmas_tab.jpg);
	background-repeat: no-repeat;
	margin-top: 10px;
	display: inline;
	padding-top: 2px;
}	
#tab_calendar{
	background-image: url(../images/christmas_tab.jpg);
	width: 350px;
	background-repeat: no-repeat;
	float: left;
	margin-top: 10px;
	display: inline;
	padding-top: 2px;
}

#tab_general{
	float: left;
	width: 350px;
	background-image: url(../images/christmas_tab.jpg);
	background-repeat: no-repeat;
	margin-top: 10px;
	display: inline;
	padding-top: 2px;
}

#tab_price{
	background-image: url(../images/price_tab.jpg);
	background-repeat: no-repeat;
	float: left;
	width: 350px;
	margin-top: 10px;
	display: inline;
	padding-top: 2px;
}

#left_shop{
	width: 335px;
	padding-left: 30px;
	padding-right: 35px;
	float: left;
	background-image: url(../images/reorder.jpg);
	background-repeat: no-repeat;
	padding-top: 65px;
	overflow: hidden;

}

#shop_tabs {
	width: 800px;
	float: left;
}

#card_tab {
	height: 37px;
	width: 147px;
	float: left;
	background-image: url(../images/cards_tab.jpg);
	background-repeat: no-repeat;
	margin-left: 20px;
}

#basket {
	width: 159px;
	float: right;
	background-repeat: no-repeat;
	background-image: url(../images/basket.jpg);
	padding-left: 20px;
	font-size: small;
	text-align: left;
	padding-top: 30px;
	margin-left: 156px;
}

#right_shop {
	float: left;
	width: 335px;
	padding-right: 35px;
	padding-left: 30px;
	padding-top: 19px;
}

#basket_bottom {
	width: 335px;
	float: right;
	margin-top: 20px;
}

#table_bottom {
	width: 760px;
	float: left;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
	}

#left_xmas{
	width: 335px;
	background-image: url(../images/christmas_cards_pro.jpg);
	background-repeat: no-repeat;
	padding-left: 35px;
	padding-right: 30px;
	padding-top: 75px;
	overflow: hidden;
	float: left;
}

#right_xmas {
	width: 335px;
	float: right;
	padding-right: 35px;
	padding-left: 30px;
	background-image: url(../images/finished_product_title.jpg);
	background-repeat: no-repeat;
	padding-top: 220px;
}

#dates {
	width: 320px;
	background-image: url(../images/dates.jpg);
	background-repeat: no-repeat;
	height: 74px;
	margin-top: 10px;
	padding-top: 40px;
	padding-left: 15px;
	float: left;
}

#about_left {
	width: 335px;
	float: left;
	background-image: url(../images/about_company.jpg);
	background-repeat: no-repeat;
	padding-top: 75px;
	padding-left: 35px;
	padding-right: 30px;
	overflow: hidden;
}

#about_right {
	float: right;
	width: 335px;
	padding-top: 75px;
	padding-left: 30px;
	padding-right: 35px;
	background-image: url(../images/our_aims.jpg);
	background-repeat: no-repeat;
}

#charity_left {
	width: 335px;
	float: left;
	padding-top: 75px;
	padding-left: 35px;
	padding-right: 30px;
	overflow: hidden;
	background-image: url(../images/green_policy.jpg);
	background-repeat: no-repeat;
	height: 600px;
	}
#charity_right {
	float: right;
	width: 335px;
	padding-top: 75px;
	padding-left: 30px;
	padding-right: 35px;
	background-image: url(../images/charity.jpg);
	background-repeat: no-repeat;
}

#basket_left {
	width: 750px;
	padding-left: 30px;
	padding-right: 20px;
	float: left;
	background-image: url(../images/your_basket.jpg);
	background-repeat: no-repeat;
	padding-top: 75px;
	height: 91px;
}
#basket_centre {
	width: 740px;
	background-image: url(../images/basket_grad.jpg);
	background-repeat: no-repeat;
	float: left;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 30px;
}

#delivery_left {
	width: 750px;
	padding-left: 30px;
	padding-right: 20px;
	float: left;
	background-image: url(../images/delivery.jpg);
	background-repeat: no-repeat;
	padding-top: 75px;
	height: 91px;
}

#delivery_centre {
	width: 750px;
	float: left;
	padding-left: 30px;
	padding-right: 20px;
}
	
#confirmation_top {
	width: 750px;
	padding-left: 30px;
	padding-right: 20px;
	float: left;
	background-image: url(../images/summary.jpg);
	background-repeat: no-repeat;
	padding-top: 25px;
}	

#yearbook_left {
	width: 335px;
	padding-left: 35px;
	padding-right: 30px;
	padding-top: 75px;
	float: left;
	background-image: url(../images/yearbook.jpg);
	background-repeat: no-repeat;
	overflow: hidden;
}

#yearbook_start_left {
	width: 335px;
	padding-left: 35px;
	padding-right: 30px;
	padding-top: 75px;
	float: left;
	background-image: url(../images/year_getting_start.jpg);
	background-repeat: no-repeat;
	overflow: hidden;
}

#yearbook_costs_left {
	width: 335px;
	padding-left: 35px;
	padding-right: 30px;
	padding-top: 75px;
	float: left;
	background-image: url(../images/yearbook_costs.jpg);
	background-repeat: no-repeat;
	overflow: hidden;
}

#yearbook_demo_left {
	width: 335px;
	padding-left: 35px;
	padding-right: 30px;
	padding-top: 75px;
	float: left;
	background-image: url(../images/yearbook_demo.jpg);
	background-repeat: no-repeat;
	overflow: hidden;
}

#yearbook_organ_left {
	width: 335px;
	padding-left: 35px;
	padding-right: 30px;
	padding-top: 75px;
	float: left;
	background-image: url(../images/yearbook_organisation.jpg);
	background-repeat: no-repeat;
	overflow: hidden;
}

#yearbook_help_left {
	width: 335px;
	padding-left: 35px;
	padding-right: 30px;
	padding-top: 75px;
	float: left;
	background-image: url(../images/yearbook_help.jpg);
	background-repeat: no-repeat;
	overflow: hidden;
}

#yearbook_faqs_left {
	width: 335px;
	padding-left: 35px;
	padding-right: 30px;
	padding-top: 75px;
	float: left;
	background-image: url(../images/yearbook_faqs.jpg);
	background-repeat: no-repeat;
	overflow: hidden;
}


#yearbook_right {
	width: 335px;
	padding-top: 30px;
	padding-left: 30px;
	padding-right: 35px;
	background-image: url(../images/Right_background.jpg);
	background-repeat: no-repeat;
	float: right;
	overflow: hidden;
	}
#calendars_left {
	width: 335px;
	padding-left: 35px;
	padding-right: 30px;
	padding-top: 75px;
	float: left;
	overflow: hidden;
	background-image: url(../images/calendar.jpg);
	background-repeat: no-repeat;
	height: 590px;
	}
	
#general_costs_left {
	width: 335px;
	padding-left: 35px;
	padding-right: 30px;
	padding-top: 75px;
	float: left;
	overflow: hidden;
	background-image: url(../images/general_costs.jpg);
	background-repeat: no-repeat;
}

#general_downloads_left {
	width: 335px;
	padding-left: 35px;
	padding-right: 30px;
	padding-top: 75px;
	float: left;
	overflow: hidden;
	background-image: url(../images/general_download.jpg);
	background-repeat: no-repeat;
}

#general_right {
	width: 335px;
	float: right;
	padding-right: 35px;
	padding-left: 30px;
	background-image: url(../images/general_right_title.jpg);
	background-repeat: no-repeat;
	padding-top: 220px;
}

#general_register {
	width: 335px;
	padding-left: 35px;
	padding-right: 30px;
	padding-top: 75px;
	float: left;
	overflow: hidden;
	background-image: url(../images/register.jpg);
	background-repeat: no-repeat;
}

#general_costs_right {
	width: 335px;
	padding-top: 75px;
	padding-left: 30px;
	padding-right: 35px;
	background-image: url(../images/general_don%27t_forget.jpg);
	background-repeat: no-repeat;
	float: right;
	overflow: hidden;
	height: 590px;
}

#contact_left {
	width: 335px;
	padding-left: 35px;
	padding-right: 30px;
	padding-top: 75px;
	float: left;
	overflow: hidden;
	background-image: url(../images/address.jpg);
	background-repeat: no-repeat;
}

#contact_right {
	width: 335px;
	padding-top: 75px;
	padding-left: 30px;
	padding-right: 35px;
	background-image: url(../images/telephone.jpg);
	background-repeat: no-repeat;
	float: right;
	overflow: hidden;
	height: 590px;
}

#general_left {
	width: 335px;
	padding-top: 75px;
	padding-left: 35px;
	padding-right: 30px;
	background-image: url(../images/school_card.jpg);
	background-repeat: no-repeat;
	float: left;
	overflow: hidden;
}

#quick_guide {
	width: 335px;
	padding-top: 75px;
	padding-left: 35px;
	padding-right: 30px;
	background-image: url(../images/quick_guide.jpg);
	background-repeat: no-repeat;
	float: left;
	overflow: hidden;
}

#artwork_left {
	width: 335px;
	padding-top: 75px;
	padding-left: 35px;
	padding-right: 30px;
	float: left;
	overflow: hidden;
	background-image: url(../images/artwork.jpg);
	background-repeat: no-repeat;
	}
	
#artwork_right {
	width: 335px;
	padding-top: 75px;
	padding-left: 30px;
	padding-right: 35px;
	float: right;
	overflow: hidden;
	background-image: url(../images/materials.jpg);
	background-repeat: no-repeat;
}

#terms_left {
	width: 335px;
	padding-top: 75px;
	padding-left: 35px;
	padding-right: 30px;
	float: left;
	overflow: hidden;
	background-image: url(../images/terms.jpg);
	background-repeat: no-repeat;	
	}
	
#general_pta_left {
	width: 335px;
	padding-left: 35px;
	padding-right: 30px;
	padding-top: 75px;
	float: left;
	background-image: url(../images/pta.jpg);
	background-repeat: no-repeat;
	overflow: hidden;
}

#xmas_costs_left {
	width: 335px;
	padding-left: 35px;
	padding-right: 30px;
	padding-top: 75px;
	float: left;
	overflow: hidden;
	background-image: url(../images/xmas_costs.jpg);
	background-repeat: no-repeat;
}

#xmas_gallery {
	width: 730px;
	padding-left: 35px;
	padding-right: 35px;
	padding-top: 75px;
	float: left;
	overflow: hidden;
	background-image: url(../images/xmas_gallery.jpg);
	background-repeat: no-repeat;
}
 
#reg_yearbook {
	width: 700px;
	padding-left: 75px;
	padding-right: 25px;
	padding-top: 90px;
	float: left;
	overflow: hidden;
	background-image: url(../images/yearbook_registration.jpg);
	background-repeat: no-repeat;
	height: 600px;
}
 
#reg_yearbook_process {
	width: 670px;
	padding-left: 65px;
	padding-right: 65px;
	padding-top: 40px;
	float: left;
	overflow: hidden;
	background-image: url(../images/yearbook_registration_front.jpg);
	background-repeat: no-repeat;
	height: 600px;
}

#tag_yearbook {
	width: 200px;
	padding-left: 95px;
	padding-right: 0px;
	padding-top: 35px;
	float: left;
	background-image: url(../images/images/taggy.png);
	background-repeat: no-repeat;
}

#right_blank {
	width: 335px;
	float: right;
	padding-right: 35px;
	padding-left: 30px;
	background-image: url(../images/xmas_blank.jpg);
	background-repeat: no-repeat;
	padding-top: 40px;
}

#right_general_blank {
	width: 335px;
	float: right;
	padding-right: 35px;
	padding-left: 30px;
	background-image: url(../images/general_right_notitle.jpg);
	background-repeat: no-repeat;
	padding-top: 40px;
}