/* CSS Document */

/* main tags */
body {
margin: 0;
padding: 0;
font-family: "Century Gothic", Arial, Helvetica, "sans-serif";
color: #003366;
background-color: #003366;
}

h1 {
color: #0066CC;
padding-top: 10px;
padding-bottom: 5px;
/*border-bottom: solid;*/
border-color: #6699CC;
}

h2 {
color: #FFFFFF;
background-color: #0066CC;
}

h3 {
color: #0066CC;
}

a:link {
color: #003366;
text-decoration: underline;
}

a:visited {
color: #003366;
}

a:hover {
color: #0066CC; 
text-decoration: underline;
}

strong {
color: #CC3300;
}

pre {
font-family: "Courier New", Courier, monospace;
font-size: 0.88em;
width: 80%;
padding: 1em;
color: #006633;
background-color: #FFFFCC;
border-style: inset;
border-color: #CCCCCC;
}

kbd {
color: #336666;
font-size: 1em;
}

address {
font-family: "Century Gothic", Arial, Helvetica, sans-serif;
font-size: 0.8em;
padding-bottom: 1em;
}

hr {
	border-bottom-width: 3px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: double;
	border-left-style: none;
	border-top-color: maroon;
	border-right-color: maroon;
	border-bottom-color: maroon;
	border-left-color: maroon;
	padding-bottom: 10px;
}

/* wrapper */
#wrapper {
min-width: 960px;
background-color: #E6E6FF;
margin: 0 1em 0 1em;
/*padding: 1em;*/
border: 2px solid #6699CC;
}

/* top */
#titlebackground {
background-image: url(images/wood_pattern01_gray.jpg);
background-repeat: repeat;
width: 100%;
padding: 1em 0 1em 0;
}

#top {
width: 100%;
background-color: #E6E6FF;
border-bottom: 1px solid #6699CC;
/*padding-bottom: 1em;*/
}

/* navlinks */
#navlinks {
float: left;
width: 180px;
padding: 1em 10px 1em 10px;
text-align: left;
}

#navlinks ul li {
font-size: 0.7em;
font-weight: bold;
padding: 0.5em;
background-color: #FFFFFF;
border: 1px solid #6699CC;
margin-right: 2em;
}

#navlinks a:link, #navlinks a:visited {
display: block;
text-decoration: none;
}

#navlinks a:active, #navlinks a:hover {
display: block;
color: #FFFFFF;
background-image: url(images/wood_pattern01_gray.jpg);
padding: 0.5em;
margin: -0.5em;
text-decoration: underline;
}

#rss-styling {
margin: 0 1em 0 1em;
}

#rss-styling img {
border: none;
}

#rss-styling strong {
color: #003366;
}

#navlinks #rss-styling a:hover, #navlinks #rss-styling a:active {
background-image: none;
margin: 0;
padding: 0;
}

.rss-icon {
background-color: #FFFFFF;
padding: 0.5em;
border: 1px solid #6699CC;
}

/* content */
#content {
background-color: #E6E6FF;
padding: 1em;
margin: 0 0 0 200px;
border-left: 1px solid #6699CC;
border-bottom: 1px solid #6699CC;
}

#content h1, #content h2, #content h3, #content p, #content ol, #content ol ol li {
font-family: Garamond, "Times New Roman", serif;
}

#content h1 {
color: #663300;
}

#content h2 {
color: white;
background-color: #663300;
}

#content h3 {
color: #663300;
}

#content p {
font-size: 1em;
color: maroon;
}

#content p.frame {
background: #FFCC66;
text-align: center;
border-style: double;
border-color: maroon;
padding-top: 10px;
padding-bottom: 10px;
}

#content a:link {
color: maroon;
}

#content a:visited {
color: #CC6666;
}

#content a:hover {
color: #CC3300;
}

#content ol li {
font-weight: bold;
color: #4F4F2F;
}

#content ol ol li {
list-style-type: lower-roman;
font-weight: normal;
color: #663300;
}

#content .previous-next-links {
text-align: center;
margin: 0 auto;
background-color: #CC3300;
width: 80%;
}

#content .previous-next-links p {
color: #FFFFFF;
}

#content .previous-next-links strong {
color: #FFFFFF;
}

#content .previous-next-links a:link, #content .previous-next-links a:visited {
color: #FFFFFF;
text-decoration: none;
font-weight: bold;
}

#content .previous-next-links a:hover, #content .previous-next-links a:active {
text-decoration: underline;
}

/* bottom */
#bottom {
width: 100%;
clear: both;
background-color: #E6E6FF;
border-top: 1px solid #6699CC;
padding-top: 1em;
}

#bottom strong {
color: #003366;
}

#footerbackground {
background-image: url(images/wood_pattern01_gray.jpg);
background-repeat: repeat;
width: 100%;
padding-top: 4px;
padding-bottom: 4px;
}

.footer-panel {
width: 75%;
border-top: 1px solid #6699CC;
border-bottom: 1px solid #6699CC;
padding: 0.5em 0 0.5em 0;
margin: 0.5em auto 0.5em auto;
}

.footer-panel a:link, .footer-panel a:visited {
font-size: 0.7em;
font-weight: bold;
text-decoration: none;
}

.footer-panel a:hover, .footer-panel a:active {
text-decoration: underline;
}

.address-panel {
background-color: #E6E6FF;
margin: 1em 25% 0.5em 25%;
border: 1px solid #6699CC;
}

#bottom address {
font-size: 0.7em;
padding: 0.5em;
text-align: left;
}

/* Special purpose classes and ids */
.paddedimage {
padding: 1em;
}

.centered {
text-align: center;
}

.autocentered50 {
margin-left: auto;
margin-right: auto;
width: 50%;
}

.paddingtopbottom {
padding-top: 10px;
padding-bottom: 10px;
}

.paddingleftright {
padding-left: 10px;
padding-right: 10px;
}

.backgroundsand {
background: #FFCC99 url(/tutorials/photoshop/images/SandWhite_02.gif) repeat;
}

.backgroundwater {
background: #CCCCCC url(/tutorials/photoshop/images/watertutorial_bg.jpg) repeat;
background-attachment: fixed;
}

.small {
font-size: 0.7em;
}

.floatright {
padding: 0px 0px 10px 10px;
float: right;
}

.ix-ad-pshoppages {
width: 560px;
margin: 1em auto;
clear: right;
padding: 0.25em 1em 1em 1em;
border: 1px solid #CC3300;
background-color: #E6E0D5;
}

.ix-ad-pshoppages ul {
font-family: Garamond, "Times New Roman", serif;
color: maroon;
}