﻿body{
margin:0;
padding:0;
line-height: 1.5em;
background:#990000;
background-image:url(../images/DragonChractr.gif);
}

b{font-size: 110%;}
em{color: red;}

#maincontainer{
width: 840px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
background:#FFFFFF;
border:#000000 thin solid;
}

#topsection{
background:#FFF719;
height: 150px; /*Height of top section*/
}

#topsection h1{
margin: 0;
padding-top: 15px;
}

#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin-left: 200px; /*Set left margin to LeftColumnWidth*/
}

#leftcolumn{
float: left;
width: 200px; /*Width of left column*/
height:550px; 
margin-left: -840px; /*Set left margin to -(MainContainerWidth)*/
background-image:url(../images/left.gif);
}

#footer{
position:relative;
clear: left;
width: 100%;
/*background: #FFF719; */
background-image:url(../images/footer.jpg);
background-repeat:repeat-x;
text-align: center;
top:0px;
}

#footer a{

}

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

.markermenu{
list-style-type: none;
margin-left:-9px;
padding: 0;
width: 195px;
border: 1px solid #9A9A9A;
}

.markermenu li a{
background: #990000 url(../images/arrow-list.gif) no-repeat 2px center;
font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #FFFFFF;
display: block;
width: auto;
padding: 3px 0;
padding-left: 0px;
text-decoration: none;
text-align:center;
border-bottom: 1px solid #FFF719;
}

* html .markermenu li a{ /*IE only. Actual menu width minus left padding of LINK (20px) */
width: 150px;
}

.markermenu li a:visited, .markermenu li a:active{
color: #FFF719;
}

.markermenu li a:hover{
color: #990000;
background-color: #FFF719;
background-image:url(../images/arrow-list-red.gif); /*onMouseover image change. Remove if none*/
}

.DSI-back {
	border-bottom: 3px solid #cccccc;
	border-right: 3px solid #cccccc;
	margin: 0px 3px 0px 0px;
	width:235px;
	height:100px;
}
.DSI-middle {
	border-bottom: 2px solid #666666;
	border-right: 1px solid #666666;
	width:235px;
	height:99px;
}
.DSI-front {
	border: 1px solid black;
	background-image:url(../images/email.gif);
/*	background-color: #FAFD05;*/
	width:235px;
	height:98px;
}
.shiftcontainer{
position: relative;
left: 5px; /*Number should match -left shadow depth below*/
top: 5px; /*Number should match -top shadow depth below*/
}

.shadowcontainer{
width: 380px; /* container width*/
background-color: #d1cfd0;
}

.shadowcontainer .innerdiv{
/* Add container height here if desired */
background-color: white;
border: 1px solid gray;
padding: 5px;
position: relative;
left: -5px; /*shadow depth*/
top: -5px; /*shadow depth*/
}
.C-back {
	border-bottom: 3px solid #cccccc;
	border-right: 3px solid #cccccc;
	margin: 0px 3px 0px 0px;
	width:235px;
	height:127px;
}
.C-middle {
	border-bottom: 2px solid #666666;
	border-right: 1px solid #666666;
	width:235px;
	height:126px;
}
.C-front {
	border: 1px solid black;
	background-image:url(../images/catering.jpg);
/*	background-color: #FAFD05;*/
	width:235px;
	height:125px;
}