body {
	margin: 0;
/* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center;
/* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container 
selector */
	color: #1F242A;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	background-color: #F2F2F2;
}

body {
	background-image: url(http://evvyawards.org/2010/wall814.jpg);
}

.twoColLiqRtHdr #container {
	width: 90%;
/* this will create a container 80% of the browser width */
	margin: 0 auto;
/* the auto margins (in conjunction with a width) center the page */
	border: 0 none #000;
	text-align: left;
	padding: 0;
}

.twoColLiqRtHdr #header {
	padding: 0 10px;
	color: #fff;
}

.twoColLiqRtHdr #header h1 {
	margin: 0;
/* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0;
/* using padding instead of margin will allow you to keep the element away from the edges of the div */
	color: #fff;
}

/* Tips for sidebar1:
1. since we are working in percentages, it's best not to use padding on the sidebar. It will be added to the width for standards compliant browsers creating an unknown actual width. 
2. Space between the side of the div and the elements within it can be created by placing a left and right margin on those elements as seen in the ".twoColLiqRtHdr #sidebar1 p" rule.
3. Since Explorer calculates widths after the parent element is rendered, you may occasionally run into unexplained bugs with percentage-based columns. If you need more predictable results, you may choose to change to pixel sized columns.
*/
.twoColLiqRtHdr #sidebar1 {
	border-bottom-width: 2px;
	border-bottom-style: double;
	border-top-color: #C6C6C6;
	border-right-color: #C6C6C6;
	border-bottom-color: #C6C6C6;
	border-left-color: #C6C6C6;
	padding: 0;
	color: #fff;
}

.twoColLiqRtHdr #container #sidebar1 a {
	color: #fff;
}

.twoColLiqRtHdr #sidebar1 h3,.twoColLiqRtHdr #sidebar1 p {
	margin-left: 10px;
/* the left and right margin should be given to every element that will be placed in the side columns */
	margin-right: 10px;
}

/* Tips for mainContent:
1. the space between the mainContent and sidebar1 is created with the right margin on the mainContent div.  No matter how much content the sidebar1 div contains, the column space will remain. You can remove this right margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends.
2. to avoid float drop at a supported minimum 800 x 600 resolution, elements within the mainContent div should be 430px or smaller (this includes images).
3. in the Internet Explorer Conditional Comment below, the zoom property is used to give the mainContent "hasLayout." This avoids several IE-specific bugs.
*/
.twoColLiqRtHdr #topheader {
	color: F2BABB;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	clear: both;
}

