body {
	text-align:left;
	color:#000;
	background:#351C79;
	font:90%  verdana, helvetica, sans-serif;
	margin:0;
	padding:0;
}


.pageTitle {
	font-size: 17pt;
	padding-bottom: 8px;
	padding-left: 15px;
}


/* Global Attributes =========================================== */

FORM { margin:0; padding:0;}
INPUT { font: 80% verdana, helvetica, sans-serif;}
SELECT { font: 80% verdana, helvetica, sans-serif; }
TEXTAREA { font: 80% verdana, helvetica, sans-serif; }
BLOCKQUOTE { margin-top: 0px; margin-bottom: 0px; margin-left: 15px; }
P { margin:0 0 2px 0; padding:0; }
BUTTON { background: #D68242; color:white; font-weight:800; }
HR { background: url(i/hr.gif) top no-repeat; margin:5px 0 5px 0; border:0; padding:0; height:1px; width:100%;}


A { color:#4F3E9C; }
A:hover { text-decoration:none; color:#3E759D;}




/* Very Top Stuff =========================================== */

#top {
	position:absolute;
	top:0px;
	left:0px;
	height:30px;
	width:100%;
	color:#FDE080;
}

#top #leftbox {
	float:left;
	height:30px;
	font-size:13px;
}

#top #leftbox #corner {
	float:left;
	width:173px;
	height:30px;
}

#top #leftbox #links {
	float:left;
	height:30px;
}


#top #decor {
	float:right;
	width:300px;
	height:30px;
	overflow:hidden;
}

#top a {
	color:#FDE080;
	font-size:13px;
}

#top a:hover {
	color:#fff;
	text-decoration:none;
}

#top a.white {
	color:#fff;
	font-size:13px;
}

#top a.white:hover {
	text-decoration:none;
}


#top a.plain {
	color:#FDE080;
	font-size:13px;
	text-decoration:none;
}

#top a.white2:hover {
	text-decoration:underline;
}


/* Header Stuff =========================================== */


#header {
	position:absolute;
	top:30px;
	left:0px;
	width:100%;
	height:100px;
	overflow:hidden;
}



#banner {
	position:absolute;
	top:30px;
	left:0px;
	width:100%;
	height:100px;
	overflow:hidden;
}

#banner #left {
	position:absolute;
	top:0px;
	left:0px;
	width:173px;
	height:100px;
	overflow:hidden;
}

#banner #left #public { background: url(i/custom/header-corner.jpg); }
#banner #left #members { background: url(i/custom/header-members.jpg); }

#banner #left {
	position:absolute;
	top:0px;
	left:0px;
	width:173px;
	height:100px;
	overflow:hidden;
	background: url(i/custom/header-corner.jpg);
}


#banner #left #logo {
	padding: 15px 5px 0px 15px;
}


#banner #titlebox {
	position:absolute;
	top:0px;
	left:173px;
	height:100px;
}

#banner #titlebox #title {
	color:white;
	font-size:22px;
	padding-left:20px;
}



#title img {
	vertical-align: bottom;
}


/* Body Stuff =========================================== */

#body {
	position:absolute;
	width:100%;
	top:130px;
	left:0px;
}


#container {
	float:left;
	width:790px;
	padding-left:13px;
}


#nav {
	text-align:left;
	float:left;
	width:160px;
}


#primary {
	text-align:left;
	float:left;
	width:160px;
	background: url(temp/primary-bg.jpg) bottom left no-repeat;
	padding-bottom:30px;
}

#primary #links {
	padding:5px 0 0 0;
	font-size:14px;
}

#primary .link {
	padding:0 0 5px 20px;
	margin:0;
}

#primary a { color:#330099; font-weight:800; text-decoration:none; }
#primary a:hover { color:#A00352; }

.navCategory {
	width:160px;
	margin-top:5px;
	padding-bottom:6px;
	text-align:center;
	background: url("css/headers/categories/divider.gif") bottom right no-repeat;
}

