body {
	background: #fffff0;
	margin: 0;
	padding: 0;
	line-height: 1.5em;
	font-family: Verdana, Arial, Courier;
}

b { font-size: 110%; }
em { color: #1f9500; }

a, a:link, a:visited {
	text-decoration: none;
}

.green {
	color: #1f9500;
}

.asterisk {
	color: #000000;
	font-size: 10px;
}

#maincontainer {
	width: 770px; /*Width of main container*/
	margin: 0 auto; /*Center container on page*/
	background: url(http://www.mdinabox.com/images/containerbg.gif) repeat-y;
}

#topsection {
	background: url(http://www.mdinabox.com/images/bg_header.jpg) repeat-y;
	margin: 0;
	padding: 0;
	width: 770px;
	height: 142px;
}

#topsection img {
	margin: 0;
	padding: 0;
	border: 0;
}

#topnavcontainer {
	background: url(http://www.mdinabox.com/images/bg_nav.gif) repeat-y;
	width: 770px;
	height: 31px;
	margin: 0;
	font-size: 0.7em;
}

#topnavcontainer img {
	margin: 0;
	padding: 0;
	border: 0;
}

#topnavcontainer a,
#topnavcontainer a:link,
#topnavcontainer a:visited {
	text-decoration: none;
	font-size: 1.0em;
	font-weight: bold;
	color: #fff;
}

#topnavcontainer a:hover {
	color: #1f9500;
}

#contentwrapper {
	float: left;
	width: 100%;
}

#contentcolumn {
	margin-left: 220px; /*Set left margin to LeftColumnWidth*/
	margin-right: 10px;
	font-size: 0.8em;
	line-height: 1.5em;
}

#contentcolumn h1 {
	margin-top: 14px;
	font-size: 1.4em;
	margin-bottom: 10px;
}

#contentcolumn a,
#contentcolumn a:link,
#contentcolumn a:visited {
	text-decoration: none;
	font-size: 0.9em;
	font-weight: bold;
	color: #000;
}

#contentcolumn a:hover {
	color: #1f9500;
}

/* REMOVE: What are these used for? */
#contentcolumn a.drcatergories,
#contentcolumn a.drcatergories:active,
#contentcolumn a.drcatergories:visited {
	background-color: #e7e7e7;
	padding: 10px;
	margin: 4px;
	display: block;
}
#contentcolumn a.drcatergories:hover {
	background-color: #ccc;
}
#contentcolumn a.drcatergories2,
#contentcolumn a.drcatergories2:active,
#contentcolumn a.drcatergories2:visited {
	background-color: #e7e7e7;
	padding: 10px;
	margin: 4px;
	display: block;
	width: 60%;
}

#login {
	margin-top: -20px;
	margin-left: 490px;
}

#login a,
#login a:link,
#login a:visited {
	color: #000;
	text-decoration: none;
	font-size: 1.0em;
}

#login a:hover {
	color: #1f9500;
}

#leftcolumn {
	float: left;
	margin-top: 10px;
	width: 180px; /*Width of left column*/
	margin-left: -771px; /*Set left margin to -(MainContainerWidth)*/
	padding-left: 14px;
	color: #fff;
	font-size: 0.7em;
	line-height: 2.0em;
}

#leftcolumn a.nav,
#leftcolumn a:link,
#leftcolumn a:visited {
	color: #fff;
	text-decoration: none;
	font-size: 1.0em;
	font-weight: bold;
	margin-left: 0px
}

#leftcolumn a:hover {
	color: #1f9500;
	text-decoration: underline;
}

#footer {
	background: #0e360d url(http://www.mdinabox.com/images/bg_footer.gif) repeat-x;
	clear: left;
	width: 100%;
	text-align: center;
	padding: 4px 0;
	height: 25px;
	font-size: 0.7em;
	color: #fff
}

#footer a {
	font-size: 0.9em;
	color: #fff;
	margin: 0px;
}

#footer a:hover {
	font-size: 0.9em;
	color: #1f9500;
}

.innertube {
	margin: 0; /*Margins for inner DIV inside each column (to provide padding)*/
	margin-top: 0;
}

#makepaymentfix {
	background: transparent;
	margin-top: -60px;
}

#loginfix {
	background: transparent;
	margin-top: -96px;
}

#review_form fieldset {
	padding: 2px 10px;
	border: 0px none;
	background-color: #D8DCDE;
}

#review_form legend {
	font-weight: 500;
	background-color: #fff;
}

#review_form input,
#review_form textarea {
	border: 1px solid #aaa;
}

/****************************************************************************
 * Styles added for new admin section
 ****************************************************************************/

