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

/*--------------GLOBAL Styles--------------*/
body {
background:rgb(22, 27, 199) url(img/cactus-background.jpg) repeat;
font:90% "Century Gothic", sans-serif;
color:rgb(37, 37, 37);
line-height:1.5em;
}

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

body, ul, li, h1, h2, h3, 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(0, 128, 0);
margin-left:15px;
padding:2px;
}

h3 {
color:rgb(213, 120, 17);
margin:10px 0;
text-align:center;
font-size:1.2em;
}

blockquote {
margin:1em 0.25em 0.5em;
float:right;
}

blockquote p {
padding:0.75em 1.5em 0;
text-align:center;
position:relative;
width:9em;
font-size:1.5em;
color:rgb(125, 0, 140);
}

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

#wrap1 {
/*----background-color:rgb(255, 140, 75);----*/
background-color:rgb(236, 118, 0);
color:rgb(204, 0, 0);
width:800px;
margin:0 auto;
}

#wrap2 {background:rgb(242, 231, 13); clear:both;} /*--Side panel background--*/


/*-------Diane Added--------*/
/*-------PHOTO Styles--------*/
.folio_img {margin: 1px 1px; padding: 1px; background-color:rgb(255, 255, 255); text-align:center}
.folio_img img {padding: 4px; background:url(img/body-gmc.jpg) repeat; margin: 5px 5px 5px 5px}

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

/*--#header {background:rgb(236, 118, 0) url(img/header.gif) top repeat-x;}--*/
#header {background:rgb(236, 118, 0) top repeat-x;}
#header h1 {padding:15px 10px 10px; font-size:300%;}

/*-------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(22, 27, 199) url(img/tab-repeat.jpg) top repeat-x;--*/	/*tab background*/
background:rgb(22, 27, 199) top repeat-x;	/*tab background*/
color:rgb(175, 180, 255);
text-decoration:none;
}

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

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

#navbar #current a {
background:white url(img/tab-on-TR.gif) top right;	/*current tab top right corner*/
color:rgb(22, 27, 199);
}

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


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

#column {
width:9.2em;
float:right;
}

/*LEFT NAVIGATION*/

#pagenav li {
background:rgb(128, 0, 128) url(img/orange-repeat.jpg) top repeat-x;	/*link background*/
margin:0.25em 0 0.25em 0.25em;
display:block;
}

#pagenav li a {
background:url(img/orange-BL.gif) bottom left;	/*link bottom left corner*/
color:rgb(128, 64, 0);
display:block;
text-decoration:none;
}

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

#column li a{height:1em;}	/*Hack to control li link for IE*/
#wrap2>#column li a {height:auto;}	/*resets link height for non-IE browsers*/

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

#main
{
margin-right:9.2em;
padding:10px 0;
background-color:white;
color:rgb(37, 37, 37);
height:100%;
}

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

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

/*--#footer {background:url(img/footer.gif) bottom repeat-x;--*/
#footer {background:rgb(236, 118, 0) 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 {position:absolute; font:300% serif; width:auto;}
.quote1 {top:0; left:0;}
.quote2 {right:0; top:65%;}
.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;}