.navCategory #label {
	color:black;
	padding:0 12px 0 15px;
	font-size:15px;
	font-weight:800;

}


#secondary #links {
	padding:0;
	font-size:13px;
	margin-top:8px;
	margin-bottom:12px;
}

#secondary .link {
	padding:0 10px 5px 20px;
	margin:0;
}


#secondary .link2 {
	padding:0 10px 2px 15px;
	margin:0;
}

#secondary .link2 a { color:#fff; }
#secondary .navCategory a { font-weight:800; }




#secondary a { color:#351C79; font-weight:200; text-decoration:none; }
#secondary a:hover { color:#A00352; }


#content {
	text-align:left;
	float:right;
	width:630px;
}


/* Footer Stuff =========================================== */


#footer {
	clear:both;
	width:100%;
	height:35px;
	background: url(temp/footer-bg.jpg) bottom left;
}


#footer #decor {
	float:right;
	width:150px;
	height:35px;
	overflow:hidden;
}


#footer #links {
	float:left;
	padding:0 0 0 170px;
}


#footer #links .link {
	float:left;
	margin-left:15px;
	display:block;
	cursor: pointer;
}


* html #footer .link a:hover {visibility:visible}
#footer .link a:hover img{visibility:hidden}

#footer #professional { background-image:url(i/footer/professional-on.gif); }
#footer #health { background-image:url(i/footer/health-on.gif); }
#footer #relationships { background-image:url(i/footer/relationships-on.gif); }
#footer #growth { background-image:url(i/footer/growth-on.gif); }



#baseline {
	clear:both;
	width:100%;
	height:58px;
	background:#351C79;
	color:#7969C2;
	font-size:12px;
}

#baseline #left {
	float:left;
	padding:10px 10px 10px 20px;
}

#baseline #left #item{
	float:left;
	padding-right:15px;
}

#baseline #copyright {
	padding-left:20px;
	color:#aaa;
}

#baseline .footer { color:#aaa; }
#baseline .footer:hover { color:#fff; }


#baseline #right {
	float:right;
	padding:10px 20px 10px 0px;
	font-size:11px;
}

#baseline a {
	color:#7969C2;
	font-weight:200;
	text-decoration:none;
}

#baseline a:hover {
	color:#ccc;
}

/* FORMS =========================================== */

.formtitle {
	border-color:#8A4B1E;
	border-width:1px;
	border-style:solid;
  	font-size:120%;
  	font-weight:normal;
  	color:white;
}


#formtitle #plus {
	background:url("css/forms/icons/plus.gif") no-repeat left top;
  	padding:5px 12px 5px 35px;
}

#formtitle #plain {
	background:url("css/forms/icons/plain.gif") no-repeat left top;
  	padding:5px 12px 5px 12px;
}


#formtitle #admin {
 	background:url("css/forms/icons/admin.gif") no-repeat left top;
  	padding:5px 12px 5px 35px;
}

#formtitle #home {
 	background:url("css/forms/icons/home.gif") no-repeat left top;
  	padding:5px 12px 5px 35px;
}

#formtitle #form {
 	background:url("css/forms/icons/form.gif") no-repeat left top;
  	padding:5px 12px 5px 35px;
}


.formbox1 {
	margin-top:20px;
	margin-bottom:30px;
	padding-bottom:20px;
}

.formbox2 {
	padding:10px 0 0 0;
	text-align:center;
}


#formbot250 { width:250px; background:url("css/forms/250/bottom.gif") no-repeat bottom left; }
#formtop250 { background:url("css/forms/250/top.gif") no-repeat;}

#formbot300 { width:300px; background:url("css/forms/300/bottom.gif") no-repeat bottom left; }
#formtop300 { background:url("css/forms/300/top.gif") no-repeat;}

#formbot350 { width:350px; background:url("css/forms/350/bottom.gif") no-repeat bottom left; }
#formtop350 { background:url("css/forms/350/top.gif") no-repeat;}

