body {
margin : 0;
padding : 0;
font : 73% verdana, "Trebuchet MS", arial, tahoma, sans-serif;
line-height : 1.7em;
color : #666;
background-attachment: fixed;
background-image: url(images/bricks.jpg);
color: #6d8ead;
}
#container {
width : 740px;
margin-left : auto;
margin-right : auto;
padding : 0;
border : 5px solid #362416;
color : #666;
background-image: url(images/campus.jpg);
}
			/*HEADER*/
#header {
height : 150px;
padding : 0;
margin : 0;
color : #362416;
background : #362416 url(images/opolis.gif) no-repeat;
}
#header h1 {
margin-top : 0;
padding : 5px 0 0 15px;
font-size : 2em;
border-bottom : none;
color : #000000;
text-align: right;
background : inherit;
}
			/*SHIPPING*/
#ship {
background : #362416 url(images/shipping.gif) no-repeat;
height : 33px;
padding : 0;
margin : 0;
cursor:pointer;
}
			/*MAIN CONTENT*/
#content {
padding : 10px;
color : #000000;
background-color: #b5b8ac;
background-image: url(images/campus2.gif);
background-repeat: no-repeat;
}
#content2 {
padding : 10px;
color : #FFFFFF;
background-color: #3e301d;
background-image: url(images/campus.gif);
background-repeat: no-repeat;
}
.price	{
font-size: 12px;
}
.itemno	{
font-size: 12px;
font-style: italic;
}
			/*FOOTER*/
#footer {
clear : both;
height: 60px;
padding : 3px;
margin : 0;
text-align : center;
border-top : 1px solid #362416;
color : #362416;
background : #fff;
}
			/*TYPOGRAPHY*/
h1 {
font : normal 130% "Trebuchet MS", verdana, tahoma, sans-serif;
letter-spacing : 3px;
/*border-bottom : 1px solid #eee;*/
text-transform : uppercase;
color : #FFFFFF;
background : inherit;
}
h2 {
padding : 10px;
font : bold 130% verdana, tahoma, "Trebuchet MS", sans-serif;
color : #F3F7E0;
background : inherit;
}
			/*LINKS*/
a {
text-decoration : underline;
color : #FFFFFF;
background : inherit;
}
a:hover {
text-decoration: none;
color : #FFFFFF;
background : inherit;
}
a:visited {
text-decoration : underline;
color : #FFFFFF;
background : inherit;
}
A.TopLink,A:active.TopLink,A:visited.TopLink{ 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}
A.BotLink,A:active.BotLink,A:visited.BotLink{ 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}

		/*IMAGES*/
.imgleft {
float : left;
padding-left : 15px;
}
.borderthinwhite
{
	border-width: thin;
	border-color: #ffffff;
}

/*FORM*/
form
{
padding: 0;
margin: 0;
}
.SubmitButton
{
	border: 1px solid #666666; /*medium gray*/
	font-size: 7pt;
	background-color: white;
}
.Input
{
	font-size: 7pt;
}

/*MENU*/
#viewcart {
margin-top : 3px;
padding : 0;
text-align: center;
}
.solidblockmenu ul{
margin: 0;
padding: 0;
float: left;
font: bold 13px Arial;
width: 100%;
border: 1px solid #ffffff;
border-width: 1px 0;
height:34px; 
background: #362416 url(images/blockdefault.gif) center center repeat-x;
}

.solidblockmenu li{
display: inline;
}

.solidblockmenu li a{
float: left;
color: white;
padding: 9px 11px;
text-decoration: none;
border-right: 1px solid white;
}

.solidblockmenu li a:visited{
color: white;
text-decoration: none;
}

.solidblockmenu li a:hover, .solidblockmenu li a.current{
color: white;
background: transparent url(images/blockactive.gif) center center repeat-x;
text-decoration: none;
}

.tabcontainer{
clear: left;
width:95%; /*width of 2nd level sub menus*/
height:1.5em; /*height of 2nd level sub menus. Set to largest's sub menu's height to avoid jittering.*/
}

*:first-child+html .ieclass{ /*IE7 hack to remove gap between menu and sub contents*/
margin-top: -1em;
}

* html .ieclass{ /*IE6 and below hack to remove gap between menu and sub contents*/
margin-top: -1em;
}

.tabcontent{
display:none;
}



.ddcolortabs{
padding: 0;
width: 100%;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

.ddcolortabs ul{
font: normal 11px Arial, Verdana, sans-serif;
margin:0;
padding:0;
list-style:none;
}

.ddcolortabs li{
display:inline;
margin:0 2px 0 0;
padding:0;
text-transform:uppercase;
}


.ddcolortabs a{
float:left;
color: white;
background: black url(media/color_tabs_left.gif) no-repeat left top;
margin:0 2px 0 0;
padding:0 0 1px 3px;
text-decoration:none;
letter-spacing: 1px;
}

.ddcolortabs a span{
float:left;
display:block;
background: transparent url(media/color_tabs_right.gif) no-repeat right top;
padding: 4px 8px 2px 7px;
}

.ddcolortabs a span{
float:none;
}

.ddcolortabs a:hover{
background-color: #591f20;
}

.ddcolortabs a:hover span{
background-color: #591f20;
}

.ddcolortabs .selected a, #ddcolortabs .selected a span{ /*currently selected tab*/
background-color: #591f20;
}

.ddcolortabsline{
clear: both;
padding: 0;
width: 100%;
height: 6px;
line-height: 6px;
background: #362416;
border-top: 1px solid #fff; /*Remove this to remove border between bar and tabs*/
}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv_a{
position:absolute;
top: 0;
border: 1px solid white; /*THEME CHANGE HERE*/
border-top-width: 0px; /*Top border width. Should match height of .ddcolortabsline above*/
border-bottom-width: 0;
font:normal 12px Arial;
line-height:18px;
z-index:100;
background-color: white;
width: 200px;
visibility: hidden;
}


.dropmenudiv_a a{
width: auto;
display: block;
text-indent: 5px;
border-top: 0 solid #678b3f;
border-bottom: 1px solid #678b3f; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
color: black;
}

* html .dropmenudiv_a a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv_a a:hover{ /*THEME CHANGE HERE*/
background-color: #6d8ead;
color: white;
}
/*facebox*/
#facebox .b {
  background:url(facefiles/b.png);
}

#facebox .tl {
  background:url(facefiles/tl.png);
}

#facebox .tr {
  background:url(facefiles/tr.png);
}

#facebox .bl {
  background:url(facefiles/bl.png);
}

#facebox .br {
  background:url(facefiles/br.png);
}

#facebox {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
}

#facebox .popup {
  position: relative;
}

#facebox table {
  margin: auto;
  border-collapse: collapse;
}

#facebox .body {
  padding: 10px;
  background: #fff;
  width: 370px;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
}

#facebox .footer {
  border-top: 1px solid #DDDDDD;
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}
.arrowlistmenu{
width: 150px; /*width of menu*/
}

.arrowlistmenu .headerbar{
font: bold 14px Arial;
color: white;
text-align:center;
background: black url(images/titlebar.png) repeat-x center left;
margin-bottom: 0px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 0px; /*header text is indented 10px*/
}

.arrowlistmenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #A70303;
background: url(images/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
background-color: #FFFFFF;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
}

.arrowlistmenu ul li a:visited{
color: #A70303;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #A70303;
background-color: #cccccc;
}