/* Please search for " ## Change ## " to go to all the places where you can change content */

body {
	font: 95% "Arial";
	word-spacing:2px;
	color:#000;
	margin:20px;
	background: #fff url(../images/back.gif) repeat-y;
}

* {
	margin:0;
	padding:0;
	
}

#wrapper {
	font: 95% "Arial";
	max-width:1200px;
	width:expression(this.width > 320 ? "320px" : this.width);
	min-width:760px;
	margin:0 auto;
	min-height: 680px;
}

* html #wrapper
{
	width: expression(document.documentElement.clientWidth > 1200 ? "1200px" : "auto");
}

#innerwrapper {
	font: 95% "Arial";
	margin:1px;
}

#header {
	position:absolute;
	top: 0px;
	left:21px;
/* 	background: url(../images/header_light.gif) no-repeat; */
	width:900px;
	height:76px;
	margin-left:50px;
}

/* ## Change ## */

/* Little Search box next to menu */
#header input {
	width:150px;
	padding:5px;
	margin-top:-15px;
	border:2px solid red; /* Change border width, color here */
	font:150% "Arial";
	color:#999; /* Font color */
}

/* ## Change ## */

/* When mouse over search box */
#header input:hover {
	border:2px solid #ccc;
}

/* ## Change ## */

/* When search box is active */
#header input:focus {
	border:2px solid #79B5D6;
	color:#555;
}

#header form {
	padding:27px 25px 20px 25px;
	float:right;
	background:#fff;
	width:220px;
	margin:-20px -20px 0 0 !important;
	margin:-20px -10px 0 0;
	border:none;
}

#header h1 {
	float:left;
	font:250% "Arial";
	color:#333;
	padding:5px 20px 5px 5px;
	border-right:1px solid #ccc;
	margin:0 20px 0 0;
}

#header h1 a {
	color:#333;
	text-decoration:none;
	border-bottom:2px solid #f6f6f6;
}

#header h1 a:hover {
	color:#111;
	border-bottom:2px solid #79B5D6;
}

#header h2 {
	font:150% "Arial";
	color:#666;
	padding:16px 0 0 0;
	border:none;
}

#header h2 a {
	color:#444;
	text-decoration:none;
	border-bottom:2px solid #f6f6f6;
}

#header h2 a:hover {
	border-bottom:2px solid #79B5D6;
}

#nav {
	position: absolute;
	top:80px;
	left:0px;
	width:690px;
	line-height:28px;
	background:url(../images/line2.gif);
	padding:10px 10px 10px 0 !important;
	padding:4px 10px 10px 0;
}

#header a em {
	font-style:normal;
	text-decoration:underline;
}

#header #nav a {
	color:#fff;
	font:140% "Arial";
	text-decoration:none;
	padding:10px;
}

/* ## Change ## */

/* Top Menu hover */
#header #nav a:hover {
	background:#fb5d5a; /* Background color */
}


/* ## Change ## */

/* Top Menu active */
#header #nav a.active {
	background:red;
}

#header #nav li {
	display:inline;
	list-style:none;
	margin:0 1px 0 0;
}

#header #subnav {
	position:absolute;
	top:130px;
	left:0px;
	line-height:23px;
	padding:5px 7px 7px 7px;
	font:90% "Arial";
	color:#DEEDF5;
}

#header #subnav li {
	list-style:none;
	display:inline;
}

#header #subnav a {
	color:blue;
	text-decoration:none;
	font:100% "Arial";
	padding:5px;
}

#header #subnav a:hover {
	border-bottom:2px solid blue;
	color:blue;
}

#header #subnav a.active {
	background:url(../images/background2.gif);
	border-bottom:2px solid red;
	color:#fff;
}


#sidebar {
	background:#616161;
	width:500px;
	padding:10px 20px 20px 20px;
	float:left;
	color:#111;
	border-top:2px solid #000;
	border-bottom:10px solid #000;
}