#formbot500 { width:500px; background:url("css/forms/500/bottom.gif") no-repeat bottom left;}
#formtop500 { background:url("css/forms/500/top.gif") no-repeat;}


#formbody {
	padding:25px 18px 0 18px;
	margin:0;
	text-align:left;
}


table#full { border:0; width:100%; }
table#full td { border:0; }


table#simple { border:0;}
table#simple td { border:0; }

table#data { border:0;}
table#data td#label { font-weight:800; border:0; text-align:right; }
table#data td#left { border:0; padding:2px 10px 10px 0; }
table#data td#right { border:0; padding:0 0 10px 0; text-align:left; }
table#data td#both { border:0; padding:0 0 3px 0; font-weight:800;}
table#data td#text { padding:0 5px 0 5px; font-size:90%;}
table#data td#message {padding:5px 0 0 0; text-align:left; font-size:75%; color:#444; background:url("css/forms/etc/label-divider.gif") repeat-x top right;}

table#data .comment { padding:0 4px 0 0; text-align:right; font-size:75%;}





/* Helpful Stuff =========================================== */


.padleft5 { padding-left: 5px; }
.padleft7 { padding-left: 7px; }
.padleft10 { padding-left: 10px; }
.padleft15 { padding-left: 15px; }
.padleft20 { padding-left: 20px; }
.padleft30 { padding-left: 30px; }

.padright5 { padding-right: 5px; }
.padright7 { padding-right: 7px; }
.padright10 { padding-right: 10px; }
.padright15 { padding-right: 15px; }
.padright20 { padding-right: 20px; }
.padright30 { padding-right: 30px; }

.pad2 { padding: 0 2px 0 2px; }
.pad3 { padding: 0 3px 0 3px; }
.pad5 { padding: 0 5px 0 5px; }
.pad7 { padding: 0 7px 0 7px; }
.pad10 { padding: 0 10px 0 10px; }
.pad20 { padding: 0 20px 0 20px; }

