/* Default BODY settings */

body {
margin-top:0;
margin-left: 0;
margin-right: 0;
background: #FEFEF6 url("../graphics/bg.png") repeat-x;
background-attachment: fixed;
color: #46515A;
font-family: Tahoma, Verdana, Sans-Serif;
font-size: 11px;
scrollbar-face-color: #FEFEF6;
scrollbar-shadow-color: #48535B;
scrollbar-highlight-color: #48535B;
scrollbar-3dlight-color: #FEFEF6;
scrollbar-darkshadow-color: #FEFEF6;
scrollbar-track-color: #48535B;
scrollbar-arrow-color: #48535B;
}


a:link  {
background: transparent;
color: #9EA64A;
text-decoration: none;
}

a:visited  {
background: transparent;
color: #A8AB83;
text-decoration: none;
}

a:active  {
background: transparent;
color: #C8B90E;
text-decoration: none;
}

a:hover  {
background: transparent;
color: #C8B90E;
text-decoration: none;
}




/* This specifies the navigation bar along the top */

div.nav {
position: absolute;
top: 88px;
height: 33px;
background: transparent url("../graphics/navgrad.gif") repeat-x;
width: 100%;
border-top: none;
z-index: 1;
}

div.navtext {
position: absolute;
top: 99px;
margin-left: 95px;
z-index: 5;
}


a.nav, a.nav:hover {
font-family: Tahoma, Verdana, Sans-Serif;
font-size: 11px;
background: transparent;
text-decoration: none;
}

a.nav, a.nav:visited{
color: #DEE0CD;
}

a.nav:hover {
color: #EFEEBA;
}

img.sep {
	margin-left: 4px;
	margin-right: 4px;
}






                 /* This is the doll & the logo graphic */

div.doll img, div.logo img {
border: none;

}

div.logo {
position: absolute;
top: 47px;
left: 100px;
z-index: 2;
}

div.doll {
position: absolute;
top: 11px;
left: 10px;
z-index: 3;
}





                

                   /* This is the TITLE boxes & SOTM boxes */


.title {
height: 20px;
padding-top: 4px;
padding-left: 24px;
padding-bottom: 0px;
border: 1px solid #515C61;
background: #E8E8B6 url("../graphics/grad.gif") repeat-x;
color: #586264;
margin-top: 5px;
margin-bottom: 5px;
font-weight: bold;
}

div.sotm {
background: #DDE1BF;
padding: 5px;
border: 1px solid #B4BB87;
color: #6B6F51;
}



                   /* This is the SIDE NAV box on the INDEX PAGE with some setting for other pages */

div.mside, div.side, div.sidetut {
position: absolute;
top: 182px;
left: 15px;
border: solid 1px #515C61;
background: #E8EBD5;
color: #46515A;
padding: 5px 5px 10px 5px;
}

div.mside {
width: 220px;
}

div.mside h1, div.side h1, div.sidetut {
font-size: 11px;
font-weight: bold;
color: #46515A;
background: transparent;
}

div.mside table {
background: transparent;
color: #C3C6AC;
}

div.mside td {
width: 50%;
}





             /* This is the SIDE NAV box on ALL OTHER PAGES */

div.side {
width: 120px;
height: 400px;
}



              /* This specifies the MAIN PAGE BODY main section on the TUTORIAL PAGES with some setting for other pages */


div.tutmain {
left: 15px;
width: 715px;
}

div.sidetut {
width: 100px;
height: 400px;
}

td.inst {
background: #F0F2E2;
color: #46515A;
padding: 5px;
text-align: left
}




              /* This specifies the MAIN PAGE BODY main section on the INDEX PAGE with some setting for other pages */

div.mmain, div.main, div.tutmain {
position: absolute;
top: 148px;
border: solid 1px #515C61;
background: #E8EBD5;
padding: 5px 5px 5px 5px;
}

div.mmain {
left: 270px;
width: 1000px;
}


div.main h1, div.tutmain h1 {
margin-bottom: 0.5em;
}

