/* CSS Document */

body {background: url(images/bg.jpg) repeat-x #271D1B; color: #271D1B; margin: 0 0 0 0; color: #CFBBBB; font-family: arial; font-size: 12px;}

div#layout {background: url(images/layoutbg.jpg) repeat-y; width: 800px;}

div#topper {background: url(images/topper.jpg) no-repeat; height: 27px; padding: 58px 0px 0 248px;}

div#topper a {color: #FFF; text-decoration: none; display: block; float: left; width: 96px; text-align: center; font-size: 12px; background: none; border-bottom: 0px;}

div#topper a:hover {background: #6F5351; color: #FFF;}


div#mid {background: url(images/mid.jpg) no-repeat; height: 228px;}

div#mid2 {background: url(images/mid2.jpg) no-repeat; height: 55px;}

div#mid2 a {color: #FFF; text-decoration: none; font-size: 10px; border-bottom: 0px; letter-spacing: 2px;}

div#navvy {padding-left: 10px; width: 200px;}

div#navvy a {display: block; background: #19100F; color: #8A5450; text-decoration: none; border-left: 5px solid #000; padding: 3px 0 0 5px; height: 22px; border-bottom: 0px; margin-bottom: 1px;}

div#navvy a:hover {background: #321F1E; text-decoration: none; border-left: 5px solid #523D3B; color: #8A5450;}

div#bottom {background: #523D3B; width: 100%; text-align: center;}

div#mid2 img {border: 0px;}

div#button {padding: 8px 0 0 123px; height: 33px;}


h4 {
font-size : 15px;
margin-bottom : -10px;
color: #825276;
font-weight: normal;
letter-spacing: 4px;
}

h3 {
font-size : 10px;
padding-left : 15px;
color: #FFF;
font-weight: normal;
letter-spacing: 2px;
}


h2 {
font-size: 20px;
margin-bottom: -10px;
color: #FFF;
font-weight: normal;
background: none;
letter-spacing: 4px;
}

h1 {
font-size : 10px;
padding-left : 20px;
color: #705363;
font-weight: normal;
margin-bottom: 0px;
letter-spacing: 2px;
}

img {
border: 5px solid #523D3B;
}


table img {
border: 5px solid #523D3B;
}


input {
background-color : #523D3A;
border : 0;
color : #C27B78;
border : 0px solid #5F3E53;
}

textarea {
background-color : #523D3A;
border : 0;
color : #C27B78;
border : 0px solid #5F3E53;
}

select {
background-color : #523D3A;
border : 0;
color : #C27B78;
border : 0px solid #5F3E53;}

div#profs img {width: 75px; height: 75px;}


p.bread {
text-align: right;
border-bottom: 1px dashed #523D3B;
padding-bottom: 10px;
margin-bottom: 20px;
}

container img {
border: 5px solid #d3e4ac;
}


div.tutHTML {
background: #382422;
padding: 10px 10px 10px 10px;
color: #FFF;
}


div.tutCSS {
background: #523D3B;
padding: 10px 10px 20px 10px;
color: #FFF;
}


div.CSSnote {
background: #CFBBBB;
padding: 3px 3px 3px 3px;
color: #523D3B;
border-left: 10px solid #523D3B;
border-bottom: 10px solid #523D3B;
border-right: 10px solid #523D3B;
margin-top: -10px;
}

div.CSSnote i{
color: #1c230c;
font-style: normal;
border-bottom: 1px dotted #523D3B;
}

div.CSSnote li{
margin-bottom: 15px;
border-left: 3px solid #523D3B;
}

div#gaiahow {
text-align: justify;
padding: 5px 5px 5px 10px;
border-right: 2px solid #42312E;
border-bottom: 2px solid #42312E;

}


a {color: #906B68; border-bottom: 1px dotted white; text-decoration: none; font-size: 12px;}

a:visited {color: #7C7C7C;}

a:hover {color: #B66664;}

b {color: #624056;}

h4 {font-weight: bold; color: #825276;}


div.container {
background: url(images/conbg.jpg) no-repeat bottom;
text-align: justify;
padding: 5px 5px 5px 10px;
border-right: 2px solid #42312E;
border-bottom: 2px solid #42312E;
width: 450px;
}

div.container img {
border: 5px solid #523D3B;

}

div#bottom {font-size: 14px; height: 25px; padding-top: 5px;}

div#content {}