html, body { height:100%; }

body { background: white url(../images/body_bg.gif) repeat-x top; }

* {
margin:0;
padding:0;
border:0;
list-style:none;
font-family:"Trebuchet MS", Verdana, arial, sans-serif;
}

#wrap {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -80px; /* the bottom margin is the negative value of the footer's height */
width:960px;
background:white url(../images/wrap_bg.gif) repeat-y;
}

#footer {
height: 55px; /* .push must be the same height as .footer */
background:#1c59b4 url(../images/footer_bg.gif) repeat-x;
}

.push {
height:80px;
clear:both;
}

.clear {
clear:both;
margin-top:0;
height:1%;
width:100%;
overflow:hidden;
} 

#header {
width:960px;
height:135px;
background:#1c59b4 url(../images/header_bg.gif) no-repeat;
}

h1 { width:180px;height:135px;margin-left:20px; }

#content_bottom { width:960px;height:25px;margin:auto; }

#menu-side {
float:left;
width:180px;
margin-left:20px;
position:relative;
z-index:5;
}

#content-side { 
float:right;width:760px;margin-top:-35px; 
position:relative;
z-index:3;
}

#content-left { width:380px;float:left; }

#content-right { width:380px;float:right; }

#mainMenu {
width:180px;
position:fixed;
}

/* REST OF MAIN MENU STYLES IN JQUERYSLIDEMENU.CSS */

#topMenu {
float:right;
height:35px;
position:relative;
top:-35px;
}

#topMenu li {
float:left;
width:104px;
height:35px;
background:#e5e1d9 url(../images/topMenu_bg.gif) no-repeat;
text-align:center;
}

/* LOGIN FORM STYLES */

