html, body { height: 100%; margin: 0; padding:0; font-family: Verdana; background: #fff; font-size: 1em; color: #333;}
ul, li { margin:0; padding:0; }
h1,h2,h3,h4,h5 { font-family: "Trebuchet MS", Trebuchet, sans-serif; margin:0; padding:0; text-align:left; display:inline}
#container { text-align:left; }
input, label { font-size: 1.2em; }
br { clear:both; }
a, #current a { color: #5B5FAE; text-decoration:none; }
#featured h3 { color: #1F267E; }

#c span.links { background: #ccc; border:1px solid #fff; padding: 5px; }
#c span.links a { padding: 0 5px }

a:hover { text-decoration: underline; color: #1F267E }
#menu a { text-decoration: none; }
a img { border:0; }
#sidebar ul li { display:block; margin: 5px 0 }
h1 { color: #6163B3 }
#cal { font-size: .8em; float:right; }
#cal a { color: #fff; }
#top {
	width:900px;
	height: 99px;
	margin: 0px auto;
	display: block;
}
#top ul { float:right; position: relative; top: 40px; }
#top ul li { display: inline; margin: 0 11px; }
#top ul li a { font-size: 1.2em; }

p { font-size: .8em; line-height: 1.9em}
fieldset { border:0; }
#welcome { width: 500px; float:left; background: #fff; border:1px solid #ccc; margin-top: 15px; padding: 5px 15px;}

#blog { float:left; font-size: 9pt; padding: 5px; font-family: Helvetica, Arial; width: 500px; height: 200px; }
#blog.active { color: #333; }

    .focusField{
        border:solid 1px #73A6FF;
        background:#EFF5FF;
        color:#000;
    }
    .idleField{
        background:#fff;
        color: #999;
        border: solid 1px #DFDFDF;
    }

#content {
	background: #6066BF; background: #eee;
	color: #fff; color: #333
}
#content #c { width: 900px; margin:0 auto; }

#sidebar { float:right; text-align:left; width: 330px; color: #333; padding: 10px; }
#sidebar .box { background: #5B62B6; color: #eee; }
#sidebar .box strong { background: #1F267E; text-align:center; display:block; padding: 5px 0; margin: 5px 0}
#sidebar .box p a { color: #fff; text-decoration:underline; font-weight:bold }
#sidebar .box p { padding: 15px 0; clear:both; }

#recaptcha_widget_div { width: 320px !important; margin: 0 auto; display:block }


#suggest {
margin: 0 auto;
width: 200px;
}
#suggest li{
list-style:none;
text-align:left;
vertical-align:top;
}

#profile h3, #profile li {
display:block;
}
#profile li {
margin: 10px;
}
.upbox {
float:right;
margin-right: 10px;
width: 380px;
min-height: 150px;

}
.picbox {
float: left;
width: 220px;
}


#menu {
	margin: 0 auto;
}
#menu ul {
	height: 27px;
	margin: 0 auto;
	display:block;
	width:700px;
}
#menu li {
	float:left;
	list-style:none;
	color: #fff;
	margin: 0 3px;
	text-align:center;
	float:left;
}
#menu a {
	text-align:center;
	font-weight:bold;
	text-decoration: none;
	float: left;
	width: 85px;
	padding: 7px 0px;
}
#menu a:hover, #menu .active {
	background: url('/img/tab.gif') no-repeat;
}
#a-menu {
display:block;
padding: 5px 0;
width: 100%;
background: #6163B3;
}
#a-menu a {
padding: 5px 25px;
color: #fff;
border-right: 1px solid #2A2B89;
font-family: "Trebuchet MS", Trebuchet, sans-serif;
font-size: 1em
}
#a-menu a:hover, #a-menu .active {
background: #2A2B89;
}
#profile {
	width: 500px;
	text-align:left;
	font-size: .8em;
	line-height: 1.5em
}
#profile h1 {
	display: block;
}
#profile h2 {
	display: block;
	padding-top: 15px;
	width: 100%;
	border-bottom: 1px solid #ccc;
}


