/* page --------------------------------------------------------- */
.background
{
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-color:Black;
}
H1
{
    FONT-SIZE: 44px;
    COLOR: #ffcc66;
}
H2
{
    COLOR: #ffcc66;	
}
/* text -------------------------------------------------------- */
.titleColor
{
	COLOR: #ffcc66;	
}
.Header
{
	font-weight: bolder;
	font-size: 15pt;
	color:#FFFFCC;
}

.headertext
{
	FONT-SIZE: 14pt; 
	font-weight:bold;
}

.contenttext
{
	color:#FFFFCC;
	FONT-WEIGHT: bold;
}

.textbody
{
    FONT-FAMILY:Georgia;
    FONT-SIZE: 12pt;
    COLOR: #FFFFCC;
}

.MyText
{
	font-weight: bold;
	color:#FFFFCC;
	font-family:Times New Roman;
}

.textblock
{
 padding:2px;
 COLOR:White;
 FONT-SIZE: 14pt;
 FONT-FAMILY: Arial, Helvetica, sans-serif	
}

.Title
{
    FONT-SIZE: 44px;
    COLOR: #ffcc66;
    FONT-FAMILY: Haettenschweiler
}

UL
{
	FONT-SIZE:medium;
	font-family:Arial;
	color:White;
}
/* format ---------------------------------------------------------------------- */
.padcol
{
	padding-left:15%;
	padding-right:15%;
}
.opaqueblock
{
 border-style:ridge;
 border-color:gold;
 border-width:thin;
 padding:2px;
 background-color:rgba(0, 0, 0, 0.4);	
}
.mediumColumn
{
    PADDING-RIGHT: 5px;
    PADDING-LEFT: 5px;
    FLOAT: left;
    PADDING-BOTTOM: 5px;
    WIDTH: 220px;
    PADDING-TOP: 5px;
    HEIGHT: 22px
}
.wideColumn
{
    PADDING-RIGHT: 5px;
    PADDING-LEFT: 5px;
    FLOAT: left;
    PADDING-BOTTOM: 5px;
    WIDTH: 500px;
    PADDING-TOP: 5px;
    HEIGHT: 22px
}
.imagestatic
{
    FLOAT: left;
    margin-right:5px;
    WIDTH: 100px;
    border:0;
    -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.4);
    box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.4);
}
.image
{
    FLOAT: left;
    margin-right:5px;
    WIDTH: 100px;
    border:0;
    -webkit-box-shadow: 2px 2px 3px rgba(211, 211, 211, 0.4);
    -moz-box-shadow: 2px 2px 3px rgba(211, 211, 211, 0.4);
    box-shadow: 2px 2px 3px rgba(211, 211, 211, 0.4);
}
.image:hover,
.image:focus,
.image:active
{
   -webkit-box-shadow: 4px 4px 6px rgba(255, 0, 0, 0.4);
    -moz-box-shadow: 4px 4px 6px rgba(255, 0, 0, 0.4);
    box-shadow: 4px 4px 6px rgba(255, 0, 0, 0.4);
}

.imagesmall
{
    FLOAT: left;
    margin-right:5px;
    border:0;
    -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.4);
    box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.4);
}
.image_noborder
{
    BORDER-TOP: black;
    FLOAT: left;
    BORDER-LEFT: black;
    WIDTH: 100px;
    margin-right:5px;
}
.imagelarge
{
	width:400;
   -webkit-box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.5);
    box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.5);
}
.leftcontent
{
    BORDER-RIGHT: black;
    BORDER-TOP: black;
    FLOAT: left;
    BORDER-LEFT: black;
    WIDTH: 500px;
    BORDER-BOTTOM: black;
    HEIGHT: 150px
}
.xbodycontent
{
    FLOAT: left;
    WIDTH: 100%;
    TEXT-ALIGN: left
}
.bodycontent
{
    TEXT-ALIGN: left;
    
}
.books
{
    BORDER-RIGHT: sienna ridge 2px;
    PADDING-RIGHT: 5px;
    BORDER-TOP: sienna ridge 2px;
    PADDING-LEFT: 5px;
    PADDING-BOTTOM: 5px;
    BORDER-LEFT: sienna ridge 2px;
    PADDING-TOP: 5px;
    BORDER-BOTTOM: sienna ridge 2px;
    BACKGROUND-COLOR: rgba(84,84,84,0.5);
    font-family:Georgia;
    COLOR:White;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -webkit-box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.4);
    box-shadow: 4px 4px 6px rgba(255, 0, 0, 0.4);
}
.nav
{
    PADDING-LEFT: 5px;
    FLOAT: left;
    PADDING-BOTTOM: 5px;
    WIDTH: 150px;
    HEIGHT: 764px;    
    FONT-WEIGHT: bold; 
    FONT-SIZE: 13pt; 
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    
}
.navborder
{
    PADDING-RIGHT: 5px;
    FLOAT: left;
    PADDING-BOTTOM: 5px;
    WIDTH: 48px;
    HEIGHT: 764px;
    background-image: url(ww/leftborder.jpg);
    background-repeat:repeat-y;
    
   
}
.rightimage
{
    FLOAT: right;
    TOP: 0px
}
.middlecontent
{
    WIDTH: 50%
}
.leftimage
{
    FLOAT: left;
    padding:5px;
}
.frontborder
{
	float:left;width:10%;padding:10%;height:1375px;BACKGROUND-IMAGE: url(qurl/nebula2.jpg)
}
.frontmiddle
{
	float:left;width:70%;padding:5px;
	border:thin groove 5px silver;
}

.frontleftborder
{
	float:left;width:10%;BACKGROUND-IMAGE: url(qurl/nebula2.jpg);
	margin-right: -200px;
}

.frontcontainer
{
	width:80%;float:right;
	
}

.frontContent
{
	
}

#header {
  background: #d7dabd;
}
#container {
  width: 100%;
  float: left;
  margin-right: -200px;
}

#content {
  background: beige;
  margin-right: 200px;
}

#sidebar {
  width: 200px;
  float: right;
  height:1425px;
}
#main {
  margin-left: 150px;
  margin-top:0px;
  padding:5px;
}
#left {
  width: 150px;
  float: left;
  height:1425px;
}