.green {color:#025A1E; }
.gray {color:#444; }
.red {color:#CA041F; }


.verdana { font-family:verdana; }


/* text sizes */

.size1 { font-size: 70%; }
.size2 { font-size: 75%; }
.size3 { font-size: 80%; }
.size4 { font-size: 90%; }
.size5 { font-size: 100%; }
.size6 { font-size: 105%; }
.size7 { font-size: 110%; }
.size8 { font-size: 120%; }
.size9 { font-size: 125%; }
.size10 { font-size: 130%; }
.size11 { font-size: 135%; }
.size12 { font-size: 145%; }


.font9 {font-size: 9pt;}
.font10 {font-size: 10pt;}
.font11 {font-size: 11pt;}
.font12 {font-size: 12pt;}
.font13 {font-size: 13pt;}
.font14 {font-size: 14pt;}
.font15 {font-size: 15pt;}


.spacer10 { width:1px; height:10px; clear:both;}
.spacer15 { width:1px; height:15px; clear:both;}
.spacer20 { width:1px; height:20px; clear:both;}
.spacer30 { width:1px; height:30px; clear:both;}


.clickable { cursor: pointer; }
.click { cursor: pointer; }

.unit {padding-left:2px; font-size:90%; }


.white {color: white;}



/* Article Stuff =========================================== */

.article1 {margin-bottom:20px; clear:both;}
.preview1 {clear:both;}
.list1 {margin-bottom:5px; clear:both;}

.articleTitle { font-size: 130%; margin-bottom: 4px; margin-top: 5px;}
.articleSubtitle { font-size: 115%; margin-bottom: 4px; color: #5B5289; }
.articleBody { margin-top: 10px; font-size:90%;}
.articleTime { font-size: 115%; font-style:italic; margin-bottom: 4px; color: #444; }
.articleLocation { text-align:left; font-size:90%; }


.newsTitle { font-size: 100%; font-weight:700; margin-bottom: 5px; }

a.newsTitle {color:#000; text-decoration:underline;}
a.newsTitle:hover {text-decoration:none; }

.newsIntro {
	text-align: justify;
	font-size: 85%;
	line-height:125%;
}

.newsLink {
	font-size: 85%;
	margin-top:4px;
}

.newsLink #link {
	background:url("i/read-on.gif") right no-repeat;
	padding-right:14px;
	padding-bottom:2px;
}


/* Custom Stuff =========================================== */

.header1 {
	width:90%;
	padding:2px 10px 2px 10px;
	font-size:120%;
	font-weight:normal;
	font-style:italic;
	text-align:left;
	margin-bottom:10px;
}

.header1 #label {

}

.header1#bronze { background:#4F3E9C; color:#F5BF03;}
.header1#silver { background:#4F3E9C; color:#bbb; }
.header1#gold { background:#F5BF03; color:#4F3E9C;}

.header2 {
	width:90%;
	padding:2px 10px 10px 10px;
	margin-bottom:10px;
	text-align:left;

}

.header2 #label {
	width:80%;
	font-size:120%;
	font-weight:normal;
	font-style:italic;
}

.header2#blue { color:#4F3E9C; background:url("css/headers/dividers/blue-line.gif") bottom left repeat-x;}
.header2#yellow { color:#C89B02; background:url("css/headers/dividers/gold-line.gif") bottom left repeat-x;}
.header2#violet { color:#A00352; background:url("css/headers/dividers/violet-line.gif") bottom left repeat-x;}
.header2#green { color:#025A1E; background:url("css/headers/dividers/green-line.gif") bottom left repeat-x;}
.header2#red { color:#CA041F; background:url("css/headers/dividers/red-line.gif") bottom left repeat-x;}


.header3 {
	border-bottom: 1px solid #999;
	margin-bottom: 7px;
	text-align: left;
}

.header3 #label {
	color:#999;
	font-size:100%;
	font-weight:bold;
}




#title1 {
	border-bottom: 1px solid #4F3E9C;
	color:#fff;
	margin-bottom: 4px;
	text-align: left;
}

#title1 span {
	background:url("css/headers/titles/blue.gif") right top no-repeat;
	font-size:100%;
	padding:0 10px 0 10px;
}



#title2 {
	margin-bottom: 10px;
	padding:2px 5px 2px 7px;
	text-align: left;
	border-bottom: 1px solid #aaa;
	background:url("css/headers/titles/yellow.jpg") left top no-repeat;
}

#title2 span {
	color:#4F3E9C;
	font-size:100%;
	font-weight:bold;
}



.line { clear:both; width:100%; background: url(i/line.gif) bottom no-repeat; margin:0; border:0; padding-bottom:1px; height:1px;}

.dash { clear:both; width:100%; background: url(i/dash.gif) bottom no-repeat; margin:0; border:0; padding-bottom:1px; height:1px;}



#editline { display:block; text-align:right; margin-bottom:4px; }
#edit { float:right; text-align: right; margin-bottom: 4px; }
#descriptor {float:left; padding:4px 0 10px 4px; font-size:90%; width:80%; }


#pagelabel {
	position:absolute;
	left:200px;
	top:15px;
	font-size:18pt;
	color: #4F3E9C;
}


UL { margin:0; padding:0 0 0 0; list-style-type: none; }
UL LI { padding:2px 0 4px 18px; line-height: 98%; }
UL LI { background:url("i/radio/black.gif") left top no-repeat;}

#color-blue UL LI { background:url("i/radio/blue.gif") left top no-repeat;}
#color-violet UL LI { background:url("i/radio/violet.gif") left top no-repeat;}
#color-red UL LI { background:url("i/radio/red.gif") left top no-repeat;}
#color-green UL LI { background:url("i/radio/green.gif") left top no-repeat;}
#color-gold UL LI { background:url("i/radio/gold.gif") left top no-repeat;}