/* Miscellaneous classes for reuse */
.fltrt {
/* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}

.twoColLiqRtHdr #mainContent {
/* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #FFF;
}

.twoColLiqRtHdr #footer {
/* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	background-color: #000;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	color: #CCC;
}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/vertical_slide.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
.themenu {
	width: 100%;
	height: 50px;
	position: relative;
	z-index: 100;
	font-family: helvetica, arial, sans-serif;
	border-right-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-right-color: #000;
}

/* hack to correct IE5.5 faulty box model */
* html .themenu {
	width: 746px;
	width: 745px;
}

/* remove all the bullets, borders and padding from the default list styling */
.themenu ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

.themenu ul ul {
	width: 149px;
}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.themenu li {
	float: left;
	width: 149px;
	position: relative;
}

/* style the links for the top level */
.themenu a,.themenu a:visited {
	display: block;
	font-size: 15px;
	text-decoration: none;
	color: #000;
	width: 138px;
	height: 50px;
	padding-left: 10px;
	line-height: 50px;
	font-weight: 700;
	background-color: #fff;
	border-top-width: 0;
	border-right-width: 0;
	border-bottom-width: 0;
	border-left-width: 0;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
	background: url(/2010/horibarevents.png);
}

/* a hack so that IE5.5 faulty box model is corrected */
* html .themenu a,* html .themenu a:visited {
	width: 149px;
	width: 138px;
}

/* style the second level background */
.themenu ul ul a.drop,.themenu ul ul a.drop:visited {
	background: #d4d8bd url(http://www.cssplay.co.uk/menus/breadcrumbs/grey-arrow.gif) no-repeat 130px center;
}

/* style the second level hover */
.themenu ul ul a.drop:hover {
	text-decoration: underline;
}

.themenu ul ul :hover > a.drop {
	text-decoration: underline;
}

/* style the third level background */
.themenu ul ul ul a,.themenu ul ul ul a:visited {
	background: #e2dfa8;
}

/* style the third level hover */
.themenu ul ul ul a:hover {
	text-decoration: underline;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.themenu ul ul {
	visibility: hidden;
	position: absolute;
	height: 0;
	top: 48px;
	left: 0;
	width: 149px;
	border-top-width: 0;
	border-top-style: none;
	border-top-color: #000;
}

/* another hack for IE5.5 */
* html .themenu ul ul {
	top: 30px;
	top: 31px;
}

/* position the third level flyout menu */
.themenu ul ul ul {
	left: 149px;
	top: -1px;
	width: 149px;
}

/* position the third level flyout menu for a left flyout */
.themenu ul ul ul.left {
	left: -149px;
}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.themenu table {
	position: absolute;
	top: 0;
	left: 0;
	border-collapse: collapse;
}

/* style the second level links */
.themenu ul ul a,.themenu ul ul a:visited {
	color: #000;
	background: #000;
	height: auto;
	line-height: 1em;
	padding: 5px 10px;
	width: 128px;
	border-width: 0 1px 1px;
}

/* yet another hack for IE5.5 */
* html .themenu ul ul a,* html .themenu ul ul a:visited {
	width: 150px;
	width: 128px;
}

/* style the top level hover */
.themenu a:hover,.themenu ul ul a:hover {
	color: #000;
	text-decoration: underline;
}

.themenu :hover > a,.themenu ul ul :hover > a {
	color: #000;
	text-decoration: underline;
}

/* make the second level visible when hover on first level list OR link */
.themenu ul li:hover ul,.themenu ul a:hover ul {
	visibility: visible;
}

/* keep the third level hidden when you hover on first level list OR link */
.themenu ul :hover ul ul {
	visibility: hidden;
}

/* make the third level visible when you hover over second level list OR link */
.themenu ul :hover ul :hover ul {
	visibility: visible;
}

/* FOR ADMIN SECTION */
#loadhere {
	background-color: #F7F7F7;
}

.userlist {
	text-decoration: none;
	color: #000;
}

.userlist:hover {
	text-decoration: underline;
	color: #333;
}

/* FORMS */
.focusfield {
/*        width:50%; */
	padding: 10px;
	outline: none;
	height: 26px;
}

.focusField {
	border: solid 2px #73A6FF;
	background: #EFF5FF;
	color: #000;
}

.idleField {
	background: #EEE;
	color: #6F6F6F;
	border: solid 2px #DFDFDF;
}

#footer #footertable tr td a {
	color: #999;
	text-decoration: none;
	font-size: 12px;
	padding: 5px;
}

#footer #footertable tr td a:hover {
	color: #CCC;
	text-decoration: underline;
	background-color: #333;
	font-size: 12px;
}

#footer #footertable tr td {
	font-size: 12px;
}

input,select,textarea {
	padding: 3px;
	outline: none;
	font-size: 14px;
}

input.button {
	border: 1px solid #7687a5;
	padding: 3px 7px;
	color: #000;
}

/* nice css buttons from : http://www.oscaralexander.com/tutorials/how-to-make-sexy-buttons-with-css.html */
a.button {
	color: #fff;
	display: block;
	float: left;
	font: normal 12px arial, sans-serif;
	height: 24px;
	margin-right: 6px;
	padding-right: 18px;
/* sliding doors padding */
	text-decoration: none;
	margin-top: 7px;
	cursor: pointer;
	background-color: #000;
}

a.button span {
	display: block;
	line-height: 14px;
	padding: 5px 0 5px 18px;
}

