@charset "utf-8";
/* CSS Document */

/*MAIN STYLES OF THE WEBSITE*/

	body { 
			font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
			font-size: 14px; 
			font-style: normal; 
			line-height: 140%; 
			font-weight: normal; 
			font-variant: normal; 
			text-transform: none; 
			color: #000; 
			text-decoration: none; 
			list-style-type: none; 
			background-attachment: scroll; 
			background-image: none; 
			background-repeat: no-repeat; 
			background-position: left bottom;
		 }
	
	/*TEXT AND GENERAL LINK STYLES*/
		
	h1 { 
			font-size: 24px; 
			font-weight: bold; 
			padding-bottom: 20px; 
		}
		
	h3 { 
			font-size: 16px; 
			padding: 0px; 
		}
	
	p .link, .link, .logo_link { 
			color: #369; 
			text-decoration: none; 
			font-weight: bold; 
			cursor:pointer;
			}

	.link_right { color: #FFF; text-decoration: none; font-weight: bold; cursor:pointer; font-style: italic; text-align: right; padding-left: 350px; 
			}
			
	.non_link_head { 
			color: #369; 
			text-decoration: none; 
			font-weight: bold; 
			cursor:auto;
			}
			
	.non_link_em { 
			font-weight: bold; 
			font-style: italic; 
			color: #369; 
				 }
				 
	.caption { 
			font-weight: normal; 
			font-style: italic; 
			color: #369; 
			font-size: 11px;
				 }
			
	p.alert { 
			vertical-align:middle; 
			text-align: center; 
			font-weight:bold; 
			background-color:#99AB69; 
			padding:25px; 
			font-size:16px; 
			color:#FFF; 
			width: 300px; 
			position: absolute; 
			z-index: 500; 
			left: 350px; 
			top: 300px; 
			border-top-width: medium; 
			border-right-width: thick; 
			border-bottom-width: thick; 
			border-left-width: medium; 
			border-top-style: solid; 
			border-right-style: solid; 
			border-bottom-style: solid; 
			border-left-style: solid; 
			border-top-color: #5F6B3D; 
			border-right-color: #5F6B3D; 
			border-bottom-color: #5F6B3D; 
			border-left-color: #5F6B3D; 
			}
			
	a.alertClose { 
			font-size:12px; 
			font-style:italic; 
			color:#FFF; 
			margin-left:250px; 
			padding-top:150px; 
			text-align: right; 
			vertical-align: bottom; 
			}	
			
	.contact { padding-left: 225px; }	
	
	
/*HEADER STYLES*/

	#header { 
			background-color: #004566; 
			height: 145px; 
			width: 902px; 
			padding: 5px; 
			}
			
	#logo { 
			clear: left; 
			float: right; 
			position: relative; 
			right: 0px; 
			bottom: 0px; 
			margin-top: -84px; 
			margin-right: 0px; 
			margin-bottom: 0px; 
			margin-left: 0px; 
			background-color: #004566; 
			padding-top: 10px; 
			padding-bottom: 0px; 
			padding-right: 7px; 
			padding-left: 7px; 
		  }

	/*ADMINISTRATOR LINK STYLES*/
	
	#admin a { 
			font-size: 10px; 
			text-align: left; 
			float: right; 
			color: #FFF; 
			text-decoration: none; 
			font-weight: bold; 
			margin-right: 20px; 
			margin-top: -55px; 
			  }
			  
	#admin a:hover {color:#778F38; }
	#admin a:active {color:#668FA3 }

	/*MAIN NAVIGATION BAR STYLES ARE IN THE FILE 
	SpryMenuBarHorizontal.css*/
	

