body {
margin: 0px;
padding: 0px;
height: 100%;
background: white /*url(/grafxB/BodyBg.jpg) no-repeat*/;
}

/*WRAPPERS*/
#wrapper {
width: 770px;
position: absolute;
top: 0px;
left: 0px;
}
#content {
width: 562px;
float: right;
padding: 1px;
}

/*NAV */
#left {
width: 120px;
padding: 0px;
margin: 1px;
float: left;
}
#leftnav {
position: fixed;
font: normal bold .75em Trebuchet,Verdana,Tahoma,Arial,Helvetica,sans-serif;
margin-left: 0px;
color: white;
}


/* CONTENT AREA */
#homecontent {
width: 350px;
float: right;
background: transparent;
}
#homecontent ul {
line-height: 15px;
color: #333333;
padding-left: 10;
padding-right: 10;
padding-top: 0;
padding-bottom: 10px;
}
#homecontent a {
font: underline bold .5em Verdana,Tahoma,Geneva,Arial,Helvetica,sans-serif;
color: Maroon;
}
#homecontent a:hover {
color: white;
background: black;
}
#homecontent h1 {
margin-bottom: 10px;
text-align: left;
padding-left: 0px;
padding-top: 0;
vertical-align: top;
font: bold .8em Verdana,Tahoma,Geneva,Arial,Helvetica,sans-serif;
color: Red;
line-height: 20px;
width: 350px;
}
#homecontent p {
font:normal .7em Verdana,Tahoma,Geneva,Arial,Helvetica,sans-serif;
color: #333333;
padding-left: 40;
padding-right: 10;
padding-top: 0;
padding-bottom: 0;
}
#maincontent {
width: 357px;
float: left;
background: transparent;
}
#maincontent p {
font:normal .7em Verdana,Tahoma,Geneva,Arial,Helvetica,sans-serif;
color: #333333;
padding-left: 40;
padding-right: 10;
padding-top: 0;
padding-bottom: 0;
}
#maincontent ul {
font: normal normal .7em Verdana,Tahoma,Geneva,Arial,Helvetica,sans-serif;
line-height: 15px;
color: #333333;
padding-left: 40;
padding-right: 20;
padding-top: 0;
padding-bottom: 10px;
width: 300px;
}
#maincontent ol {
font: normal normal .7em Verdana,Tahoma,Geneva,Arial,Helvetica,sans-serif;
line-height: 15px;
color: #333333;
padding-left: 40;
padding-right: 20;
padding-top: 0;
padding-bottom: 10px;
width: 300px;
}
#maincontent ol li {
font: normal normal 1em Verdana,Tahoma,Geneva,Arial,Helvetica,sans-serif;
line-height: 15px;
color: #333333;
padding-left: 40;
padding-right: 20;
padding-top: 0;
padding-bottom: 10px;
width: 300px;
}

#maincontent ul li {
font: normal normal 1em Verdana,Tahoma,Geneva,Arial,Helvetica,sans-serif;
line-height: 15px;
color: #333333;
padding-left: 40;
padding-right: 20;
padding-top: 0;
padding-bottom: 10px;
width: 300px;
}
#maincontent a {
font: underline bold .7em Verdana,Tahoma,Geneva,Arial,Helvetica,sans-serif;
color: Maroon;
}
#maincontent a:hover {
color: white;
background: black;
}
#maincontent h1 {
margin-bottom: 10px;
text-align: left;
padding-left: 40px;
padding-top: 0;
vertical-align: top;
font: normal bold .8em Verdana,Tahoma,Geneva,Arial,Helvetica,sans-serif;
color: Red;
line-height: 20px;
width: 230px;
background: #FFFFFF url(/grafxB/h1b.gif) top left no-repeat;
}
#maincontent h2 {
margin-bottom: 10px;
text-align: left;
padding-left: 20px;
padding-top: 0;
vertical-align: top;
font: normal bold .8em Verdana,Tahoma,Geneva,Arial,Helvetica,sans-serif;
color: Maroon;
line-height: 20px;
background: url(/grafxB/h2.gif) left no-repeat;
}
#maincontent h3 {
margin-bottom: 10px;
text-align: left;
padding-left: 20px;
padding-top: 0;
vertical-align: top;
font: bold .8em Verdana,Tahoma,Geneva,Arial,Helvetica,sans-serif;
color: Black;
line-height: 20px;
background: url(/grafxB/star.gif) left no-repeat;
}
#maincontent img {
margin: 0;
padding: 0;
position: relative;
}

