@charset "utf-8";
/* CSS Document */

body   {
font-size: 1em; 
font-family: cambria, tahoma, verdana, Arial, Times, serif;
background-image: url(images/bg.gif);
background-repeat: repeat;
background-attachment: fixed;
margin: 0; 
padding: 0;
color: #000000;}

#header {
height: 225px;
width: 100%; }

#navbar {
height: 1.3em;
width: 100%;
padding: .1em;
font-variant: small-caps bold;
font-size: 1.1em;
background-color: #000000;
white-space: nowrap;}

#navbar  ul {
margin-left: 0;
padding-left: 0;
display: inline;} 

#navbar ul li {
margin-left: 0;
padding: 3px 15px;
list-style: none;
display: inline;}

#navbar li a {
text-decoration: none;
color: #7c8af7;}

#navbar li a:hover {
color:#613097;}

#main {
width: 90%;
margin-left: 5%;}
	
#menu {
background:transparent; 
width: 200px;
position:absolute;}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
border: none;}
		
#menu li {
border: none;
margin: 0;}

#menu li a {
display: block;
text-decoration: none;
width: auto;}

#content {
color: #CCCCCC;
display:block; 
background:#320E32; 
border-left:1px solid #999; 
border-right:1px solid #fff;}

#content hr  {
color: #7c8af7;
background-color: #7c8af7;
height: 2px;}

#content p {
line-height: 1.5em;
text-align: justify;}

#content em {
font-style: oblique;
font-weight: bold;
font-variant: small-caps;}

#content h1 {
font-size: 1.5em;
font-weight: bold;
text-align: center;
text-decoration: underline;
font-variant: small-caps;}

#content h2 {
font-size: 1.3em;
text-align: center;
font-variant: small-caps;
color: #ABB22A;
text-decoration: underline;}

#content h3 {
font-size: 1.2em;
font-weight: bold;
font-variant: small-caps;
text-decoration: underline;
color: #FBB03B;}

#content h3 a:link, a:active, a:visited {
text-decoration: underline;
color: #1E9802;}

#content h3 a:hover {
color: #ccccff;
text-decoration: underline;}

#content a:link, a:active, a:visited {
text-decoration: underline;
color: #7c8af7;}

#content a:hover {
color: #ccccff;
text-decoration: underline;}

#content table  {
width: 95%; 
text-align: center;
background: #460046;}

#footer {
text-align: center;
font-style: oblique;
font-weight: lighter;
font-size: .75em;
width: 100%;
color: #000000;
clear: right;}

#footer ul {
margin-left: 0;
padding-left: 0;
display: inline;} 

#footer ul li {
margin-left: 0;
padding: 3px 15px;
border-left: 1px solid #000;
border-right: 1px solid #000;
list-style: none;
display: inline;}

#footer li a {
color: #320E32;}


/* Inset 3D Curved */
.inset {
  background:transparent;
  width: 80%;
  position: relative;
  margin-left: 210px;
  padding: 10px;
  }
.inset h1, .inset h2, .inset h3, .inset p, .inset br{
  margin:0 10px;
  }
.inset h2, .inset p {
  margin:0 10px;
  }
.inset h3, .inset p {
  margin:0 10px;
  }
.inset p {
  padding-bottom:0.5em;
  }
.inset .b1, .inset .b2, .inset .b3, .inset .b4, .inset .b1b, .inset .b2b, .inset .b3b, .inset .b4b {
  display:block; 
  overflow:hidden;
  font-size:1px;
  }
.inset .b1, .inset .b2, .inset .b3, .inset .b1b, .inset .b2b, .inset .b3b {
  height:1px;
  }
.inset .b2 {
  background:#320E32; 
  border-left:1px solid #999; 
  border-right:1px solid #aaa;
  }
.inset .b3 {
  background:#320E32; 
  border-left:1px solid #999; 
  border-right:1px solid #ddd;
  }
.inset .b4 {
  background:#320E32; 
  border-left:1px solid #999; 
  border-right:1px solid #eee;
  }
.inset .b4b {
  background:#320E32; 
  border-left:1px solid #aaa; 
  border-right:1px solid #fff;
  }
.inset .b3b {
  background:#320E32; 
  border-left:1px solid #ddd; 
  border-right:1px solid #fff;
  }
.inset .b2b {
  background:#320E32; 
  border-left:1px solid #eee; 
  border-right:1px solid #fff;
  }
.inset .b1 {
  margin:0 5px; 
  background:#999;
  }
.inset .b2, .inset .b2b {
  margin:0 3px; 
  border-width:0 2px;
  }
.inset .b3, .inset .b3b {
  margin:0 2px;
  }
.inset .b4, .inset .b4b {
  height:2px; margin:0 1px;
  }
.inset .b1b {
  margin:0 5px; 
  background:#fff;
  }