ul#bigButtons {
	display: block;
	list-style: none;
	font-size: 10pt;
}

ul#bigButtons li {
	list-style: none;
	font-family: Verdana;
	margin: 5px;
	padding: 2px;
	float: left;
	width: 120px;
	height: 35px;
	border: 2px solid #dedede;
}

ul#bigButtons li a {
	font-weight: 600;
	padding: 2px;
	background-color:#fff;
	display: block;
	height: 30px;
	text-decoration: none;
	color: #aaa;
}

ul#bigButtons li a:hover {
	background-color:#dedede;
	color:#fff;
}

p#adminList {
	color: #dedede;
	width: 70%;
	margin: 1px;
	text-align:center;
}

p#adminList a {
	background-color:#fff;
	text-decoration: none;
	color: #aaa;
	font-weight: 600;
}

p#adminList a:hover {
	background-color:#dedede;
	color:#fff;
}

td, td b {
	font-size: 8pt;
}

.dir {
	display: block;
	padding: 0px 0px 0px 15px;
	background: transparent url('/dir.jpg') 0 0 repeat;
	font-weight: normal;
}

.file {
	display: block;
	padding: 0px 0px 0px 15px;
	background: transparent url('/files.jpg') 0 0 repeat;
	font-weight: normal;
}

.dark_grey {
	color: #222;
}

.light_grey {
	color: #ccc;
}

A.light_grey {
	color: #ccc;
}

.underline {
	text-decoration: underline;
}

.red {
	color: red;
}

.small {
	font-size: 8pt;
}

h5#admin {
	margin: 2px 0 5px 0;
	color: #222;
	clear: left;
}
h1#admin {
	margin: 2px 0 5px 0;
	color: #111;
	clear: left;
}
h2#admin {
	margin: 2px 0 5px 0;
	color: #111;
	clear: left;
}
h3#admin {
	margin: 2px 0 5px 0;
	color: #111;
	clear: left;
}
h4#admin {
	margin: 2px 0 5px 0;
	color: #222;
	clear: left;
}

h1 { font-size: 1.6em; }
h2 { font-size: 1.4em; }
h3 { font-size: 1.3em; }
h4 { font-size: 1.2em; }
p { margin: 0.8em 0; }
pre { font-size: 0.7em; }
form { text-align: left; }

.requiredStar {
	font: 14pt "Times New Roman", serif;
	color: #FF0000;
}

/****************************************************************************
 * Dropdown menu
 ****************************************************************************/

.orderMenuDiv {
	position: absolute;
	top: 139px;
	left: 50%;
	margin: 0px 0px 0px -313px;
	padding: 0px;
	background-color: transparent;
	width: 80px;
	height: 30px;
	overflow: visible;
}

#orderNav,
#orderNav ul {
	float: left;
	width: 100px;
	height: auto;
	list-style: none;
	line-height: 1;
	background: transparent url("/images/spacer.gif");
	font: bold 11px Verdana;
	color: #FFFFFF;
	padding: 0;
	border: none;
	margin: 0;
}

#orderNav a {
	display: block;
/*
	width: 13em;
	w\idth: 12em;
*/
	width: auto;
	line-height: 3em;
	color: #FFFFFF;
	text-decoration: none;
	padding: 0;
	border: none;
}

#orderNav a:hover {
	color: #1F9500;
}

#orderNav span.moreArrow {
	position: absolute;
	right: 0px;
	cursor: pointer;
	/*cursor: hand;*/
}

#orderNav li {
	float: left;
	padding: 0 0.5em 0 0;
	width: auto;
	height: 30px;
	margin: 0px;
	border: none;
}

#orderNav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: auto;
	w\idth: 16em;
	border-width: 0;
	margin: -1px 0 0 0;
	padding: 0;
}

#orderNav li li {
	padding-right: 0.5em;
	width: 16em;
	border-style: solid;
	border-color: #000000;
	border-width: 0px 1px 1px 1px;
	background-color: #0E360D;
}

#orderNav li ul a {
	padding: 5px;
	width: 16em;
	w\idth: 16em;
	line-height: 2em;
}

#orderNav li ul ul {
	margin: -2.99em 0 0 16.5em;
}

#orderNav li:hover ul ul,
#orderNav li:hover ul ul ul,
#orderNav li.sfhover ul ul,
#orderNav li.sfhover ul ul ul {
	left: -999em;
}

#orderNav li:hover ul,
#orderNav li li:hover ul,
#orderNav li li li:hover ul,
#orderNav li.sfhover ul,
#orderNav li li.sfhover ul,
#orderNav li li li.sfhover ul {
	left: auto;
}

#orderNav li li:hover,
#orderNav li li.sfhover {
	background: #0A3009;
}