#sidebar h2 {
	font:160% "Arial";
	color:#111;
	margin:10px 0 10px 0;
	border:none;
}

#sidebar h3 {
	color:#FF8040;
	font:90% "Arial";
	font-weight:bold;
	letter-spacing:2px;
}

#sidebar p {
	margin:15px 0;
}

#sidebar p.news {
	background:#323232;
}

#sidebar p.news a.more {
	color:#ccc;
	display:block;
	text-align:right;
	font:80% "Arial";
	text-transform:uppercase;
	letter-spacing:1px;
	text-decoration:none;
	padding:10px 0;
}

#sidebar p.news a:hover {
	color:#98D158;
}

#sidebar .subnav {
	border-top:1px solid #2C2C2C;
}

#sidebar .subnav li {
	list-style:none;
	padding:5px;
	border-bottom:1px solid #2C2C2C;
}

#sidebar .subnav li a {	
	color:#ccc;
	text-decoration:none;
	display:block;
}

#sidebar .subnav li a:hover {
	color:#98D158;
}

#sidebar .subnav li a b {
	float:right;
	display:none;
	color:#666;
}

#sidebar .subnav li a:hover b {
	display:inline;
}

#sidebar input {
	padding:4px;
	background:#2c2c2c;
	border:1px solid #222222;
	color:#ccc;
	font:90% "Arial";
	width:190px;
}

#sidebarright {
	width:170px;
	float:right;
	padding:10px 0 0 20px;
	background:url(../images/sidebarright.jpg) top left no-repeat;
}

#sidebarright p {
	font:90% "Arial";
	color:#777;
	line-height:20px;
	margin:10px 0;
}

#sidebarright h2 {
	font:140% "Arial";
	color:#333;
	margin:10px 0;
	border:none;
}

#sidebarright ul {
	margin:10px 0 10px 15px;
	font:90% "Arial";
}

#sidebarright ul li {
	margin:5px 0;
}

#sidebarright a {
	border-bottom:1px dotted #eee;
	color:#444;
	text-decoration:none;
}

#sidebarright a:hover {
	border-bottom:1px solid #ccc;
}


#content {
	font: 85%-90% "Arial";
	padding:20px 0 0 20px;
}

#contentnorightbar {
	font: 85%-90% "Arial";
	position:absolute;
	top:175px;
	left:20px;
	padding:0px 20px 20px 20px;
}

p {
	margin:15px 0;
	line-height:22px;
}


h2 {
	font:190% "Arial";
	color:black;
	border-bottom:0px solid #f6f6f6;
}

h2 a {
	color:#79B933;
	text-decoration:none;
}

h2 a:hover {
	color:#5F9128;
}


#footer {
	clear:both;
	width:880px;
	padding:10px;
	margin-left:-5px;
	margin-bottom:-20px;
}

a {
	color:blue;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

h3 {
	font:140% "Arial";
	text-decoration: underline;
}

h3 a {
	font:140% "Arial";
}

h3 a:hover {
	font:140% "Arial";
	text-decoration: none;
}


#content ul {
	margin:15px 0 15px 0;
	line-height:25px;
	padding:15px 0 15px 15px;
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
	color:#79B933;
}
#content ul span {
	color:#444;
}

#contentnorightbar {
	font: 85%-90% "Arial";
	margin:15px 0 15px 35px;
}

#contentnorightbar ul {
	margin:15px 0 15px 20px;
	line-height:25px;
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
	color:#79B933;
}

#contentnorightbar ul span {
	color:#444;
}


#img_background {
	width:108px;
	height:158px;
	background:url(../imgs/shadow_border2.gif);
}


#img_background_small {
	width:63px;
	height:88px;
	background:url(../imgs/shadow_border_small.gif);
}

img {
	padding:-1px;
}

form {
	padding:10px;
	border:0px solid #f6f6f6;
}

label {
	display:block;
	font-weight:bold;
	color:#444;
	margin:5px 0;

}

/* ## Change ## */

