body {
background-image:url(images/bg.jpg);
background-color:#9DBDD0;
background-repeat:repeat-x;
font-size:14px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#525252;
margin:0;
padding:0;
}

#stylecolors {float:right; margin-bottom:10px; background:#fff; padding:7px; border:1px solid #000;}
#diff-color {color:#FFFFFF; float:left; margin-right:10px; font-weight:bold;}
#defaultcolor {float:left; height:20px; width:20px; text-indent:-9999em; background:url(images/style-default.jpg) no-repeat; border:1px solid #000; margin:0px 5px;}
#defaultcolor a {height:20px; width:20px; display:block;}
#greencolor {float:left; height:20px; width:20px; text-indent:-9999em; background:url(images/style-green.jpg) no-repeat; border:1px solid #000; margin:0px 5px;}
#greencolor a {height:20px; width:20px; display:block;}
#greycolor {float:left; height:20px; width:20px; text-indent:-9999em; background:url(images/style-grey.jpg) no-repeat; border:1px solid #000; margin:0px 5px;}
#greycolor a {height:20px; width:20px; display:block;}
#tancolor {float:left; height:20px; width:20px; text-indent:-9999em; background:url(images/style-tan.jpg) no-repeat; border:1px solid #000; margin:0px 5px;}
#tancolor a {height:20px; width:20px; display:block;}

#main {
width:903px;
padding-top:10px;
margin:auto;
}

#topbar {
width:903px;
height:50px;
background-image:url(images/topbar.png);
background-repeat:no-repeat;
margin:0;
padding:0;
}

#header {
width:900px;
margin:0;
padding:0;
}

#head-left {
width:540px;
padding-top:50px;
float:left;
margin:0;
}

#head-right {
width:360px;
float:right;
margin:0;
padding:0;
}

#logo {
width:500px;
float:left;
margin:10px 0 10px 20px;
padding:0;
}

#logo {width:500px; height:85px; margin:10px 0px 10px 20px; padding:0px; text-indent:-9999em; float:left;}
#logo a {width:500px; height:85px; background:url(images/logo.png) top no-repeat; display:block;}

#social {
width:130px;
height:30px;
margin:0 auto;
}

#sign-up {
width:361px;
height:164px;
float:right;
background:url(images/sign-up.gif) no-repeat;
margin:0;
padding:0;
}

#signup-field {
float:right;
width:181px;
margin:95px 30px 0 0;
}

#banner {
width:350px;
height:240px;
float:right !important;
background-image:url(images/banner.png);
background-repeat:no-repeat;
margin:20px 0 5px;
padding:0;
}

#content {
width:900px;
margin:auto;
}

#content-narrow {
width:700px;
float:left;
margin:0;
padding:0;
}

#postarea {
width:870px;
margin:auto;
}

#postarea-narrow {
width:680px;
float:left;
margin:0;
padding:10px 10px 10px 0;
}

#sidebar {
width:200px;
float:left;
margin:0 0 5px;
}

#side-items {
width:200px;
margin:auto;
}

.title {
font-size:18px;
color:#6C6B89;
text-align:center;
border:solid 3px;
background-color:#eee;
-moz-border-radius:10px;
-webkit-border-radius:10px;
margin:10px 0;
padding:3px;
}

#side-items h1 {
font-size:18px;
color:#5E86A8;
margin:5px 0 150px;
padding:0;
}

#side-items h2 {
font-size:14px;
color:#5E86A8;
margin:10px 0;
padding:0;
}

#side-items ul {
font-size:14px;
color:#333;
margin:0 0 0 25px;
padding:0;
}

#side-items p {
font-size:14px;
color:#333;
text-align:justify;
margin:10px 0 10px 5px;
padding:0 5px 0 0;
}

#footer {
width:900px;
text-align:center;
border-top:dashed thin #EEE;
padding-top:10px;
margin-top:30px;
}

#botnav {
width:900px;
margin:auto;
padding:0;
}

#botnav ul {
text-align:center;
list-style:none;
margin:0;
padding:0;
}

#botnav li {
background:url(images/bullet.jpg);
background-repeat:no-repeat;
display:inline;
font-size:14px;
color:#525252;
font-weight:700;
margin:0;
padding:0 5px 0 10px;
}