form.loginForm { width:380px;margin:auto;font-size:13px;color:#444; }

form.discussionForm { width:350px;margin:auto;font-size:13px;color:#444; }

.loginForm div { clear:left; }

.loginForm fieldset { width:350px;margin:5px auto;padding:5px;border:1px solid #aaa; }

.discussionForm fieldset { width:328px;margin:5px auto;padding:5px;border:1px solid #aaa; }

.loginForm legend { width:280px;margin:5px;padding:5px;border:1px solid #aaa;background:#1C59B4;color:white;font-weight:bold;text-transform:uppercase; }

.loginForm p { margin:10px 5px;}

.loginForm label { float:left;width:120px;text-align:right;padding-top:5px;font-weight:bold;}

.loginForm .inputField, .loginForm .textField { padding:2px;border:1px solid #aaa;width:170px;float:left;margin:2px 5px 2px 5px; }
.loginForm .textField { height:100px;font-size:13px; }
.loginForm .selectField { padding:2px 1px;border:1px solid #aaa;float:left;margin:2px 1px 2px 2px;font-size:13px; }
.loginForm .selectFieldOne { margin-left:10px; }

.discussionForm .textField { padding:2px;border:1px solid #aaa;width:320px;height:50px;margin:auto;font-size:13px; }

/* END LOGIN FORM STYLES */

/* SURVEY FORM STYLES */

form#surveyForm { width:720px;margin:auto;font-size:13px;color:#444; }

#surveyForm fieldset.masterFS { width:710px; }

#surveyForm fieldset, fieldset.collapsible {
	width:700px;
	padding: 5px;
	border: 1px solid #aaa;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-width: 1px;
	margin:auto;
}
#surveyForm fieldset.collapsed {
	border-bottom-width: 0;
	border-left-width: 0;
	border-right-width: 0;
	margin-bottom: 0;
	margin-left: 3px;
}


#surveyForm legend { margin:5px;padding:2px 5px;border:1px solid #aaa;background:#1C59B4;color:white;font-weight:bold;cursor:pointer; }
#surveyForm legend.masterLegend { background:#222;text-transform:uppercase;cursor:auto; }

#surveyForm p { margin:10px 5px;}

#surveyForm label { float:left;width:165px;text-align:right;padding-top:5px;}

#surveyForm .inputField, .bigInputField, #surveyForm .textField { padding:2px;border:1px solid #aaa;width:180px;float:left;margin:2px 5px 2px 10px; }
#surveyForm .bigInputField { width:500px; }
#surveyForm .textField { height:80px;font-size:13px; }
#surveyForm .selectField { padding:2px;border:1px solid #aaa;float:left;margin:2px 5px 2px 10px; }


#surveyForm ul { width:700px;clear:both; }
#surveyForm li { width:175px;float:left; }
#surveyForm li label { width:155px;padding-right:5px;float:left;text-align:right;position:relative;top:-7px; }
* + html #surveyForm li label { width:150px;padding-right:2px;float:left;text-align:right;position:relative;top:-4px; }
#surveyForm li checkbox, #surveyForm li radio { width:15px;float:left;}

/* END SURVEY FORM STYLES */

.submitButton { 
background:#bd8b4d ;
color:#fff;
font-weight:bold;
text-transform:uppercase;
margin:5px;
padding:2px 5px;
cursor:pointer;
float:left;
border:1px solid #aaa;
clear:left;
}

/* BIO BOX LAYOUT */
.bioBox {
width:358px;
height:137px;
overflow:hidden;
float:left;
margin:5px 10px;
border:1px solid #ccc;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
background:white url(../images/bioBox_bg.gif) repeat-x bottom;
}

.bioBox h4 { margin:5px 10px; }
.bioBox h4 a { color:#bd8b4d;text-decoration:underline; }
.bioBox h4 a:hover { text-decoration:none; }

.bioBox .bioThumb {
width:100px;
height:125px;
float:left;
margin:5px 10px;
}

.bioPhoto { 
/*
width:240px;
height:300px;
*/
float:left;
margin:5px 20px;
}

.bioThumb img, .bioPhoto img {
vertical-align:bottom;
border:1px solid #ccc;
}

.topicBox {
width:360px;
margin:auto;
background:white url(../images/topicBox_bg.gif) repeat-x top;
border:1px solid #ccc;
}

#topicTable {
width:360px;
margin:auto;
border-collapse:collapse;
}

#topicTable td {
padding:2px 5px;
border:1px solid #ccc;
font-size:12px;
color:#333;
}

#topicTable td a { color:#1c59b4;text-decoration:underline; }
#topicTable td a:hover { color:#444;text-decoration:none; }

td.viewButton { width:33px;text-align:center; }

/* DROPDOWN SEARCH BOX */

#suggestions { 
position:relative; 
width:300px;
display:none; 
clear:both;
left:-5px;
}

#searchresults { 
width:300px;
background-color:#ddd;
font-size:13px;
line-height:14px; 
border:5px solid #1C59B4;
border-top:0;
}
#searchresults a { display:block; background-color:white; clear:left; height:56px; text-decoration:none; }
#searchresults a:hover { background:#eee; color:#555; }

#searchresults a img { float:left; padding:5px; width:40px;height:50px;}

#searchresults a span.searchheading { font-size:14px;display:block; font-weight:bold; padding-top:22px; color:#555; margin-bottom:5px;margin-left:10px; }
#searchresults a:hover span.searchheading { color:#555; }

#searchresults a span { color:#555; }
#searchresults a:hover span { color:#555; }

/* INBOX LAYOUT */

form#inbox { width:680px; margin:auto; }

#inbox table { border-collapse:collapse;width:680px; }

#inbox table th, #inbox table td { font-size:13px;padding:5px;border:1px solid #ddd;color:#444; }

#inbox table td { text-align:left; }

td#buttons { text-align:right;padding:5px 10px; }

#inbox table td.select { text-align:center; }

#inbox table td textarea.replyField { width:600px;height:100px;font-size:13px;overflow:auto;border:1px solid #ccc;padding:2px; }

.rowTwo td { background:#eee; }

span.replyButton { width:30px;height:30px;float:left;margin-right:10px; }

#inbox table td p { margin:5px 10px; }

#inbox table#replyTable { background:white url(../images/replyTable.gif) no-repeat top left; }

/* SURVEY RESULTS TABLES */
table.surveyResults {
width:680px;
margin:5px auto;
border-collapse:collapse;
}

.surveyResults td {
padding:5px;
border:1px solid #ccc;
font-size:13px;
color:#444;
}

.surveyResults td.question { text-align:right;font-weight:bold; }

/* MASTER LIST LAYOUT */
form#master_list {
width:660px;
margin:5px auto;
}

#master_list table {
border-collapse:collapse;
width:660px;
margin:5px auto;
}

#master_list table th, #master_list table td {
font-size:12px;
padding:2px 5px;
border:1px solid #ccc;
color:#333;
}

#master_list table td a { color:#1c59b4;text-decoration:underline; }
#master_list table td a:hover { color:#444;text-decoration:none; }

#master_list table td.remove {
width:30px;
text-align:center;
}

/* NOTIFICATIONS LIST LAYOUT */
form#notes_list {
width:370px;
margin:5px auto;
}

#notes_list table {
border-collapse:collapse;
width:370px;
margin:5px auto;
}

#notes_list table td {
font-size:12px;
padding:5px;
border:1px solid #ccc;
color:#333;
}


#notes_list table td p { font-size:12px;margin:5px; }
#notes_list table td a { color:#1c59b4;text-decoration:underline; }
#notes_list table td a:hover { color:#444;text-decoration:none; }

#notes_list table td.remove {
width:20px;
text-align:center;
}

#top-banner { 
width:750px;
margin:5px auto;
position:relative;
z-index:0;
background:#fff;
}

#top-banner, #top-banner li { 
width:750px;
height:120px;
overflow:hidden;
}