a.button:active {
	background-position: bottom right;
	color: #fff;
	outline: none;
/* hide dotted outline in Firefox */
}

a.button:active span {
	background-position: bottom left;
	padding: 6px 0 4px 18px;
/* push text down 1px */
}

ol#commentlist {
	list-style: none;
	margin: 0;
	padding: 0;
	text-indent: 0;
}

ol#commentlist li {
	border: 5px solid #ddd;
	height: 1%;
	margin: 0 0 10px;
	padding: 5px 7px 5px 57px;
	position: relative;
}

ol#commentlist li.alt {
}

ol#commentlist li.bypostauthor {
}

ol#commentlist li.byuser {
}

ol#commentlist li.comment-author-admin {
}

ol#commentlist li.comment {
}

ol#commentlist li div.comment-author {
	padding: 0 170px 0 0;
}

ol#commentlist li div.vcard {
	font: bold 14px/1.4 helvetica,arial,sans-serif;
}

ol#commentlist li div.vcard cite.fn {
	font-style: normal;
}

ol#commentlist li div.vcard cite.fn a.url {
	color: #c00;
	text-decoration: none;
}

ol#commentlist li div.vcard cite.fn a.url:hover {
	color: #000;
}

ol#commentlist li div.vcard img.avatar {
	border: 5px solid #ddd;
	left: 7px;
	position: absolute;
	top: 7px;
}

ol#commentlist li div.vcard img.avatar-32 {
}

ol#commentlist li div.vcard img.photo {
}

ol#commentlist li div.vcard span.says {
}

ol#commentlist li div.commentmetadata {
}

ol#commentlist li div.comment-meta {
	font: bold 10px/1.4 helvetica,arial,sans-serif;
	position: absolute;
	right: 10px;
	text-align: right;
	top: 5px;
}

ol#commentlist li div.comment-meta a {
	color: #333;
	text-decoration: none;
}

ol#commentlist li div.comment-meta a:hover {
	color: #000;
}

ol#commentlist li p {
	font: normal 12px/1.4 helvetica,arial,sans-serif;
	margin: 0 0 1em;
}

ol#commentlist li ul {
	font: normal 12px/1.4 helvetica,arial,sans-serif;
	list-style: square;
	margin: 0 0 1em;
	padding: 0;
	text-indent: 0;
}

ol#commentlist li div.reply {
	background: #999;
	border: 2px solid #666;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	color: #fff;
	font: bold 9px/1 helvetica,arial,sans-serif;
	padding: 5px 10px;
	text-align: center;
	width: 36px;
}

ol#commentlist li div.reply:hover {
	background: #c30;
	border: 2px solid #c00;
}

ol#commentlist li div.reply a {
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
}

ol#commentlist li ul.children {
	list-style: none;
	margin: 1em 0 0;
	text-indent: 0;
}

ol#commentlist li ul.children li {
}

ol#commentlist li ul.children li.alt {
}

ol#commentlist li ul.children li.bypostauthor {
}

ol#commentlist li ul.children li.byuser {
}

ol#commentlist li ul.children li.comment {
}

ol#commentlist li ul.children li.comment-author-admin {
}

ol#commentlist li ul.children li.depth-2 {
	margin: 0 0 .25em;
}

ol#commentlist li ul.children li.depth-3 {
	margin: 0 0 .25em;
}

ol#commentlist li ul.children li.depth-4 {
	margin: 0 0 .25em;
}

ol#commentlist li ul.children li.depth-5 {
}

ol#commentlist li ul.children li.odd {
}

ol#commentlist li.even {
	background: #f7f7f7;
}

ol#commentlist li.odd {
	background: #fff;
}

ol#commentlist li.parent {
}

ol#commentlist li.pingback {
}

ol#commentlist li.pingback.parent {
}

ol#commentlist li.pingback div.vcard {
	padding: 0 170px 0 0;
}

ol#commentlist li.thread-alt {
}

ol#commentlist li.thread-even {
}

ol#commentlist li.thread-odd {
}
}

.error {
	font-size: 16px;
}