/*SITE CONTENT WITHIN WRAPPER DIV STYLES*/

	#wrapper { 
			background-color: #FFF; 
			padding-bottom: 0px; 
			background-attachment: scroll; 
			background-image: url(images/bckgrnd2a.gif); 
			background-repeat: no-repeat; 
			background-position: left bottom; 
			width: 909px; 
			clear:left;
			border-left-width: thin; 
			border-left-style: solid; 
			border-left-color:#99AB69; 
			border-right-width: thin; 
			border-right-style: solid; 
			border-right-color:#99AB69; 
			 }
	

	/*LEFT SIDEBAR STYLES IN LEFT_SIDEBAR DIV*/
	
	#left_sidebar { 
			float: left; 
			height: auto; 
			width: 175px; 
			clear: none; 
				   }

		/*SIDEBAR BACKGROUND WITH ROUNDED CORNERS USING CODE BY STU NICHOLIS*/
		
		#left_nav { 
			padding: 0px; 
			width: 170px; 
			float: left; 
			height: auto; 
			clear: none; 
			padding-top: 20px; 
			padding-bottom: 100px; 
			padding-right: 5px; 
			margin-left:5px;
					}
		
		.round_corner p { 
			margin:0 10px; 
			letter-spacing:1px; 
			padding-bottom:.5em; 
			color:#000; }
		
		.round_corner { background: transparent; }
		
		.round_corner em {
			display:block;
			width:0;
			height:0;
			color:#fff;
			overflow:hidden;
			margin-left:50px;
						  }
		
		.round_corner ul {
			padding-bottom:.5em; 	
			color:#999; 
			list-style-image: none; 
			list-style-type: none; 
			}
			
		.round_corner_content li a {
			text-decoration: none;	
			color:#333; 
			font-weight: bold; 
			vertical-align: middle;	
			margin-right: 10px;	
								   }
								   
		.round_corner_content li {	
			padding-top: 10px;	
			padding-right: 0px;	
			padding-bottom: 10px; 
			padding-left: 0px; 
			width: 165px; 
			float: none; 
			border-bottom-width: 1px; 
			border-bottom-style: solid; 
			border-bottom-color: #333; 
			margin-left: -40px; 
			text-align: right; 
								}
			
		.round_corner_content li a:hover {color:#CFD8B8;   }
		.round_corner_content li a:active {color:#004566;   }
		.round_corner_content li a.disabled {color:#BBC79B;   }
	
		/*hack for IE5.5*/
		*html .round_corner em {
			width:24px; 
			height:12px;
			w\idth:0; 
			hei\ght:0;
							   }
		
		.round_corner span {
			display:block; 
			width:0; 
			height:0; 
			color:#FFF; 
			overflow:hidden; 
			border-top:10px solid #99AB69; 
			border-left:10px dotted transparent; 
			border-right:10px dotted transparent; 
			margin-left:52px; 
			margin-top:-15px; 
						   }
		*html .round_corner span {
			width:20px;
			height:10px; 
			w\idth:0; 
			hei\ght:0; 
								 }
		
		.xb1, .xb2, .xb3, .xb4, .xb5,.xb6, .xb7 {
			display:block; 
			overflow:hidden; 
			font-size:0; 
												}
												
		.xb1, .xb2, .xb3, .xb4, .xb5,.xb6 { height:1px; }
		.xb4, .xb5,.xb6, .xb7 {
			background:#ccc; 
			border-left:1px solid #99AB69; 
			border-right:1px solid #99AB69; 
							  }
		
		.xb1 { margin:0 8px; background:#99AB69; }
		.xb2 { margin:0 6px; background:#99AB69; }
		.xb3 { margin:0 4px; background:#99AB69; }
		.xb4 { margin:0 3px; background:#99AB69; border-width:0 5px;  }
		.xb5 { margin:0 2px; background:#99AB69; border-width:0 4px;  }
		.xb6 { margin:0 2px; background:#99AB69; border-width:0 3px;  }
		.xb7 { margin:0 1px; background:#99AB69; border-width:0 3px;  height:2px; }
	
		.round_corner_content {
			display:block; 
			background:#99AB69; 
			border:3px solid #99AB69; 
			border-width:0 3px; 
							  }
	
	/*PAGE CONTENT STYLES IN CONTENT DIV*/
	
	#content { 
			margin-left: 180px; 
			width: 629px; 
			padding: 50px; 
			padding-top:25px; 
			 }
			 
	.bio_image { 
			float: right; 
			padding-top: 10px; 
			padding-right: 0px; 
			padding-bottom: 10px; 
			padding-left: 10px; 
			   }


	/*FOOTER CONTENT STYLES IN FOOTER DIV*/
	#footer { 
			float:none; 
			/*font-size: 12px; */
			background-color: #99AB69; 
			margin-bottom: 0px; 
			text-align: center; 
			white-space: nowrap; 
			padding: 15px; 
			width: 881px; 
			}
			
	p.foot, ul.foot a { 
			font-size: 12px; 
			line-height: 140%; 
			font-weight: bold; 
			color: #000; 
			margin: 0px; 
			padding-top: 5px; 
			padding-right: 0px; 
			padding-bottom: 5px; 
			padding-left: 0px; 
			}

		ul.foot { 
			list-style-type: none; 
			overflow: hidden; 
			zoom: 1; 
			padding: 0px; 
			width: 900px; 
			margin-top: 0px; 
			margin-right: 130px; 
			margin-bottom: 0px; 
			margin-left: 130px; 
			}
			
		ul.foot li { float:left; }
		
		ul.foot a { 
			border: 1px thin #993; 
			border-bottom: none; 
			padding-right: 50px; 
			margin-right: 5px; 
			text-decoration: none; color: #000; 
			display: block; 
			padding-left: 5px; 
				  }
				  
		ul.foot a:hover { color:#DBDBDB; }
		
	
/*SOCIETIES TABLE STYLES*/

	#societies td { 
			text-decoration: none; 
			text-align: center; 
			vertical-align: middle; 
			height: 150px; 
			width: 150px; 
			background-color:transparent;
			  }
			  
	#societies td:hover {background-color:#ECF4F9; }
	#societies td:active {background-color:#BAD9E9 }


/*FORM STYLES*/
/*STYLES FOR SPRY WIDGETS AND TOOLTIPS ARE FOUND AT THE END OF THE LIST IN THE ADOBE SPRY SECTION OF THIS FILE*/

	form { 
			background-color: #004566; 
			color: #fff; 
			padding: 20px; 
			/*font-weight: normal; 
			font-variant: normal; */
	 	  }

	.requiredStar  
			{ 
			font-size: 12px; 
			font-style: italic; 
			font-weight: bold; 
			color: #99AB69; 
			}
			
	.requiredStarLong  
			{ 
			font-size: 10px; 
			font-style: italic; 
			font-weight: bold; 
			color: #99AB69; 
			}

	fieldset legend { 
			font-size: 16px; 
			font-weight: bold; 
			color: #D0E5F0; 
				}
				
	fieldset { 
			padding: 20px; 
			border: 1px solid #D0E5F0; 
		 	 }
		 
	textarea, input, select 
			{ 
			background-color: #D0E5F0; 
			font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
			font-size: 14px; 
			font-style: normal; 
			font-weight: normal; 
			color: #000; 
			}
						
	select { font-size: 12px; }
	label .drop_lbl {font-size:6px; }

	/*ROUNDED CORNERS FOR FORM USING CODE FROM STU NICHOLIS*/
		.round_form {
				background: transparent; 
				margin:1em; 
					}
		
		.round_form p {
				margin:0 10px; 
				letter-spacing:1px; 
				padding-bottom:.5em; 
				color:#FFF; 
				}
	
		.rf1, .rf2, .rf3, .rf4, .rf5, .rf6, .rf7 
				{
				display:block; 
				overflow:hidden; 
				font-size:0; 
				}
				
		.rf1, .rf2, .rf3, .rf4, .rf5, .rf6 {height:1px; }
		.rf4, .rf5, .rf6, .rf7 {
				background:#ccc; 
				border-left:1px solid #004566; 
				border-right:1px solid #004566; 
								}
		
		.rf1 { 	margin:0 8px; background:#004566; }
		.rf2 { 	margin:0 6px; background:#004566; }
		.rf3 { 	margin:0 4px; background:#004566; }
		.rf4 { 	margin:0 3px; background:#004566; border-width:0 5px;  }
		.rf5 { 	margin:0 2px; background:#004566; border-width:0 4px;  }
		.rf6 { 	margin:0 2px; background:#004566; border-width:0 3px;  }
		.rf7 { 	margin:0 1px; background:#004566; border-width:0 3px;  height:2px;}
		
		.round_form_content {
				display:block; 
				background:#004566; 
				border:3px solid #004566; 
				border-width:0 3px; 
							}

	/*BUTTON USING IMAGE - CODE FROM HEDGER WANG*/
	
	span.button { 
			display:-moz-inline-box; 
			display:inline-block; 
			cursor:pointer; 
			border:none; 
			/*for Safari, read this first http://creativebits.org/webdev/safari_background_repeat_bug_fix*/
			background-position:0 0; 
			background-repeat:no-repeat; 
			height:27px; 
			text-decoration:none; 
			color:#FFF; 
			font-style:normal; 
			vertical-align:middle; 
			padding-top:-2px; 
			_position:relative; 
			_width:10px; 
			_overflow-y:hidden; 
			margin-top: -2px; 
			margin-right: 25px; 
			margin-bottom: 0px; 
			margin-left: 0px; 
			padding-right: 10px; 
			padding-bottom: 0px; 
			padding-left: 0px; 
				}
	
	span.button, span.button button { background-image:url(images/button2_image.gif); }
	
	span.button button { 
			white-space:nowrap; 
			cursor:pointer; 
			color:#FFF; 
			display:-mox-inline-box; 
			display:inline-block; 
			letter-spacing:0 
			!important; font-weight: bold; 
			background-color:transparent; 
			background-position:100% 0; 
			background-repeat:no-repeat; 
			height:27px; 
			border:none; 
			vertical-align:baseline; 
			zoom:1; 
			_position:relative; 
			_padding-left:0px; 
			_padding-right:12px; 
			_margin-right:-10px; 
			_display:block; 
			_top:0px; 
			_right:-5px; 
			text-align: center; 
			margin-right: -16px; 
			margin-left: 10px; 
			padding-top: 0px; 
			padding-right: 20px; 
			padding-bottom: 0px; 
			padding-left: 10px; 
						}
	
	span.button button { line-height:2.5; /*Opera needs this*/ }
	html.safari .button span { line-height:1.3; }
	html.safari span.button button { line-height:2.6; }
	html.safari .button:focus, html.safari span.button button:focus { outline:none; }
	span.button button, span.button input { padding-top:0px; line-height:2.5; /*Opera needs this*/ }

		/*BUTTON HOVER STYLE*/
		span.button:hover, span.button-behavior-hover 
			{ 
			background-position:0 -36px; 
			color:#FFF; 
			text-decoration:none;
			}
			
		span.button:hover button, span.button-behavior-hover button, span.button-behavior-hover input 
			{ 
			background-position:100% -36px; 
			}
			
		span.button:active, span.button-behavior-active
			{ 
			background-position:0 -72px; 
			color:#FFF; 
			text-decoration:none; 
			}
			
		span.button:active button, span.button-behavior-active button, span.button-behavior-active input 
			{
			background-position: 100% -72px; 
			}



/*EVENT BLOCK STYLES*/
/*STYLES FOR THE COLORS AND DESIGN OF THE EVENT CONTENT, TITLE AND BACKGROUND*/
/*STYLES FOR THE COLLAPSIBLE PANEL ASPECTS OF EVENTS ARE IN A SEPARATE FILE SpryCollapsiblePanel.css*/

	/*ROUNDED CORNERS FOR FORM USING CODE FROM STU NICHOLIS*/
	.round_event h3 {
			padding-top:.5em; 
			padding-bottom:.75em; 
			padding-left:10px; 
			background-color:#004566; 
			color:#FFF; 
					}
			
	.round_event {
			background:transparent; 
			margin:0; 
				  }
	
	.round_event p {
			margin:0px; 
			letter-spacing:1px; 
			padding-bottom:.5em; 
			color:#000; 
				    }
		
	.re1, .re2, .re3, .re4, .re5, .re6, .re7 
			{
			display:block; 
			overflow:hidden; 
			font-size:0; 
			}
			
	.re1, .re2, .re3, .re4, .re5, .re6 {height:1px; }
	.re4, .re5, .re6, .re7 
			{
			background:#ccc; 
			border-left:1px solid #004566; 
			border-right:1px solid #004566; 
			}
	
	.re1 { 	margin:0 8px; background:#004566; }
	.re2 { 	margin:0 6px; background:#004566; }
	.re3 { 	margin:0 4px; background:#004566; }
	.re4 { 	margin:0 3px; background:#004566; border-width:0 5px;  }
	.re5 { 	margin:0 2px; background:#004566; border-width:0 4px;  }
	.re6 { 	margin:0 2px; background:#004566; border-width:0 3px;  }
	.re7 { 	margin:0 1px; background:#004566; border-width:0 3px;  height:2px;}
	
	/*THIS IS THE BACKGROUND FOR THE EVENT TITLE*/
	.round_event_content 
			{
			display:block; 
			background:transparent; 
			border:3px none #069; 
			border-width:0 3px; 
			margin-top:-26px;
			}
	
	/*THESE ARE THE STYLES FOR THE TABLE CONTAINING THE EVENT INFORMATION*/
	.event_left { 
			padding-right:5px; 
			font-weight: bold; 
			padding-right: 10px; 
			font-style: italic; 
			color: #004566; 
			vertical-align:top;
				 }
				 
	.event_right { 
			padding-left:10px; 
			font-size:13px; 
			font-weight:normal; 
			vertical-align: top;
				  }
	.event_table td { padding-bottom:10px; }
	
	
	
	
/*FOLLOWING ARE ADOBE SPRY WIDGET STYLES FOR FORM VALIDATION FIELDS: TEXTAREA, CHECKBOX, SELECT, TEXTFIELD
 * AS WELL AS FOR TOOLTIPS THROUGHOUT THE SITE */
 
/******Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. **************
  ********** SpryValidationTextField.css - version 0.4 - Spry Pre-Release 1.6.1 **********
  ********** SpryFormValidation.css - version 0.5 - Spry Pre-Release 1.6.1 ***************
  ********** SpryValidationCheckbox.css - version 0.4 - Spry Pre-Release 1.6.1 ***********
  ********** SpryValidationSelect.css - version 0.4 - Spry Pre-Release 1.6.1 *************
  ********** SpryTooltip.css - version 0.2 - Spry Pre-Release 1.6.1 **********************
  ********** SpryValidationRadio.css - version 0.1 - Spry Pre-Release 1.6.1 **************
*/


/*FORM VALIDATION SPRY WIDGET STYLES*/

/* These are the classes applied on the messages which prevent them from being displayed by default.*/

	.textfieldRequiredMsg, 
	.textfieldInvalidFormatMsg, .textfieldValidMsg, 
	.textfieldMinValueMsg,.textfieldMaxValueMsg, 
	.textfieldMinCharsMsg,.textfieldMaxCharsMsg,
	.textareaRequiredMsg, 
	.textareaMinCharsMsg, .textareaMaxCharsMsg, 
	.textareaValidMsg, 
	.checkboxRequiredMsg, 
	.checkboxMinSelectionsMsg, .checkboxMaxSelectionsMsg, 
	.selectRequiredMsg, 
	.selectInvalidMsg, 
	.radioRequiredMsg, .radioInvalidMsg
		{ 
			display: none; 
		}

/* These selectors change the way messages look when the widget is in one of the error states.
 * These classes set a default color for the error text.
 * The state class (e.g. .textfieldRequiredState) is applied on the top-level container for the widget,
 * and this way only the specific error message can be shown by setting the display property to "inline".*/
 
	.textfieldRequiredState .textfieldRequiredMsg, 
	.textfieldInvalidFormatState .textfieldInvalidFormatMsg, 	
	.textfieldMinValueState .textfieldMinValueMsg, 
	.textfieldMaxValueState .textfieldMaxValueMsg, 
	.textfieldMinCharsState .textfieldMinCharsMsg, 
	.textfieldMaxCharsState .textfieldMaxCharsMsg, 
	.textareaRequiredState .textareaRequiredMsg,
	.textareaMinCharsState .textareaMinCharsMsg, 
	.textareaMaxCharsState .textareaMaxCharsMsg, 
	.checkboxRequiredState .checkboxRequiredMsg, 
	.checkboxMinSelectionsState .checkboxMinSelectionsMsg, 
	.checkboxMaxSelectionsState .checkboxMaxSelectionsMsg, 
	.selectRequiredState .selectRequiredMsg, 
	.selectInvalidState .selectInvalidMsg,
	.radioRequiredState .radioRequiredMsg, .radioInvalidState .radioInvalidMsg
		{
			display: inline;
			color:#99AB69;
			font-size: 12px; 
			font-style: italic; 
			font-weight: bold
		}

/* The next three group selectors control the way the core element (INPUT, SELECT, TEXTAREA) looks like when the widget is in one of the states: focus, required / invalid / minValue / maxValue / minChars / maxChars , valid 
 * There are two selectors for each state, to cover the two main usecases for the widget:
 * - the widget id is placed on the top level container for the INPUT
 * - the widget id is placed on the INPUT element itself (there are no error messages)*/
 
 
 /* When the widget is in the valid state the INPUT, SELECT, TEXTAREA maintains the blue background. */
 
	.textfieldValidState input, input.textfieldValidState, 
	.textareaValidState textarea, textarea.textareaValidState, 
	.selectValidState select, select.selectValidState
		{
			background-color:#D0E5F0;
		}

/* When the widget is in an invalid state the INPUT, SELECT, TEXTAREA has a green background applied on it. */

	input.textfieldRequiredState, .textfieldRequiredState input, 
	input.textfieldInvalidFormatState, .textfieldInvalidFormatState input, 
	input.textfieldMinValueState, .textfieldMinValueState input, 
	input.textfieldMaxValueState, .textfieldMaxValueState input, 
	input.textfieldMinCharsState, .textfieldMinCharsState input, 
	input.textfieldMaxCharsState, .textfieldMaxCharsState input, 
	textarea.textareaRequiredState, .textareaRequiredState textarea, 
	textarea.textareaMinCharsState, .textareaMinCharsState textarea, 
	textarea.textareaMaxCharsState, .textareaMaxCharsState textarea, 
	select.selectRequiredState, .selectRequiredState select, 
	select.selectInvalidState, .selectInvalidState select 
		{
			background-color:#99AB69;
		}

/* When the widget has received focus, the INPUT, SELECT, TEXTAREA maintains the light blue background. */

	.textfieldFocusState input, input.textfieldFocusState,
	.textareaFocusState textarea, textarea.textareaFocusState,
	.selectFocusState select, select.selectFocusState
		{
			background-color:#D0E5F0;
		}

/* This class applies only for a short period of time and changes the way the text in the textbox, textarea looks.
 * It applies only when the widget has character masking enabled and the user tries to type in an invalid character *or when enforce max chars is enabled and the user tries to type some more.*/
 
	.textfieldFlashText input, input.textfieldFlashText, 
	.textareaFlashState textarea, textarea.textareaFlashState
		{
			color:#99AB69;
		}

/* When the widget has the hint message on, the hint text can be styled differently than the user typed text. */

	/*.textfieldHintState input, input.textfieldHintState,
	textarea.textareaHintState, .textareaHintState textarea
		{
			color: red !important;
		}*/



/*SPRY TOOLTIP WIDGET STYLES*/

	/* HACK FOR IE: to make sure the tooltips show above form controls, we underlay each tooltip with an iframe */
	.iframeTooltip
			{
			position: absolute;
			z-index: 1010;
			filter:alpha(opacity:0.1);
			}

	.tooltipContent 
			{ 			
			background-color:#C8D1AD; 
			font-size: 12px; 
			width: 250px; 
			padding-top: 2px; 
			padding-right: 5px; 
			padding-bottom: 2px; 
			padding-left: 5px; 
			overflow: auto; 
			float: right; 
			}

p .link-back-right {
	color: #369;
	text-decoration: none;
	font-weight: bold;
	cursor:pointer;
	text-align: right;
	float: right;
}



/*BASIC LIST IN TEXT OF WEB PAGE*/



ul.basic_list {
	list-style-type: none;
	margin-left: -40px;
	font-weight: bold;
			}
			
.basic_list_item  {
	list-style-type: none;
	margin-left: -40px;
	font-weight: normal;
			}