/* Generic Selectors */

body {
font-family: Arial, "Verdana", Sans-serif;
font-size: 13px;
color: #87764D;
background-color: #FFFFFF;
}

p {
width: 100%;
}

li {
list-style-type: none;
line-height: 175%;
list-style-image: url(./images/.gif);
}

h1 {
font-family: Arial, "Verdana", Sans-serif;
font-size: 18px;
font-weight: bold;
color: #1E0101;
}

h4 {
font-family: Arial, "Verdana", Sans-serif;
font-size: 16px;
font-weight: bold;
color: #352400;
}

strong {
font-family: Arial, "Verdana", Sans-serif;
font-size: 13px;
font-weight: bold;
color: #5B5B39;
}

b {
font-family: Arial, "Verdana", Sans-serif;
font-size: 13px;
font-weight: bold;
color: #3F3F97;
}


/**************** Pseudo classes ****************/

a:link {
color: #3F3F97;
text-decoration: none;
font-weight: normal;
}

li a:link {
color: #F4F4F4;
text-decoration: none;
font-weight: bold;
}

a:visited {
color: #910091;
text-decoration: none;
font-weight: normal;
}

li a:visited {
color: #F4F4F4;
text-decoration: none;
font-weight: bold;
}

a:hover {
color: #933322;
padding-bottom: 5px;
font-weight: normal;
text-decoration: underline;
}

li a:hover {
display: block;
color: #6A6ABE;
padding-bottom: 0px;
font-weight: bold;
border-bottom-width: 0px;
border-bottom-style: solid;
border-bottom-color: #352400;
}

a:active {
color: #933322;
font-weight: normal;
}



/************************* ID's *************************/

div#wrapper { 
  width: 1000px;
  margin: 0px auto;
}

#header {
position: absolute;
z-index: 50;
padding: 0 0 0px 0px; /*top right bottom left*/
width: 1100px;
height: 200px;
margin-top: 0px;
margin-left: -50px;
}

#navigation {
position: absolute;
z-index: 60;
padding: 0px 0px 0px 0px; /*top right bottom left*/
width: 200px;
height: 140px;
margin-top: 18px;
margin-left: 330px;
}

#menu {
position: absolute;
z-index: 10;
padding: 0px 0px 0px 0px; /*top right bottom left*/
width: 200px;
height: 1800px;
margin-top: -45px;
margin-left: 0px;
border-right: 1px dotted #8D8E4A;
}

#contentTitle {
position: absolute;
z-index: 20;
padding: 0px 10px 0px 10px; /*top right bottom left*/
width: 800px;
height: 20px;
margin-top: 225px;
margin-left: 200px;
}

#socialmedia {
position: absolute;
z-index: 15;
padding: 0px 10px 0px 10px; /*top right bottom left*/
width: 480px;
height: 40px;
margin-top: -30px;
margin-left: -20px;
}

#mainContent {
position: absolute;
z-index: 10;
padding: 0px 0px 0px 0px; /*top right bottom left*/
width: 1000px;
height: 2400px;
margin-top: 0px auto;
margin-left: -1px;
border-top: 1px solid #8D8E4A;
border-left: 1px solid #8D8E4A;
border-right: 1px solid #8D8E4A;
border-bottom: 1px solid #8D8E4A;
background-repeat: repeat;
background-image: none;
}

#right-sidebar-300 {
position: absolute;
z-index: 10;
padding: 0px 0px 0px 0px; /*top right bottom left*/
width: 320px;
height: 1800px;
margin-top: -45px;
margin-left: 0px;
border-right: 0px solid #8D8E4A;
}

#footer {
position: absolute;
z-index: 50;
padding: 0px 0px 0px 0px; /*top right bottom left*/
width: 1000px;
height: 240px;
margin-top: 2050px;
margin-left: 0px;
border-top: 1px solid #8D8E4A;
background-color: #FFFFFF;
}

#pagenav800 {
position: absolute;
z-index: 10;
padding: 15px 0px 10px 0px; /*top right bottom left*/
width: 800px;
height: 20px;
}

#pagenav480 {
position: absolute;
z-index: 10;
padding: 15px 0px 10px 0px; /*top right bottom left*/
width: 480px;
height: 20px;
}

#ad336x280 {
position: absolute;
z-index: 10;
padding: 15px 0px 10px 0px; /*top right bottom left*/
width: 480px;
height: 300px;
}

#ad728x15links-top {
position: absolute;
z-index: 40;
padding: 10px 0px 0px 0px; /*top right bottom left*/
width: 1000px;
height: 44px;
margin-top: 190px;
margin-left: 0px;
background-color: #FFFFFF;
}

#how-to-order {
position: absolute;
z-index: 10;
padding: 0px 0px 0px 0px; /*top right bottom left*/
width: 371px;
height: 200px;
}

#column1 {float: left; width: 200px; height: 1000px; padding: 0px; margin-top: 260px; }
#column2 {float: left; width: 800px; height: 1000px; padding: 0px; margin-top: 290px; }
#column3 {float: left; width: 320px; height: 1000px; padding: 0px; margin-top: 290px; }
#column4 {float: left; width: 480px; height: 1000px; padding: 0px; margin-top: 290px; }
#column5 {float: left; width: 480px; height: 1000px; padding: 0px; margin-top: 570px; }

a.white:link {color: #F4F4F4; text-decoration: none; font-weight: bold;}
a.white:active {color: #F4F4F4; text-decoration: none; font-weight: bold;}
a.white:visited {color: #F4F4F4; text-decoration: none; font-weight: bold;}
a.white:hover {color: #6A6ABE; text-decoration: none; font-weight: bold;}

p.fcolor1 {color: #1E0101; } /* dark brown - background color */
p.fcolor2 {color: #990000; } /* burgandy */
p.fcolor3 {color: #933322; font-weight: bold; }
p.fcolor4 {color: #6A6ABE; font-weight: normal; }
p.border {border-top-style:dotted; border-right-style:solid; border-bottom-style:dotted; border-left-style:solid;}