div.mmain h1, div.main h1, div.tutmain h1, div.define h1, div.define2 h1 {
font-size: 11px;
font-weight: bold;
color: #46515A;
background: transparent;
}

div.mmain div.text h1 {

margin-bottom: 5px;
margin-top: 5px;
}

div.text, div.mmain, div.main, table {
color: #46515A;
}

div.text {
padding: 0 5px 0px 5px;
text-align: justify;
background: transparent;
}

input {
background: #FEF3DD;
font-family: Tahoma, Verdana, Sans-Serif;
font-size: 11px;
}

table.noncenter td input {
background: transparent;
font-family: Tahoma, Verdana, Sans-Serif;
font-size: 11px;
color: #333333;
}

table.noncenter td input.text {
background: white;
font-family: Tahoma, Verdana, Sans-Serif;
font-size: 11px;
color: #333333;
}

table.noncenter td input.button {
background: #CECAC6;
}



 						/* This specifies the MAIN PAGE BODY main section on the ALL OTHER PAGES */

div.main {
left: 160px;
width: 570px;
}





               /* This specifies the LINKS on the LINKS PAGES */

div.text div.links a:link  {
color: #FEF3DD;
text-decoration: none;
}

div.text div.links a:visited  {
color: #FEF3DD;
text-decoration: none;
}

div.text div.links a:active  {
color: #6D721D;
text-decoration: none;
}

div.text div.links a:hover  {
color: #6D721D;
text-decoration: none;
}

div.links a {
padding-left: 10px;
}





            /* This specifies the LINKS on the MAIN PAGE BODY section on the ALL THE PAGES */

div.main a:link, div.mmain a:link, div.tutmain a:link, div.define a:link, table.dd td a:link, table.ddsurround td.ddinfo a:link {
color: #9EA64A;
text-decoration: none;
}

div.main a:visited, div.mmain a:visited, div.tutmain a:visited, div.define a:visited, table.dd td a:visited, table.ddsurround td.ddinfo a:visited {
color: #A2A57F;
text-decoration: none;
}

div.main a:active, div.mmain a:active, div.tutmain a:active, div.define a:active, table.dd td a:active, table.ddsurround td.ddinfo a:active{
color: #C8B90E;
text-decoration: none;
}

div.main a:hover, div.mmain a:hover, div.tutmain a:hover, div.define a:hover, table.dd td a:hover , table.ddsurround td.ddinfo a:hover {
color: #C8B90E;
text-decoration: none;
}





                 /* This specifies the LINKS on the SIDE NAV section on the ALL THE PAGES */

div.side a:link, div.mside a:link, div.sidetut a:link, div.rightside a:link {
color: #515C61;
text-decoration: none;
}

div.side a:visited, div.mside a:visited, div.sidetut a:visited, div.rightside a:visited {
color: #858889;
text-decoration: none;
}

div.side a:active, div.mmside a:active, div.sidetut a:active, div.rightside a:active {
color: #9FB26C;
text-decoration: none;
}

div.side a:hover, div.sidetut a:hover {
color: #9FB26C;
text-decoration: none;
}

div.mside a:hover, div.rightside a:hover {
color: #9FB26C;
text-decoration: none;
}




           


            /*  This are the 5 sister sides boxes with properties for the DIVs & the images  */

div.one {
position: absolute;
top: 200px;
left: 680px;
}

div.two {
position: absolute;
top: 270px;
left: 635px;
}

div.three {
position: absolute;
top: 340px;
left: 680px;
}

div.four {
position: absolute;
top: 410px;
left: 635px;
}

div.five {
position: absolute;
top: 480px;
left: 680px;
}


div.pet {
position: absolute;
top: 553px;
left: 1300px;
}



div.rightside {
border: solid 1px #515C61;
background: #EEF0DA;
padding: 5px 5px 5px 5px;
position: absolute;
top: 580px;
left: 1300px;
width: 180px;
}

div.vegetable {
position: absolute;
top: 460px;
left: 600px;
}

div.rightside p {
	text-align: justify;
}

div.one img, div.two img, div.three img, div.four img, div.five img, div.six img {
border: none;
}


