body { margin:0; padding:0; text-align: center; background: #D0BA89 url(../img/background.png) repeat fixed; color: #322;}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,img{ margin:0; padding:0}
/*-------------------------------------------------------------------------------
	no list-markers by default, since lists are used more often for semantics 
--------------------------------------------------------------------------------*/
ul,ol { list-style:none; }
/*-------------------------------------------------------------------------------
	link underlines tend to make hypertext less readable, 
	because underlines obscure the shapes of the lower halves of words
--------------------------------------------------------------------------------*/
:link, :visited { text-decoration: none; }
/*-------------------------------------------------------------------------------
	try getting rid of blue linked borders. 
--------------------------------------------------------------------------------*/
a, a:link, a:visited, a:hover, a:focus, a:active { border:none; color: #322; margin-bottom: 1px;}
a:hover											 { 							 margin-bottom: 0px; border-bottom: 1px #322 dashed;}
a.img:hover										 { 							 margin-bottom: 1px; border-bottom: none;}
a img, a:link img, a:visited img, a:hover img	 { border:none; }
/*-------------------------------------------------------------------------------*
********************************************************************************* 
	Now set up the default fonts and font sizes ...
	We'll start with a size of 12px (1em = 12px)
********************************************************************************* 
*-------------------------------------------------------------------------------*/

body { font-family: verdana, arial, sans-serif; font-size: 95%;/* assumes a 14-16px default size */ }
/*-------------------------------------------------------------------------------
	... Let IE use percentage for base font size so it can still zoom text. 
	   everyone else we'll give a pixel value to ...
--------------------------------------------------------------------------------*/
html>body {font-size: 12px; font-weight: bolder; } 		/* For everyone except IE ... */
p {font-size: 1.0em; /* ~12px */line-height:125%;margin-bottom: .20em;}
h1, h2, h3, h4, h5, h6 { /* georgia is a better x-browser font */font-family:calibri, georgia, "new century schoolbook", times, serif;margin-top: 4px;margin-bottom: 10px;font-weight:}
h1 {font-size: 2em;font-variant: small-caps;text-align:center;}
h2 {font-size: 1.7em;font-variant: small-caps; font-weight: bolder;}
h3 {font-size: 1.2em;font-weight: bolder;}
h4 {font-size: 1.4em;font-style: italic; text-decoration: underline;}
h5 {font-size: 1.0em;font-style: italic;}
h6 {font-size: 0.9em;font-weight: bold;}
#frame 			{width:770px; padding:0;   margin: 2px auto 0 auto;text-align:left;}
.contentheader	{width: auto; padding:4px; margin: 0;}
.contentleft	{width:183px; padding:4px; margin: 0;float: left;  overflow:hidden;}
.contentcenter	{width:377px; padding:4px; margin: 0;float: right; overflow:hidden;}
.contentmain	{width:570px; padding:4px; margin: 0;float: right; overflow:hidden;}
.contentright	{width: 183px;padding:4px; margin: 0;float: right; overflow:hidden;}
.rcbox			{padding-bottom:10px;}


#head	  {height: 75px;}
#head div {height: 70px;background:url(/img/Atlas-slogan.png) no-repeat scroll center;}
#head img.r {float:right;margin-top: 0;}
#head img.l {float:left;margin-top: 0;}
#head h1 {color: #444;font-size: 1em;padding-top: 10px;visibility:hidden;}

.contentmenu {color: MediumAquaMarine ; text-align: center;padding:4px;}
.contentmenu ul	{margin-left: 0;padding-left: 0;display: inline; text-align: center;} 
.contentmenu ul li{margin-left: 0;margin-bottom: 0;padding: 2px 15px 6px 15px;list-style: none;display: inline;}
.contentmenu a, .contentmenu a:link, .contentmenu a:visited, .contentmenu a:focus, .contentmenu a:active {color: MediumAquaMarine ;border-bottom: none;margin-bottom: 2px;font-size: 1.2em;font-weight: bolder;}
.contentmenu a:hover {color: PaleVioletRed ; border-bottom: 2px #fdd solid;}

.whoami_right {width:574px;padding:0 1px ;margin: 0;float:right; overflow:hidden; font-size:90%;color:#MidnightBlue}
.whoami_right .whoami {margin:0;padding: 0 5px; height:12px;text-align:right;}
.whoami_right .whoami a {color: #MidnightBlue; text-decoration:underline}
.whoami_right .whoami a:hover {color: MediumVioletRed ; }
.whoami_left {width:189px; padding:0 1px; margin: 0;float: left; overflow:hidden; font-size:90%;color:#MidnightBlue}
.whoami_left .date {margin:0;padding: 0; height:12px; text-align:center;}

.contentfooter {}
.footer {height: 48px;}
.footer p {text-align: center;}
.contentheader h1 {font-size:14px; padding:10px; margin:0px;}
.contentheader .rcbox	{padding-bottom:0;}
.contentright p {font-size:12px;font-weight: bolder;}
.inside {line-height: normal}
.hidden {display: none;}		
ul {line-height: 100%;width:98%}

ul.rightmenu li {
	padding: 0;
	margin-top: .6em;
	margin-bottom: .6em;
}
ul.rightmenu li li {
	padding: 0;
	margin-top: 1px;
	margin-bottom: 1px;
	font-size: 95%;
}
ul.collapse li ul {
	visibility: hidden;
	padding: 0;
	margin: 0;
	line-height: 0;
	height: 0;
	overflow: hidden;
}
ul.rightmenu li a {
	padding-left: 9px;
	display: block;
	font: italic normal bold 100%/100% "georgia", "new century", "schoolbook", times, serif;
}
ul.rightmenu a,
ul.rightmenu a:link,
ul.rightmenu a:visited,
ul.rightmenu a:hover,
ul.rightmenu a:focus,
ul.rightmenu a:active { border: none; margin-bottom: 0}
ul.rightmenu li li a { margin-left: 9px;  }
ul.rightmenu li.selected a {             background: transparent url(/img/bullet.png)  no-repeat scroll left center; }
ul.rightmenu li.selected li a {          background: none; }
ul.rightmenu li.selected li.selected a { background: transparent url(/img/bullet.png)  no-repeat scroll left center; }
ul.rightmenu li a:hover{                 background: transparent url(/img/bullet2.png) no-repeat scroll left; }
ul.rightmenu li.selected li a:hover {    background: transparent url(/img/bullet2.png) no-repeat scroll left; }
#category_table { text-align:center; }
table.category_table {
	margin: 0 auto;
	padding:0;
	border-spacing: 0;
	border-collapse: separate;
	border: none;
}
table.category_table td{
	margin: 0;
	padding:0;
	border: none;
	vertical-align: top;
}
div.item {
	text-align: center;
}
div.item p {
	text-align: left;
}
div.item p.alttype {
	font: bolder 83%/100% Verdana, Geneva, Arial, Helvetica, sans-serif;
}
div.inside h2 {
	text-align: center;
}
div.inside h3 {
	 margin:0;
	 padding:0;
}

p.button a{
	text-align:center;
	color: ButtonText;
	background-color: ButtonFace;
	border: 2px solid ButtonShadow;
	border-top: 2px solid ButtonHighlight;
	border-left: 2px solid ButtonHighlight;
	margin: 0;
	display:block;
}
p.button a:active{
	border: 2px solid ButtonShadow;
	border-bottom: 2px solid ButtonHighlight;
	border-right: 2px solid ButtonHighlight;
}
.contentmain li{
	line-height: 125%;
	margin: 10px 10px;
}
.contentmain li li{
	line-height: 125%;
	margin: 2px 15px;
}


@media screen {

* html .contentleft div,
* html .contentcenter div,
* html .contentmain div,
* html .contentright div {height: 1%;}

* {position: static;}

.footer {width: 100%; display: table;}

* html .footer {width: auto;}

} 

.debug {
	color:white;
}
.option_notempty {
	width: 20px;
	text-align: center;
}
.option_empty {
	background: transparent url(../img/X.png) no-repeat scroll center;
	width: 20px;
	text-align: center;
}

/*-------------------------------------------------------------------------------
	Image popup box - popup characteristics used in orderform rollovers.
--------------------------------------------------------------------------------*/
 
#imgpopupbox 
{
    vertical-align : middle;
    position : absolute;
    background : transpaarent; 
    filter: Alpha(Opacity=100);
    visibility : hidden;
    height : auto;
    width : auto;
    z-index : 50;
    overflow : hidden;
    text-align : center;
}