#msg, #error, #success { width: 100%; margin: 10px auto; border:1px solid #7ADD83; text-align:left; font-size: 9pt; padding: 10px 0; clear:both;} 
#msg { background: #FFFABF; border: 1px solid #FFF15F; }
#success { background: #C2F4D6 url(/img/msg.png) no-repeat 10px center; color: #333; padding: 15px 0 }
#success strong { color: #1B6D3D }
#error { background: #FFC4C4 url(/img/error.png) no-repeat 10px center; color: #333; border-color: #C4204A; }
#error strong { color: #C4204A; }
#error ul, #success ul { padding: 0px; margin:0; }
#error ul li, #success ul li, #success ul { line-height: 15pt; font-size: 11pt; }
#error h2, #error ul, #success ul { margin: 0px 0 0px 70px;}
#error ul li { margin-left: 40px; }
#success ul li { list-style:none; }


#form { margin: 0 auto; display:block; width: 780px; }
#form h1,#form h2, #form h3, #form h4 { display:block; text-align:center; padding: 5px; }
#form h4 { color: #999; }
#form span label, #sidebar span label { display:block; clear:both; float:left; width: 100%; padding: 5px 0; }
#form p i { padding: 3px 5px; font-size: .9em;}
#form span label b, #sidebar span label b { float:left; text-align:right; padding-right: 5px; width: 250px; padding-top: 4px; color: #6564B1}

#form table.blog tr td, #form table.blog tr th { padding:  2px 5px; width: 250px; }
#form table.blog tr .cbox { width: 20px; }

#sidebar .box span label b { color: #fff; }
#sidebar span label b, #sidebar span label input { width: 130px; }
#form span label input, #sidebar span label input { float:left; }
#sidebar span label, #sidebar span label input { font-size: 1em; }
#form span label i { float:left; color: #666; font-size: 1em; padding: 2px 10px; font-style:normal }
#form input#profileurl { width: 110px }

.l {
	float: left;
	text-align:left;
}
.r {
	float: right;
}
.c { margin: 0 auto; text-align:center; display:block; float:none }

.btn {
	padding: 2px 5px;
	font-weight: bold;
}
.padding {
	padding: 3px 10px;
}
#bottom {
	background: #1F267E; background: #fff;
	width: 100%;
	font-size: .9em;
}
#botnav {
	width: 780px;
	display: block;
	margin: 0px auto;
	text-align:center;
	color: #999;
	padding: 10px 0
}
#botnav li a { color: #ccc; }
#botnav li {
	list-style: none;
	display:inline;
	margin: 0 10px;
}


#search {
	text-align:center;
	display:block;
	margin: 0 auto;
	float:right;
	position:relative; 
	top: 0px;
	right: 15px;
}
#search label {
	margin-top: 5px;
}
#search i {
	font-style:normal;
}
#sresult {
	width: 80%;
	margin: 0 auto;
	text-align:left;
	font-size: .8em; 
	line-height: 1.5em;
	padding-top: 10px;
}
#sresult i { font-style: normal; }
.result {
	display: block;
	padding: 10px;
	border:1px solid #ccc;
	margin: 10px 0;
	background: #fff;
}
.result h2 { display:block; padding: 0px 0 5px 0 }
#accountbox {
	margin: 0 auto;
	display:block;
}
#accountbox label {
float:left;
text-align:right;
}
#accountbox .profile {
width: 320px;
margin: 0 auto;
}
#accountbox .txtbox {
float:left;
width: 500px;
height: 130px;
font-family: Verdana;
font-size: .8em;
line-height: 1.5em;
padding: 4px;
}
#change {
	display:inline;
}
#accountbox a {
	color: #00f;
}
#accountbox label {
	float: left;
	width: 100px;
	text-align:right;
}
#accountbox .details label {
width: 170px;
}
#pagemenu { display:block; margin: 0 auto; width: 850px }
#pagemenu a { font-weight: bold; }
#pagemenu p { margin:0; padding:0; }
#pagemenu a, #pagemenu b { padding: 5px; }

#error {
background: #FFFBCF;
border: 1px solid #f00;
padding: 2px 10px;
display:block;
color: #c00;
font-style:normal;
margin: 10px 0
}
#error h2 { color: #f00; }
#error li{
width: 100%;
text-align:center;
vertical-align:top;
display:block;
padding: 5px;
}
#delete {
margin: 0 auto;
width: 300px;
text-align:center;
}
#delete label {
float: left;
width: 270px;
text-align:left;
font-size: 1em;
}
#delete input {
float: left;
width: 20px;
margin: 5px;
}
#msg {
text-align:center;
width: 70%;
padding: 5px 10px;
border:1px solid #eee;
background: #fff;
color: #333;
margin: 5px auto 10px auto;
}