.both { width:100%; height:22px; clear:both;}
.both #left { float:left; padding: 0 0 5px 0; }
.both #links { float:right; padding: 0 0 5px 0; }

.column { overflow:auto; float:left; text-align:left; padding-bottom:20px;}
.column #links {  padding: 0 0 10px 0;}

.rightcolumn { overflow:auto; float:right; text-align:right; margin-bottom:20px;}
.rightcolumn #links { padding: 0 0 10px 0;}

.rightcolumn2 { overflow:hidden; float:right; text-align:right; margin-bottom:20px;}
.rightcolumn2 #links { padding: 0 0 10px 0;}


.columnheader {
	padding:0px 10px 3px 10px;
	font-weight:800;
}

.columndata {
	padding:2px 10px 2px 10px;
	font-size:90%;
}


#img-back { background:url("i/back.gif") left no-repeat; padding: 0 0 0 17px; margin-left:5px; }
#img-up { background:url("i/up.gif") left no-repeat; padding: 0 0 0 17px; margin-left:5px; }
#img-delete { background:url("i/delete.gif") left no-repeat; padding: 0 0 0 20px; margin-left:5px; }
#img-magnify { background:url("i/magnify.gif") left no-repeat; padding: 0 0 0 20px; margin-left:5px; }
#img-page { background:url("i/page.gif") left no-repeat; padding: 0 0 0 19px; margin-left:5px; }
#img-profile { background:url("i/profile.gif") left no-repeat; padding: 0 0 0 19px; margin-left:5px; }
#img-print { background:url("i/print.gif") left no-repeat; padding: 0 0 0 19px; margin-left:5px; }
#img-calendar { background:url("i/calendar.gif") left no-repeat; padding: 0 0 0 19px; margin-left:5px; }
#img-download { background:url("i/download.gif") left no-repeat; padding: 0 0 0 19px; margin-left:5px; }
#img-bullet { background:url("i/bullet.gif") left no-repeat; padding: 0 0 0 19px; margin-left:5px; }
#img-add { background:url("i/add.gif") left no-repeat; padding: 0 0 0 19px; margin-left:5px; }
#img-gear { background:url("i/gear.gif") left no-repeat; padding: 0 0 0 19px; margin-left:5px; }

.point-right { background:url("i/point-right.gif") left no-repeat; padding: 0 0 0 14px;}
.point-down { background:url("i/point-down.gif") left no-repeat; padding: 0 0 0 14px;}



.data { margin: 0 0 18px 10px; font-size:90%;}



.datarow { background-color:#FFF;}
.datarowselected { background-color:#92FACD;}

.data-left {
	padding:3px 0px 3px 0;
	font-size:90%;
}

.data-middle {
	padding:3px 5px 3px 5px;
	font-size:90%;
}

.data-right {
	padding:3px 4px 3px 10px;
	font-size:90%;
}



.header-left {
	padding:1px 0px 1px 0;
}

.header-middle {
	padding:1px 0px 1px 5px;
}

.header-right {
	padding:1px 4px 1px 0px;
}


a.bold {
	font-weight:800;
	text-decoration:none;
}

a.plain {
	text-decoration:none;
}

a.black {
	color:black;
}

.formlabel { font-size: 125%; color:#C66C2B; font-weight:800; }

SELECT.small { font: 75% verdana, helvetica, sans-serif; }

BUTTON.small { font-size: 75%; }
BUTTON#blue {background: #4F3E9C; }


.box {
	background-color:#E8B871;
	border: 1px solid #666;
	padding:5px 5px 5px 5px;
}

.box2 {
	background-color:#F8E3BE;
	border: 1px solid #666;
}




.title #white { color:#fff; }
.title #black { color:#000; }
.title #blue { color:#4F3E9C; }
.title #yellow { color:#F5BF03; }
.title #violet { color:#A00352; }
.title #green { color:#025A1E; }
.title #red { color:#CA041F; }