/* Input boxes all over the site */
input {
	border:1px solid #ef8d94; /* Change border color and with */
	background-position: left top; 
	font: "Arial";
	font-size: 10pt; 
	color: #777; /* Change Text color here */
	background-color: #f8dbda; /* Background color */
}

/* ## Change ## */

/* Mouse over input box */
input:hover {
	background-color: #fff; /* Background Color */
	color:#000; /* Text color */
}

/* ## Change ## */

/* Input box active */
input:focus {
	background-color: #fff; /* Background Color */
	color:#000; /* Text color */
}

/* ## Change ## */

/* Textarea boxes all over the website */
textarea {
	padding:4px;
	font:10pt "Arial";
	border:1px solid #ef8d94; /* Border color & width */
	background-color: #f8dbda; /* Background color */
	display:block;
	color:#777; /* Text Color */
}

/* ## Change ## */

/* Textarea box mouse over */
textarea:hover {
	background-color: #fff; /* Bacground Color */
	color:#000; /* Text color */
}

/* ## Change ## */

/* Textarea box active */
textarea:focus {
	background-color: #fff; /* Background color */
	color:#000; /* text color */
}

p img {
	float:left;
	margin:0 10px 0 0;
}

blockquote p {
	font:160% "Arial";
	color:#aaa;
	padding:0 10% 0 0;
	line-height:30px;
}

/* ## Change ## */

/* Profile background and box on match and search etc.. */
#display
{
	border: 1px solid #ef8d94; /* Border color & width */
	padding:10px;
	width:350px;
	background: #fff url(../imgs/content2.gif); /* Dont change here change img. */
}

/* ## Change ## */

/* display box on contact page */
#contact_display
{
	border: 2px solid #ef8d94; /* Border color & width */
	padding:10px;
	width:400px;
	background: #fff url(../imgs/content2.gif); /* Dont change here change img. */
}

/* ## Change ## */

/* Drop downs all over website */
select {
	border:1px solid #ef8d94; /* Border color & width */
	background-color: #f8dbda; /* Background color */
	background-position: left top; 
	font: "Arial";
	font-size: 10pt; 
	color: #777; /* Text color */
}

/* ## Change ## */

/* Drop downs Mouse over */
select:hover {
	border:1px solid #ef8d94; /* Border color & width*/
	background-position: left top; 
	font: "Arial";
	font-size: 10pt; 
	color: #000; /* Text color */
	background-color: #fff; /* Background color */
}

/* ## Change ## */

/* Display Box for messages */
#mail_display
{
	border: 2px solid #ef8d94; /* Border color & width */
	padding:14px;
	width:600px;
	background: #dbf3f2; /* Background color */
}

/* ## Change ## */

/* Mail heading display */
.mail_heading
{
	border: 2px solid #ef8d94; /* Border width & color */
	background: #fff;
	width: 500px;
}

/* ## Change ## */

/* Mail Button */
.mail_button
{
	border: 2px solid #ef8d94; /* Border color & width */
	background: #fff;
	width: 100px;
}

/* ## Change ## */

/* Adding a blog display */
#add_blog_display
{
	border: 2px solid #ef8d94; /* Border color & width */
	padding:14px;
	width:850px;
	background: #fff; /* Background color */
}

/* ## Change ## */

/* Edit Profile display */
#edit_display
{
	border: 1px solid #ef8d94; /* Border color & width */
	padding:10px;
	width:850px;
	background: #fff url(../imgs/content3.gif); /* Dont change here change img */
}

/* ## Change ## */

/* Blog display heading */
.blog_heading
{
	border: 1px solid #ef8d94; /* Border width & color */
	background: #fff url(../imgs/content2.gif); /* Dont change here change img */
	width: 100%;
}

.search
{
	height:15px;
}

.err
{
	color:red;
	font-weight:bold;
}

/* ## Change ## */

/* Small line underneath profiles on front page. */
#index_bottom {
	border-bottom: 1px solid #ef8d94;
	width:200px;
	height:95px;
}