body,html { 
	height:100%;
        margin: 0px;
        padding: 0px;
        color:#333;
        background: url('images/bg-three.jpg') #eee repeat top left;
        text-align: center;
	font: 9pt Trebuchet MS;
}

#wrap {
	top: 0px;
    	left: 250px;
        width:800px;
        margin:0 auto;
        background: url('images/wrap-bg.gif') #fff;
        text-align: left;
        overflow: hidden;
	
}


#header {
	padding:5px 10px;
        background: url('images/logo.png') #ddd no-repeat;
	height: 200px;
	font-size: 24pt;
	font-family: GraublauWeb, sans-serif;
	color: #9fb955;
}


#nav {
        background: url('images/navbar.png') #c99 repeat-x;
	height: 20px;
}

#main {
	height:100%;
        margin: 0px;
        padding: 0px;
        float:left;
        width:610px;
        background:#fff;
	padding: 10px;
	overflow: auto;
}

#sidebar {
	height:100%;
        margin: 0px;
        float:right;
        width:150px;
	background:#ddd;
	padding: 10px;
	overflow: hidden;
}

#footer {
	clear:both;
        color:#ffffff;
        font-family:trebuchet ms;
        word-spacing:3px;
        letter-spacing:0px;
        font-size:7pt;
	padding:5px 10px;
	background: url('images/navbar.png') #000 repeat-x;
	height: 20px;
}

footer p {
	margin:0;
}

@font-face {
	font-family: GraublauWeb;
	src: url('GraublauWeb.otf');
}

p {
	margin: 10px 0px; 
}

table {
	border-collapse: collapse;
}


#nav ul {
	margin:0;
	padding:0;
	list-style:none;
}

#nav li {
	display:inline;
	margin:0;
	padding:0;
}


a:link, a:active, a:visited {
	color: #c00000; 
	text-decoration: none;
	border-bottom: 1px solid #ddd;
	background: #eee;
}

a:hover {
	color: #4967C9; 
	cursor:crosshair;
	background: #fff;
}

h1 {
	font: italic 15px GraublauWeb;
	color: #9fb955;
	margin: 25px 0px 5px 0px;
	padding-bottom: 2px;
	text-transform: lowercase;
	letter-spacing: 1px;
	text-indent: 15px;
	line-height: 15px;
	border-bottom: 3px solid #ccc;
	}

h2 {
	font: italic 13px GraublauWeb;
	color: #e7126c;
	margin: 25px 0px 5px 0px;
	padding-bottom: 2px;
	text-transform: lowercase;
	letter-spacing: 1px;
	text-indent: 15px;
	line-height: 15px;
	border-bottom: 3px solid #ccc;
	}


i {
	color: #532F65;
}

input, textarea, option, select {
	font-family: trebuchet ms;
	color: #333;
	font-size: 10px;
	width:200px;
	background-color: #eee;
	border: 1px solid #bbb;
	padding-left: 2px;
}


a.info {
	color: #777; 
	text-decoration: none;
	background: none;
	position:relative;
	z-index:24; 
}

a.info:hover { 
	z-index:25; 
}

a.info span {
	display: none
}

a.info:hover span { 
	display:block;
	position:absolute;
	width: 300px;
	padding: 3px;
	border: 1px solid #ccc;
	background-color:#f1f1f1; 
	color:#000;
	}



/* SIDEBAR */


#sidebar ul {
  list-style-type: none;
  margin: 0 10px 0 35px;
  padding: 0;
}

#sidebar ul li {
  margin: 0 0 5px 0;
  padding: 0;
}

#sidebar ul li h2 {
  font-family: Arial;
  font-size: 16px;
  color: #DFDFDF;
  font-weight: lighter;
  border-bottom: 1px #94fbff solid;
  margin-bottom: 5px;
}


#sidebar ul ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#sidebar ul li ul li {
  margin: 0;
  color: #808080;
  padding: 3px 0 3px 0;
  border-bottom: 1px #23282c dotted;
}

#sidebar ul li ul li a {
  color: #808080;
  text-decoration: none;
}

#sidebar ul li ul li a:hover {
   color: #94fbff;
}

#sidebar ul li ul li .children {
  list-style-type: none;
  margin: 0 0 0 10px;
}

#sidebar ul li ul li .children li {
  border-bottom: none;
  padding: 3px 0 3px 10px;
  background: url(images/children_bullet.png) no-repeat;
}

#sidebar ul ul ul {
  list-style-type: none;
  margin: 0 0 0 10px;
}

#sidebar ul li ul li ul li {
  border-bottom: none;
  padding: 3px 0 3px 10px;
  background: url(images/children_bullet.png) no-repeat;
}

#sidebar ul li div a {
  color: #808080;
  text-decoration: none;
}

#sidebar ul li div a:hover {
  color: #94fbff;
}



.img{
border:3px double #b1b1b1;

}



b {
color: #e7126c; 
font-weight:bold;
border-bottom:1px dashed #ff3d8f
}

i {
 color: #18c7f9;

}

u {
color : #b1b1b1;
}

s {
color:#c6df1f;
}


hr {
background-color:#ffffff;
border-bottom:1px solid #ccc;
border-top:2px solid #ccc;
width: 100%;
}