table.tutlinks td {
text-align: left;
font-size: 11px;
color: #46515A;
}




                  /* General DIVs - center alignment, Tables & TD */

div.center {
text-align: center;
width: 100%;
}

table {
padding: 1px;
width: 100%;
border: none;
text-align: center;
}

td {
text-align: center;
font-size: 11px;
}

table.noncenter {
border: none;
padding: 0px;
}

table.noncenter td {
text-align: left;
padding: 2px;
}

img {
border: none;
}

table.poll {
padding: 2px;
border: solid 1px #C1BEB3;
border-collapse: collaps;
text-align: left;
background: #EEF0DA;
color: #46515A;
}

table.poll td {
background: #EEF0DA;
color: #46515A;
font-size: 11px;
}

table.poll select {
color: #46515A;
font-family: Tahoma, Verdana, Sans-Serif;
font-size: 11px;
}


table.poll td.noncenter {
text-align: left;
}

table.patterntable td {
padding: 1px;
}


           /* this specified the TABLE and LIST settings for the GRAPHICS APPS COMPARISONS */

table.compare {
border-collapse: collapse;
border: 1px solid #515C61;
text-align: left;
width: 80%;
}

table.compare td {
padding: 4px;
border: 1px solid #515C61;
text-align: left;
}

ul {
margin-top: 2px;
}

div.text ul {
margin-left: 15px;
}

div.text ul li {
margin-top: 10px;
}






           /* copyright message div */

div.copy {
width: 100%;
padding: 8px;
text-align: center;
background: transparent;
color: #B4B896;
}

div.sotm table.form {
border: none;
width: 80%;
}

div.sotm table.form td {
text-align: left;
}


div.name {
border: solid 1px #515C61;
background: #EEF0DA;
color: #46515A;
padding: 5px;
width: 250px;
font-weight: bold;
}

		/*tut graphics*/
		
div.tutgraphic {
	width: 100px;
	height: 100px;
	border: solid 1px #515C61;
	padding: 0px;
	background: #EEF0DA url("../graphics/bg.png");
	}
	
div.tutgraphic img {
	border: none;
	margin : 0px;
	width: 100px;
	height: 100px;
}

table td.right {
	text-align: right;
}

table td.left {
	text-align: left;
}

span.define {
	cursor: help;
	color: #5C9ECC;
}

div.define {
margin-top: 10px;
margin-left: 10px;
margin-right: 10px;
height: 380px;
border: solid 1px #515C61;
background: #EEF0DA;
padding: 5px 5px 5px 5px;	
overflow: auto;
}

div.define2 {
margin-top: 10px;
margin-left: 10px;
margin-right: 10px;
height: 600px;
border: solid 1px #515C61;
background: #EEF0DA;
padding: 5px 5px 5px 5px;	
overflow: auto;
}

div.define h1, div.define2 h1 {
margin-top: 3px;
margin-bottom: 3px;
}

div.define button, div.define2 button {
	background: #EEF0DA;
	color: #46515A;
font-family: Tahoma, Verdana, Sans-Serif;
font-size: 11px;	
}

table.vote {
	width: 50%;
}



div.warn {
    text-align: left;	
	width: 80%;
	color: #A2924A;
	background: #EBE5D5;
	border: 1px solid #DDD4BB;
	padding: 4px;
}

div.notepad {
	background : #EEF0DA;
	color: #000000;
	font-family: courier, "courier new", monospace;
	border: 1px solid #000000;
	width: 80%;
	text-align: left;
	padding: 4px;
}

span.red {
	color: #800000;
}



div.more a:link {
  color: #AEA98A;
	}





/* Doll Factory Settings */

table.ddsurround {
border-collapse: collapse;
width : 95%;
margin-top: 10px;
}

table.ddsurround td {
	text-align: left;
	padding: 4px;
	background: transparent;
}

table.dd td, table.ddsurround td.ddinfo {
	text-align: left;
	padding: 5px;
	background : #EEF0DA;
	border: 2px solid #515C61;
}


/*pattern Images */

img.pattern {
  border: 1px solid #000000;
	background: #EEF0DA;
	}