/**************************************written by Sarah Litty Triangle Sites**********************************/
body {
margin: 0 auto;
padding: 0;
text-align: center;
background: #cc6600 url("images/pbear.gif") bottom right no-repeat;
color: #555;
}

/*********************************************TYPOGRAPHY*************************************/

p {
font: 0.85em/1.5em "Trebuchet MS", tahoma, verdana, arial, helvetica;
padding: 10px 10px 5px 10px;
color: #555;
text-align: left;
}

h3 {
clear: both;
padding: 0px 10px 0px 10px;
text-align: left;
font: 1.1em/1.6em "Trebuchet MS", verdana, sans-serif;
color: #9b5;
letter-spacing: 0.25em;
}

h6 {
text-align: left;
padding: 0px 10px 0px 15px;
margin: 0;
font: 1.0em/1.1em "Trebuchet MS", verdana, sans-serif;
color: #9b5;
letter-spacing: 0.14em;
}

#footer p {
font-size: 0.75em;
padding: 0;
text-align: center;
color: #fff;
}

#footer a, #footer a:link, #footer a:visited, #footer a:hover, #footer a:active {
font-size: 0.8em;
text-decoration: underline;
letter-spacing: 0.2em;
color: white;
}

/**************************************************SITE LAYOUT********************************/

#wrapper {
margin: 0px auto 0 auto;
padding: 0;
width: 770px;
}

#header {
position: relative;
height: 252px;
padding: 0;
margin: 0px auto 0 auto;
width: 770px;
background: #466 url("images/header.gif") no-repeat;
}

#content {
float: left;
width: 770px;
padding: 0;
margin: 0 auto;
background: #fff url("images/contentbg.gif") repeat-y;
}

#leftcol {
min-height: 550px;
height: auto;
float: right;
width: 608px;
background: #fff url("images/giantpaw.gif") top right no-repeat;
}

#albumcol {
border; 1px solid green;
margin-top: 10px;
padding-bottom: 10px;
background-color: #eee;
text-align: center;
width: 150px;
float: left;
border: 1px solid #ccc;
}

#charitylinks {
float: right;
text-align: center;
width: 706px;
padding: 70px 0 0 0;
margin: 0 auto;
background-color: #fff;
}

#footer {
clear: both;
margin: 0px auto 40px auto;
padding: 5px 0 80px 0;
width: 770px;
}

/*****************************************LINKS*******************************************/



#leftcol a, #leftcol a:link, #leftcol a:visited {
color: orange;
text-decoration: underline;
font: 1.1em/1.6em "Trebuchet MS", verdana, sans-serif;
}

#leftcol a:hover, #leftcol a:active {
color: #466;
}

#albumcol a, #albumcol a:link, #albumcol a:visited {
color: orange;
text-decoration: none;
font: 1.1em/1.6em "Trebuchet MS", verdana, sans-serif;
}

#albumcol a:hover, #albumcol a:active {
color: #466;
}

/**********************************************classes************************************/
img {
border: none;
}

.floatright {
float: right;
margin: 5px 30px 5px 5px;
padding: 0;
}

.floatleft {
float: left;
margin: 10px;
padding: 0;
}


/*******************************************navigation***********************************/

#navcontainer ul
{
position: absolute;
top: 206px;
left: 170px;
list-style-type: none;
padding: 0;
width: 540px;
margin: 0;
}

#navcontainer li
{
display: inline;
margin: 0 14px;
padding: 0;
}

#navcontainer a, #navcontainera:link, #navcontainer a:visited {
font: 1.1em/1.6em "Trebuchet MS", verdana, sans-serif;
color: orange;
text-decoration: none;
}

#navcontainer a:hover {
color: #cf4;
}

#navcontainer li a#current, #navcontainer li a#current:link
{
color: #cf4;
text-decoration: none;
}

#navcontainer li a#current:hover
{
color: #cf4;
}




/*******************************************lists**********************************************/

ul {
list-style-type: none;
text-align: left;
}


li {
margin: 0;
padding: 0;
font: 0.85em/1.5em "Trebuchet MS", tahoma, verdana, arial, helvetica;
color: #555;
}

#albumlist ul {
text-align: left;
}

#albumlist li {
list-style-type: none;
list-style-image: url("images/lilpaw.gif");
list-style-position: outside;
margin: 20px 10px;
padding: 0;
font: 0.85em/1.5em "Trebuchet MS", tahoma, verdana, arial, helvetica;
color: #555;
}

.samples ul {
margin: 0;
padding: 0;
}

.samples li{
margin: 5px 10px;
padding: 0;
list-style-type: none;
list-style-image: url("images/lilpaw.gif");
list-style-position: outside;
}

#leftcol .samples a, a:link {
color: #cc6600;
font-size: 0.85em;
line-height: 1.3em;
}

#leftcol .samples a:visited, a:hover, a:active {
color: #466;
font-size: 0.85em;
line-height: 1.3em;
}



/****************************************misc classes*************************************/

.albumname {
color: #cc6600;
letter-spacing: 0.15em;
font-weight: bold;
}

/***************************************form style***************************************/

#form {
text-align: right;
margin: 30px;
color: #555;
font: 0.85em/1.5em "Trebuchet MS", tahoma, verdana, arial, helvetica;
}

input {
background: transparent;
width: 200px;
border: 1px solid #9b5;
margin-top: 5px;
font: 0.85em/1.5em "Trebuchet MS", tahoma, verdana, arial, helvetica;
color: #555;
}

textarea {
border: 1px solid #9b5;
background: transparent;
}

.submit {
background: url("images/send.gif") top center no-repeat;
margin: 0;
padding: 0;
height: 150px;
width: 150px;
border: none;
font: bold 1.4em/2.0em "verdana";
font-variant: small-caps;
color: #466;
}

#form a, #form a:link, #form a:visited, #form a:hover, #form a:active {
text-decoration: none;
}

.checkbox {
border: none;
width: 15px;
height: 20px;
}

.sample {
text-align: center;
height: 80px;
width: 450px;
background: url("images/hpaw.gif") right no-repeat;
border: 1px solid orange;
margin: 20px 0;
}


/***********************************************AJAX ticker styles**************************************************/

#ajaxticker1{
float: right;
font: .85em/1.3em "Trebuchet MS", verdana, arial, sans-serif;
color: orange;
width: 704px;
padding-top: 3px;
height: 25px;
border: 1px ridge white;
padding: 0px;
background-color: #466;
}

#ajaxticker a, a:link, a:visited, a:hover, a:active {
color: orange;
text-decoration: none;
}

#ajaxticker1 div{ /*IE6 bug fix when text is bold and fade effect (alpha filter) is enabled. 
Style inner DIV with same color as outer DIV*/
background-color: #466;
}

.someclass{ //class to apply to your scroller(s) if desired
}