/* CSS Document */

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

h3 {
color: #0066CC;
}

p {
font-size: 1em;
}

a img {
border: none;
}

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

a:visited {
color: #003366;
}

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

kbd {
color: #336666;
}

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

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

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

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

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

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

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

#tut_navlinks a:hover, #tut_navlinks a:active {
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;
}

#tut_navlinks #rss-styling a:hover, #tut_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 div */
#content {
background-color: #FFCC99;
padding: 1em;
margin: 0 0 0 200px;
border-left: 1px solid #6699CC;
border-bottom: 1px solid #6699CC;
}

#content h1 {
font-family: Garamond, "Times New Roman", serif;
color: #663300;
}

#content p {
color: maroon;
}

#content a:link {
color: maroon;
}

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

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

#content ol {
font-family: Garamond, "Times New Roman", serif;
}

#content ol li {
font-weight: bold;
font-size: 1em;
color: maroon;
}

#content ol ol li {
list-style-type: lower-roman;
font-weight: normal;
color: maroon;
font-family: "Century Gothic", Arial, Helvetica, "sans-serif";
font-size: 1em;
}

#content ol ul li {
list-style-type: disc;
}

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

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

#content strong {
color: #CC3300;
}

#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 div */
#bottom {
width: 100%;
clear: both;
background-color: #E6E6FF;
border-top: 1px solid #6699CC;
padding-top: 1em;
}

#bottom strong {
color: #003366;
}

.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;
}

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

/* Special purpose classes and ids */
.hr {
border-bottom: 3px double #CC6666;
padding-bottom: 10px;
}

.centered {
text-align: center;
}

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

.small {
font-size: 0.7em;
}

.ix-ad-csspages {
width: 560px;
margin: 1em auto;
padding: 0.25em 1em 1em 1em;
border: 1px solid #CC3300;
}

.ix-ad-csspages p, .ix-ad-csspages ul {
font-size: 0.8em;
}