/* global */
body {
	background:#c2c2e2;	margin: 0px;
	padding: 0px;
	font: 14px Geneva, Arial, Helvetica, sans-serif;
}
img {border:0;}
br{ margin: 0px;padding: 0px;}
h2{padding:10px 0px 10px 0px;margin: 0px;font-size:17px;font-variant: small-caps;}
li{padding-top:7px;}
.headertext{font-size:17px;font-variant: small-caps;font-weight:bold;}
.clear{clear:both}
.hr{color:#666;height:1px;}
.text0{font-size:60%;}
.text1{font-size:70%;}
.text2{font-size:80%;}
.text3{font-size:90%;}

/* navigation */
.nav {
	padding: 0;
	margin: 0 auto;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
}

.nav.primary {
	width: 815px;
}

.nav.primary li {
	list-style: none;
	margin: 0; 
	padding: 0;
	float: left;
	text-align:center;
	margin-right: 5px;
	background: #336;
}

.nav.primary li a {
	display: block;
	padding: 3px; 
	text-decoration: none;
	height: 40px;
}
.nav.primary li a:link {color: #fff;}
.nav.primary li a:visited {color: #fff;}
.nav.primary li a:hover, .nav.primary li a.selected {color: #333366; background: #d9faff;}
.nav.primary li a#current {color: #fff;background: #000;}

table.navigation td {
	background: #9999CC;
	white-space:nowrap;
	padding: 3px; 
	margin-left: 4px;
	width: 100%;
}
.navigation a{
	color:#fff;
	display: block;
	border: 1px solid #333; 				       
	border-bottom: none;
	border-top: none;
	background: #333366;
	text-decoration: none;
	text-align:center;
	}
.navigation_on a{
	color:#d9faff;
	display: block;
	padding: 5px 0.4em; 
	margin-left: 4px;
	border: 1px solid #333; 				       
	border-bottom: none;
	border-top: none;
	background: #333366 url(../images/on_arrow.gif) bottom center no-repeat;
	text-decoration: none;
	text-align:center;
	}
.navigation a:hover{color: #333366; background: #d9faff;border-color: #227;}

/*large buttons*/
#login{text-align:right;width:750px;margin:0 auto;}
#login a {color:#003366;font-variant: small-caps;text-decoration:none;}
.login {background:#333366;font-size:18px;color:#FFCC66;display:block;padding:8px;}
a.login:hover{background:#d9faff;text-decoration:underline;color: #333366;}
#login2{margin:2px;border:1px solid #6633CC;color:#fff;text-align:center;width:80px;}
a.login2 {background:#333366;font-size:11px;color:#FFCC66;display:block;padding:1px;height:15px;}
a.login2:hover{background:#d9faff;color:#FFCC66;text-decoration:underline;}
.button2{float:left;margin:0 auto;border:1px solid #6633CC;color:#fff;text-align:center;width:100px;}
.button2 a {background:#333366;font-size:11px;color:#fff;display:block;padding:1px;text-decoration:none;}
.button2 a:hover{background:#6666CC;text-decoration:underline;}
.button3{float:left;margin:0 auto;border:1px solid #6633CC;color:#fff;text-align:center;width:170px;}
.button3 a {background:#333366;font-size:11px;color:#fff;display:block;padding:1px;text-decoration:none;}
.button3 a:hover{background:#6666CC;text-decoration:underline;}
.button4 {width:170px;padding:5px;text-align:center;border:1px solid #6633CC;}
a.button4  {background:#333366;font-size:11px;color:#fff;display:block;padding:1px;text-decoration:none;}
a.button4:hover{background:#6666CC;text-decoration:underline;}
a.linked_page{padding:3px 6px 3px 6px;border:1px solid #ccc;background:#fff;color:#000066;font-size:80%;}
.linked_page:hover{padding:3px 6px 3px 6px;border:1px solid #ccc;background:#FF9900;}
.unlinked_page{padding:3px 6px 3px 6px;border:1px solid #000;font-size:80%;background:#FF9900;color}

/*layout*/
#wrapp {
width:100%;
text-align:center;
}

#logo {
	text-align: center;
	display: block;
	background: url(/images/bg_head.jpg) top left repeat-x;
	font: 11px   Arial, Helvetica, sans-serif;
	border-top: 3px solid #000;
	border-bottom: 1px solid #333;
	margin-top: 1px;
	margin-bottom: 0px;
	padding:0;
	height:120px;
}

#logo a {
	color:#000066;
}
#logo a:hover {text-decoration:none;}
#header {
	margin: 0 auto;	
	text-align:center;
	width: 100%;
	background:#9999CC;
	/*height:20px;*/
	border-bottom:1px solid #000;
}

#statusbar {text-align:right;background:#ccc;padding-right:20px;}
#statusbar a {}
.librarytoc{padding-left:120px;}
.accounttoc{padding-left:210px;}
#header2{width:758px;border-left:5px solid #6a6a90;border-right:5px solid #6a6a90;}
#rightbar {
	float: right;
	display: block;
	margin-right: 30px;
	text-align: center;
	line-height: 5px;
}
.highlight {
	display: inline;
	background: #fff0bb;
	padding: 2px;
	font-weight: bold;
}
#headernav {float:left;}

#main {
	margin: 0 auto;	
	text-align:left;

	width: 774px;
	border:5px solid #8383ae;
	padding:14px;
	background:#CCCCFF;
}

#main.member, #main.events {
	width: 90%;
	padding:0px 20px 14px 20px;
	border:solid 4px #FFCC66;
	background:#d9faff;
	/*background:#f3eafc;*/
}
#main_directory {
	margin: 15px;	
	text-align:left;
	padding:0px 20px 14px 20px;
	border:solid 4px #FFCC66;
	background:#d9faff;
	/*background:#f3eafc;*/
}
#main a {color:#003399;}
#main a:hover {color:#0033FF;}
#main p{line-height: 17px;}
#footer{width:88%;text-align:right;margin:0 auto;}

/*form elements*/
form dl {width: 435px;}
form dl dt {}
form dl dd {margin: 0 0 20px; padding: 0;}
form ul.errors {padding: 0; margin: 0; list-style: none;}
form ul.errors li {color: red;}
form dl dd p.description {margin: 0; padding: 0; font-size: 10px; color: gray;}

.input1, form .text {background:#fff;font-size:80%;border:1px solid #3399FF; width: 200px;}
.input1_textbox, form .textarea {background:#fff;font-size:80%;border:1px solid #3399FF;width:100%;height:190px;}
.button1{background:#6699FF;}
.input2 {background:#eee;font-size:80%;}
.select2 {background:#eee;font-size:80%;}
form input.text {background:#eee;font-size:80%;}

/*table datagrids*/
.head{background:#FFCC66;}
.header{background:#FFCC66;}
.fancy {border: 1px solid #FFCC66;font-size:74%;}
.fancy th {background:#fff;border-left: 1px solid #346DBE;border-bottom: 1px solid #7DAAEA;text-align:center;padding:3px;}
.fancy tr.hover:hover{background: #bfd5ff;}
.fancy tr.header{padding:6px;}
.fancy tr.header a{color: #000000;font-weight: normal;}
.fancy tr.header a:hover{color: #000000;font-weight: normal;text-decoration: none;}
.fancy td.selected {background-color: #3d80df;border-left: 1px solid #346DBE;border-bottom: 1px solid #7DAAEA;}
.fancy td.selected a {color: #ffffff;font-weight: bold;text-decoration: none;}
.fancy td.selected a:hover {color: #ffffff;font-weight: bold;text-decoration: underline;}
.fancy a:visited {color: #0000FF;}
.fancy tr.odd{background-color: #f2fbfc;}
.fancy tr.odd:hover{background-color: #d9faff;}
.fancy tr.even{background-color: #fff;}
.fancy tr.even:hover{background-color: #d9faff;}
.header tbody tr td {border-bottom:2px solid #000;}
.fancy tbody tr td {font-family: "lucida grande", verdana, sans-serif;font-size: 9pt;padding: 3px 8px;border-left: 1px solid #D9D9D9;}
.head {border-bottom:2px solid #000;}

/*rails flash alerts*/
.alert {
	background: #ffec9e;
	border: 2px solid #ff876b;
	margin: 20px;
	padding: 5px;
	width: 350px;
	text-align: center;
	font: 14px Georgia, Times New Roman, Times, serif;
}

.alert li{
	list-style-type: none;
}

.error {
	background: #c53a42;
	border: 2px solid #47251e;
	margin: 20px;
	padding: 5px;
	color: #ffffff;
	width: 350px;
	text-align: center;
	font: 14px Georgia, Times New Roman, Times, serif;
}

.error a {
	color:#3399FF;
}
.error a:hover {
	color:#3399FF;text-decoration:none;
}

/*form validation responses*/
.trick {
	padding-left: 4em;
	padding-right: 4em;
	padding-top: 1em;
	padding-bottom: 1em;
	line-height: 1.5em;
}

.formError {
	display: inline;
	color: #c53a42;
	text-decoration:blink;
}

.fieldWithErrors {
	background: #c53a42;
	border: 2px solid #47251e;
	padding: 5px;
	color: #ffffff;
	text-align: center;
	font: 14px Georgia, Times New Roman, Times, serif;
}


/* pages */


/*--------------------------------------
	Clear Floats
----------------------------------------------------------------------------*/
.clearfix:after,.ui-helper-clearfix:after {
	visibility:hidden;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
	height:0;
}

:first-child+html .clearfix {
	zoom:1;
}


	
/* IE7 */
.clearboth {
	clear:both;
}