#botnav li a {
text-decoration:none;
}

#botnav ul ul {
display:inline;
}

#footer p {
font-size:14px;
margin:8px 0 3px;
padding:0;
}

#clear {
clear:both;
}

a {
color:#6C6B89;
text-decoration:underline;
}

a:hover {
color:#6C6B89;
text-decoration:none;
}

#date {
font-size:12px;
line-height:16px;
color:#333;
margin-top:5px;
}

.navigation {
width:100%;
margin:auto auto 10px;
}

.align-left {
width:49%;
float:left;
}

.align-right {
width:49%;
float:right;
text-align:right;
}

textarea {
width:500px;
}

#wp-calendar {
margin:auto;
}

.alignleft {
float:left;
}

.alignright {
float:right;
}

#postarea h1,#postarea-narrow h1 {
color:#6C6B89;
font-size:24px;
border-bottom:dashed 1px #666;
margin:10px 0 0;
padding:0;
}

#postarea h1 a,#postarea-narrow h1 a {
color:#6C6B89;
font-size:24px;
border-bottom:dashed 1px #666;
text-decoration:none;
}

#postarea h2,#postarea-narrow h2 {
color:#6C6B89;
font-size:18px;
margin:5px 0;
padding:0;
}

#postarea p,#postarea ul,#postarea li,#postarea-narrow p,#postarea-narrow li {
color:#333;
font-size:14px;
}

/*--- Menu ---*/
#menu {
	width:903px;
	height:50px;
	background-image:url(images/nav.png);
	background-repeat:repeat-x;
	margin:8px 0px 0px 0px;
	padding:0px;
}


#menu ul {
	width:903px;
	margin:auto;
	padding:0px;
	list-style:none;
	text-align:center;
	}

#menu li {
	border:none;
	background:url(images/bullet.jpg);
	background-repeat:no-repeat;
	color:#525252;
	line-height:50px;
	z-index:20;
	letter-spacing:0px;
	/*font-weight:bold;*/
	font-size:18px;
	padding:0px;
	margin:0px;
	float:left;
	text-transform:uppercase;	
	position:relative;
	}

#menu li a {
	border:none;
	background:none;
	text-decoration:none;
	display:block;
	padding:0 17px;
	color:#525252;
	margin:0px 0px 0px 1px;
	}

#menu li a:hover {
	border:none;
	background:none;
	text-decoration:none;
	color:#525252;
	margin:0px 0px 0px 1px;
	background-color:#B4DEF5;
	}

#menu ul ul {
	position:absolute;
	left:-999em;
	top:50px;
	width:100%;
	}

#menu li:hover ul,#menu li.sfhover ul {
	left:0;
	}

#menu ul ul li a {
	padding:4px 10px;
	text-transform:normal;
	font-variant:normal;
	}

#menu ul ul li {
	letter-spacing:0px;
	color:#525252;
	z-index:20;
	width:150px;
	font-size:11px;
	font-style:normal;
	text-align:left;
	background:#FFFFFF;
	border-bottom:1px solid #cccccc;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	margin:0;
	}

#menu ul ul li a {
	line-height:22px;
	color:#525252;
	text-decoration:none;
	}

#menu ul ul li:hover a {
	color:#525252;
	text-decoration:none;
	background:#B4DEF5;
	}

#menu ul ul li:hover li a {
	color:#525252;
	}

#menu ul ul li:hover li a:hover {
	color:#525252;
	}

#menu ul ul li:hover {
	color:#525252;
	background:#B4DEF5;
	}

#menu ul ul ul li {
	font-size:1em;
	}

#menu ul ul ul, #menu ul ul ul ul {
	position:absolute;
	margin-left:-999em;
	top:0;
	width:200px;
	}

#menu li li:hover ul {
	margin-left:150px;
	/*margin-top:22px;*/
	}

#menu ul ul li:hover li a {
	color:#000;
	text-decoration:none;
	background-color:#FFFFFF;
	}

#menu ul ul li li:hover a {
	color:#525252;
	text-decoration:none;
	background:#B4DEF5;	
	}