/*SIDEBAR*/
#SideBar {
width: 200px;
float: right;
border: 0px;
padding: 0px;
margin-top: 0px;
font: 12px Verdana,Tahoma,Geneva,Arial,Helvetica,sans-serif;
color: #333333;
}

/*SIDEBAR STORE PRODUCTS*/
#SideStore p{
padding-left: 10px;
padding-right: 10px;
}
#SideStore a{
color: #000;
text-decoration: underline;
font: normal normal 1em Verdana,Geneva,Arial,Helvetica,sans-serif;
margin-left:10px;
}
#SideStore a:hover{
color:#a00;
background:white;
font:normal bold 1em Verdana,Geneva,Arial,Helvetica,sans-serif;
margin-left:10px;
}
#SideStore a:active{
color: Maroon;
font:normal bold 1em Verdana,Geneva,Arial,Helvetica,sans-serif;
margin-left:10px;
}
#SideStore a:visited{
color: Maroon;
font:normal bold 1em Verdana,Geneva,Arial,Helvetica,sans-serif;
margin-left:10px;
}
#SideStoreBottom img {
margin: 0;
padding: 0;
vertical-align: bottom;
}
#SideStore {
width: 198px;
float: left;
background: buttonface;
border-top: 10px solid #993333;
border-bottom: 1px solid #993333;
border-left: 1px solid #993333;		
border-right: 1px solid #993333;
}

/*SIDEBAR CONTENT*/

#SideContent a{
color: #000;
text-decoration: underline;
font: normal normal 1em Verdana,Geneva,Arial,Helvetica,sans-serif;
background: url(/grafxB/link.gif) no-repeat left;
padding-left:20px;
margin-left:10px;
}
#SideContent a:hover{
color:#a00;
background:white;
font:normal bold 1em Verdana,Geneva,Arial,Helvetica,sans-serif;
background: url(/grafxB/link2.gif) no-repeat left;
padding-left:20px;
margin-left:10px;
}
#SideContent a:active{
color: Maroon;
font:normal bold 1em Verdana,Geneva,Arial,Helvetica,sans-serif;
background: url(/grafxB/link3.gif) no-repeat left;
padding-left:20px;
margin-left:10px;
}
#SideContent a:visited{
color: Maroon;
font:normal bold 1em Verdana,Geneva,Arial,Helvetica,sans-serif;
background: url(/grafxB/link3.gif) no-repeat left;
padding-left:20px;
margin-left:10px;
}
#SideContentBottom img {
margin: 0;
padding: 0;
vertical-align: bottom;
}
#SideBar h1{
margin: 2px;
height: 25px;
text-align: left;
padding-left: 40px;
padding-top: 0;
vertical-align: top;
font: normal bold 1.15em Tahoma,Verdana,Geneva,Arial,Helvetica,sans-serif;
color: red;
background: url(/grafxB/h1b.gif) transparent top left no-repeat;
}
#login {
width: 198px;
margin-bottom: 10;
padding: 2px;
float: left;
background: buttonface;
border-top: 10px solid #993333;
border-bottom: 1px solid #993333;
border-left: 1px solid #993333;
border-right: 1px solid #993333;
}
#SidePhoto {
width: 198px;
margin-bottom: 10;
padding: 0px;
float: left;
background: buttonface;
border-top: 10px solid #993333;
border-bottom: 1px solid #993333;
border-left: 1px solid #993333;
border-right: 1px solid #993333;
}
#SideVideo {
width: 198px;
margin-bottom: 10;
padding: 0px;
float: left;
background: buttonface;
border-top: 10px solid #993333;
border-bottom: 1px solid #993333;
border-left: 1px solid #993333;
border-right: 1px solid #993333;
}
#SideContent {
width: 198px;
padding: 0px;
margin-bottom: 10;
float: left;
background: buttonface;
border-top: 10px solid #993333;
border-bottom: 1px solid #993333;
border-left: 1px solid #993333;		
border-right: 1px solid #993333;
}

/*FOOTER*/
#footer {
clear: both;
margin: 1px;
padding: 0px;
font: normal normal .75em Tahoma,Verdana,Geneva,Arial,Helvetica,sans-serif;
text-align: center;
}
#footer a {
font: underline bold .7em Tahoma,Verdana,Geneva,Arial,Helvetica,sans-serif;
color: Maroon;
}
#footer a:hover {
color: white;
background: black;
}