/*CSS for Summer Holiday - by Luke Symes*/

/*--------------GLOBAL Styles--------------*/
body {
background:rgb(175, 180, 255) url(img/body-bg.jpg);
font:71% "Century Gothic", Verdana, sans-serif;
color:rgb(50, 50, 50);
line-height:1.5em;
}

html>body {font-size:8.25pt;}	/*resets font-size for non-IE browsers*/

body, ul, li, h1, h2, h3, h4, blockquote, blockquote p, .quote1, .quote2, #footer p {
margin:0; padding:0; list-style:none;
}

h2 {
font-size:150%;
font-variant:small-caps;
background:rgb(250, 250, 250) url(img/h2.png) bottom left no-repeat;
color:rgb(53, 179, 167);
margin-left:15px;
padding:2px;
}

h3 {
color:rgb(180, 140, 53);
margin:15px 0 10px;
text-align:center;
font-size:1.2em;
}

h4 {
font-size:1.05em;
padding:5px 0 0;
text-align:center;
}

blockquote {
margin:1em 1em 20px;
padding:0 2em;
float:right;
position:relative;
}

blockquote p {
text-align:center;
width:8em;
}

/*-------WRAPPER Styles-------*/

#wrap1 {
background-color:rgb(255, 140, 75);
color:rgb(180, 100, 53);
width:740px;
margin:0 auto;
}

#wrap2 {
background:white;
clear:both;
overflow:hidden;
}

/*-------HEADER Styles-------*/

#header {background:url(img/header.png) top repeat-x;}
h1 {padding:15px 10px 10px; font-size:200%;font-weight:normal;}

/*-------NAVBAR Styles-------*/

#navbar {
margin:0 auto;
width:50em;		/*This may need adjusting to fit with the amount of text*/	
min-width:150px;  /*This may need adjusting to fit with the amount of text*/
clear:both;
}

#navbar li, #navbar li a, #navbar li a span, #navbar li a span span {display:block;}
#navbar li {margin-left:0.5em; float:left;}

#navbar li a {
background:rgb(95, 105, 255) url(img/tab-repeat.png) top repeat-x;	/*tab background*/
color:rgb(175, 180, 255);
text-decoration:none;
}

#navbar li a span {
background:url(img/tab-TR.png) top right;	/*tab top right corner*/
text-decoration:none;
}

#navbar li a span span {
background:url(img/tab-TL.png) top left;	/*tab top left corner*/
padding:5px 10px;
}

#navbar #current a {
background:white url(img/tab-on-TR.png) top right;	/*current tab top right corner*/
color:rgb(75, 85, 235);
}

#navbar #current a span {background:url(img/tab-on-TL.png) top left;}	/*current tab top left corner*/

/*-------COLUMN Styles-------*/

#column {
background:rgb(255, 201, 74);
margin-bottom:-1000em;
padding-bottom:1000em;
width:11em;
float:right;
text-align:center;
}

#column p {margin:0 5px 5px;padding:0;}

/*SIDE NAVIGATION*/

#pagenav li {
background:rgb(255, 226, 165) url(img/orange-repeat.png) top repeat-x;	/*link background*/
margin:0.25em 0 0.25em 0.25em;
display:block;
text-align:left;
}

#pagenav li a {
background:url(img/orange-BL.png) bottom left;	/*link bottom left corner*/
color:rgb(180, 140, 53);
display:block;
text-decoration:none;
}

#pagenav li a span {
background:url(img/orange-TL.png) top left;	/*link top left corner*/
padding:5px 10px;
display:block;
}

/*-------MAIN CONTENT Styles-------*/

#main {
margin-right:11em;
padding:10px 0;
color:rgb(50, 50, 50);
height:100%;
}

#main p {margin:5px 10px; padding:5px;}

/*-------FOOTER Styles-------*/

#footer {
background:rgb(255, 140, 75) url(img/footer.png) bottom repeat-x;
text-align:right;
padding:10px 20px 40px;
clear:both;
}

/*-------LINK styles-------*/

#navbar li a:hover {color:rgb(75, 255, 238);}
#column  a:hover {text-decoration:underline;}
#main a {color:rgb(217, 119, 63);}
#main a:hover {color:rgb(217, 171, 63);}
.links {text-align:center;}
.links a {color:rgb(179, 98, 53); clear:both;}
.links a:hover{color:rgb(179, 138, 53);}

/*-------CLASS Styles-------*/

.quote1, .quote2 {font:3em serif;position:absolute;}
.quote1 {top:-0.25em;left:0;}
.quote2 {bottom:-1em;right:0;}
.clear {clear:both;}
.hide  {display:none;}

/*-------Misc. Styles-------*/

#main p, #footer {font-family:Verdana, sans-serif;}
#navbar li a span, #navbar li a span span, #navbar #current a, #navbar #current a span, #column li a
, #column li a span {background-repeat:no-repeat;}
blockquote p, #header h1, .left {float:left;}
abbr:hover {cursor:help;}

/*-------IE HACKS-------*/

#navbar li a {float:left;}
/* Hides from IE5-mac \*/
#navbar li a {float:none;}
* html #header, * html #footer, * html #column li a {height:1%;}
/* End hide from IE5-mac */