/***** Generic Elements *****/
body { 				margin:0;
					padding:0;
					font: normal 9pt 'Arial', 'Trebuchet MS', sans-serif;
					}

div.spacer {
					clear: both;
					height: 1px;
					line-height: 1px;
					font-size: 1px;
}

.smallText{
					font-size: 8pt;
}

/***** Removing non-CSSed Elements *****/
.invisible, .invisiblePageNavigation, #date { display: none; }
.hide	{			visibility: hidden;
					clear: both; }


/* Center the page in older browsers */
div#document	{
					position: absolute;
					bottom: 50%;
					left: 50%;
					margin-bottom: -270px;
					margin-left: -380px;
					text-align: center;
					width: 760px;
					height: 540px; }


/***** Top LOGO and LOGIN'banner' *****/
div#topBanner { 	background: #fff;
					border: 0px;
					height: 85px;
					margin: 0px;
					padding: 0px;
}

div#topBanner #companyLogo {
					margin-top: 10px;
					background: #fff;
					border: 0px;
					float: left;
}

div#topBanner #login {
					width: 306px;
					background: #fcfcfc;
					border: 1px dashed #ededed;
					float: right;
					margin: 0px 0px 5px 0px;
}

/***** Login Bar ****/
div#topBanner #login #loginTitle{
					color: #900;
					font-weight: bold;
					font-size: 8pt;
					padding: 2px 0px 2px 4px;
					margin: 0;
					text-align: left;
}

div#loginForm {		width: 300px;
                    padding: 0px;
                    margin: 0px auto;
                }
				
div#loginForm div.smallText{
					padding: 0px 0px 0px 0px;	
					font-size: 8pt;
					text-align: left;
}

div#loginForm div.field { padding-top: 1px;}

div#loginForm div.field span.label {
					height: 10px;
                    float: left;
                    width: 80px;
					padding: 0 4px;
                    font-weight: bold;
					font-size: 8pt;
                    text-align: right;}

div#loginForm div.field span.input {
                    float: left;
                    width: 160px;
                    text-align: left;}

div#loginForm div.field span.error {
					font-size: 0.8em;
                    float: right;
                    font-weight: bold;
                    text-align: left;
                    color: #c00;
					clear: right;}


div#loginForm .textInput{
					height: 15px;
					font-size: 8pt;
					border: 1px solid #ccc;
                    text-align: left;
                    width: 150px;}
             
div#loginForm .smallButton {
					font-size: 8pt;
					float: right;
					margin: 0px 10px 3px 0px;
					padding: 0px;
					border: 1px solid #000;
					background: #fcfcfc;
                    }
					
div#loginForm .submitText {
					text-align: right;
					color: #000;
					font-size: 8pt;
					font-weight: bold;
					text-decoration: none;
                    }

div.form 			{
}

div.form div.field { padding-top: 0px; clear: both;}

div.form div.floatRightField { float: right; padding-top: 0px; clear: both; margin-right: 10px;}

div.form div.field span.label {
					line-height: 20px;
                    float: left;
                    width: 180px;
					padding: 0 4px;
                    font-weight: bold;
					font-size: 8pt;
                    text-align: right;}

div.form div.field span.input {
					line-height: 18px;
                    float: left;
                    width: 160px;
                    text-align: left;}

div.form div.field span.error {
					font-size: 0.8em;
                    float: right;
                    font-weight: bold;
                    text-align: left;
                    color: #c00;
					clear: right;}


div.form .textInput{
					margin-left: 7px;
					padding-left: 2px;
					height: 18px;
					font-size: 9pt;
					border: 1px solid #999;
                    text-align: left;
                    width: 150px;
					}
.smallButton {
					font-size: 8pt;
					float: right;
					margin: 0px 10px 3px 0px;
					padding: 0px;
					border: 1px solid #000;
					background: #fcfcfc;
                    }            
div.form .button {  
					font-size: 8pt;
					border: 1px solid #999;
					float: right;
                    clear: both;
					padding: 0px;
                    }
					
div.form .radio {  	margin-left: 0px; }

div.form .submit {  
					float: right;
					text-align: right;
					padding: 0px 10px 3px 0px;
					clear: both;
                    }
div.form .submitText {
					text-align: right;
					color: #000;
					font-size: 8pt;
					font-weight: bold;
					text-decoration: none;
                    }

/* Email form */					
div.emailForm 			{
}

div.emailForm div.field { padding-top: 0px; clear: both;}

div.emailForm div.floatRightField { float: right; padding-top: 0px; clear: both; margin-right: 10px;}

div.emailForm div.field span.label {
					line-height: 10px;
                    float: left;
                    width: 100px;
					padding: 0 4px;
                    font-weight: bold;
					font-size: 8pt;
                    text-align: right;}

div.emailForm div.field span.input {
					line-height: 10px;
                    float: left;
                    width: 220px;
                    text-align: left;}

div.emailForm div.field span.error {
					font-size: 0.8em;
                    float: right;
					text-align: left;
                    font-weight: bold;
                    color: #c00;
}


div.emailForm .textInput{
					margin-left: 7px;
					padding-left: 2px;
					height: 18px;
					font-size: 9pt;
					border: 1px solid #999;
                    text-align: left;
                    width: 220px;
					}

div.emailForm .textArea{
					margin-left: 7px;
					padding-left: 2px;
					height: 80px;
					font-size: 9pt;
					border: 1px solid #999;
                    text-align: left;
                    width: 220px;
					}

/***** Main Rectangle of Site ****/
div#mainContent	{
					border: 1px solid #000;	
					margin-left: auto;
					margin-right: auto;
					text-align: left;
					width: 760px;
					}
					
/***** Top Photo 'banner' *****/
div#photoBanner { 	background: #fff url("images/photoBanner6.jpg");
					border: 0px;
					width: 760px;
					height: 75px}

/***/					
div#pageContent	{
				margin-top: 1px;
				background: #fff;
				height: 355px;
				width: 760px;
				scrollbar-arrow-color: #4f5680;
				scrollbar-3dlight-color: #4f5680;
				scrollbar-darkshadow-color: #4f5680;
				scrollbar-face-color: #fafaff;
				scrollbar-highlight-color: #FFFFFF;
				scrollbar-shadow-color: #d0d0d0;
				scrollbar-track-color: #fafaff;
				}

div#pageContent img {
	display: block;
	margin: 0px;
}

div#mainContentPhotoLeft {
					float: left;
					width: 355px;}

div#mainContentPhotoRight {
					margin: 0px;
					padding: 0px;
					float: right;
					width: 355px;}

div#mainContentPhotoRight img{
					margin: 0px;
					padding: 0px;
					display: block;
					}
										
div#mainContentTextLeft {
					background: #fafafa;
					height: 355px;
					overflow: auto;
					margin-right: 0px;}
					
div#mainContentTextRight {
					margin-left: 0px;
					background: #fff;
					height: 355px;
					overflow: auto;}

div#pageContent h1 {
					font: 14pt  'Gill Sans MT', Arial, Helvetica, Sans-Serif;
					letter-spacing: 3px;
					color: #111166;
					margin: 10px 25px 0px 20px;
}

div#pageContent h2 {
					font: 12pt  'Gill Sans MT', Arial, Helvetica, Sans-Serif;
					letter-spacing: 1px;
					color: #111166;
					margin: 10px 25px 0px 20px;
}

div#pageContent h3 {
					font: 10pt  'Gill Sans MT', Arial, Helvetica, Sans-Serif;
					letter-spacing: 1px;
					color: #111166;
					margin: 10px 25px 0px 20px;
}

div#pageContent h4 {
					font: italic 10pt  'Gill Sans MT', Arial, Helvetica, Sans-Serif;
					letter-spacing: 1px;
					color: #111166;
					margin: 10px 25px 0px 20px;
}

div#pageContent h5 {
					margin: 10px 25px 0px 20px;
					font: bold 8pt 'Arial', Sans-Serif;
					letter-spacing: 0px;
					text-align: justify;
					line-height: 14pt;
					color: #333;
}
	
div#pageContent	p{
					padding: 0px;
					margin: 8px 25px 5px 20px;
					font: 8pt 'Arial', Sans-Serif;
					letter-spacing: 0px;
					text-align: justify;
					line-height: 1.5em;
					color: #333;
}

div#mainContentTextLeft img{
					padding: 15px;
}

div#mainContentTextRight img{
					padding: 15px;
}


/**** Styles for the News Page ****/
div#pageContent	#newsPage .article{
					margin: 15px 25px 10px 20px;
					padding: 0px 0px 10px 0px;
					}
div#pageContent	#newsPage .article .articleHeading{
					padding: 0px 0px 3px 0px;
					font: 8pt 'Gill Sans MT', Arial, Helvetica, Sans-Serif;
					font-weight: bold;
					letter-spacing: 1px;
					color: #111166;
					}
div#pageContent	#newsPage .article .articleBody{
					padding: 0px;
					margin: 2px 25px 5px 0px;
					font: 8pt 'Arial', Sans-Serif;
					letter-spacing: 0px;
					text-align: justify;
					line-height: 1.5em;
					color: #333;
					}
div#pageContent	#newsPage .article a{
					padding: 0px 0px 3px 0px;
					font: 8pt 'Gill Sans MT', Arial, Helvetica, Sans-Serif;
					color: #111166;
					text-decoration: none;
					}
div#pageContent	#newsPage .article a:hover{
					color: #000;
					}
div#pageContent	#newsPage .newsLink{
					padding: 5px 0px 5px 20px;
					font: 8pt 'Gill Sans MT', Arial, Helvetica, Sans-Serif;
					}
					
/**** News Article Administration ****/
div#pageContent	#newsPage h3{
					clear: both;
					}
div#pageContent	#newsPage .article_admin{
					margin: 15px 25px 10px 20px;
					padding: 0px 0px 10px 0px;
					border-bottom: 1px dashed #ccc;
					}
div#pageContent	#newsPage .article_admin .articleHeading_admin{
					width: 240px;
					float: left;
					padding: 0px 0px 3px 0px;
					font: 8pt Arial, Helvetica, Sans-Serif;
					color: #000;
					}
div#pageContent	#newsPage .article_admin .articleAdmin_icon{
					padding: 0px 0px 3px 0px;
					}
div#pageContent	#newsPage .article_admin .articleBody_admin{
					padding: 0px;
					margin: 2px 25px 5px 10px;
					font: 8pt 'Arial', Sans-Serif;
					letter-spacing: 0px;
					text-align: justify;
					line-height: 1.5em;
					color: #333;
					}
div#pageContent	#newsPage .article_admin a{
					padding: 0px 0px 3px 0px;
					font: 8pt 'Gill Sans MT', Arial, Helvetica, Sans-Serif;
					color: #111166;
					text-decoration: none;
					}
div#pageContent	#newsPage .article_admin a:hover{
					color: #000;
					}
div#pageContent	#newsPage .article_admin img{
					padding: 0px 4px;
					border: 0px;
					}
div#pageContent	#newsPage .article_admin .iconPanel{
					height: 20px;
					}
div#pageContent	#newsPage .article_admin a:hover{
					color: #000;
					}


/**** Styles for the Scrolling News Pane ****/
div#pageContent	#newsPane{
					position: absolute;
					padding: 10px 0;
					z-index: 2;
					top: 188px;
					left: 15px;
					height: 324px;
					width: 170px;
					}
div#pageContent	#newsPane #newsTitle{
					font: 14pt  'Gill Sans MT', Arial, Helvetica, Sans-Serif;
					letter-spacing: 2px;
					padding: 0px 0px 0px 4px;
					}
div#pageContent	#newsPane hr{
					position: relative;
					margin: -5px 0px 0px 35px;
					padding: 0px;
					height: 1px;
					width: 133px;
					color: #000;
					}
div#pageContent	#newsPane p{
					font: 8pt Arial, Helvetica, Sans-Serif;
					letter-spacing: 1px;
					padding: 8px 0 8px 0;
					margin: 5px;
					text-align: left;
					}
div#pageContent	#newsPane a{
					display: block;
					float: right;
					clear: both;
					padding: 0;
					margin: -10px 0;
					font: 7pt Arial, Helvetica, Sans-Serif;
					font-weight: bold;
					color: #009;
					white-space: nowrap;
					text-decoration: none;
					}
div#pageContent	#newsPane .article{
					padding: 0px 0px 20px 0px;
					}
div#pageContent	#newsPane .articleHeading{
					padding: 0px 0px 3px 10px;
					font: 8pt 'Gill Sans MT', Arial, Helvetica, Sans-Serif;
					font-weight: bold;
					letter-spacing: 1px;
					color: #111166;
					}
div#pageContent	#newsPane .articleBody{
					padding: 0px 0px 10px 10px;
					font: 8pt  'Gill Sans MT', Arial, Helvetica, Sans-Serif;
					color: #111;
					}
div#pageContent	#newsPane .articleBody p{
					padding: 0px;
					font: 8pt  'Gill Sans MT', Arial, Helvetica, Sans-Serif;
					color: #111;
					letter-spacing: 0px;
					}

/***** Menu Bar *****/
div#menuBar { 		width: 760px;
					height: 24px;
					background: #4f5887 url('images/menuBackground.gif') no-repeat left;
					border-top: 1px solid #fff;
					}			
div#actualMenu {	float: right;
					}
#nav, #nav ul { 	z-index: 3;
					font: bold 10pt "Arial Narrow", Sans-Serif;
					padding: 0;
					margin: 0;
					list-style: none;
					border-left: 1px solid #fff;
					background: url("images/animation.gif");
					}
					
#nav, #nav ul { 	font: bold 10pt "Arial Narrow", Sans-Serif;
					padding: 0;
					margin: 0;
					list-style: none;
					}
#nav ul				{
					border-top: 1px solid #fff;
					}
#nav a { 			display: block;
					text-decoration: none;
					background: #4f5887;
					padding: 0px 10px 0px 10px;
					border-left: 1px solid #fff;
					color: #fff;
					line-height: 24px;
					}			
#nav a:hover {		background: #996666;
					}
#nav li { 			float: left;
					}
#nav li ul { 		position: absolute;
					left: -999em;
					}
#nav li ul a{		display: block;		
					font-size: 8pt;
					text-decoration: none;
					color: #fff;
					padding: 0px 10px 0px 10px;
					line-height: 20px;
					}
#nav li ul a:hover{ color: #fff;
					background: #996666;
					padding: 0px 10px 0px 10px;
					}
#nav li ul li { 	padding: 0px;
					clear: both;
					}
#nav li ul li a {	clear: both;
					border: 0;
					}
#nav li ul li a:hover {
					clear: both;
					}
#nav li:hover ul { 	left: auto;
					}
#nav li:hover ul, #nav li.sfhover ul {
					left: auto; }

		
/***** Admin Related Styles ****/
div#admin_editPageLink	{
					text-align: right;
					padding-left: 20px;
					margin-top: 5px;
					line-height: 20px;
					font-size: 8pt;
					font-weight: bold;
					color: #900;
					float: right;
					background: #fff url("images/admin_editPageIcon.png") no-repeat left;
					}
div#admin_editPageLink	a{
					color: #000;
					text-decoration: none;
					}
div#admin_editPageLink	a:hover{
					color: #000;
					text-decoration: underline;
					}


/***** 404 Error Message Formating *****/
div#error404Area {  text-align: justify;
                    margin: 20px;
                    width: 300px;}

div#error404Head { 	font: 140% tahoma, helvetica, sans-serif;
					letter-spacing: 5px;
					word-spacing: 4px;
					font-weight: normal;
					padding-bottom: 5px;
					border-bottom: 1px solid #aaaaaa; }

.error404Body { 	font: 80% verdana, arial, tahoma, helvetica, sans-serif;
					line-height: 1.5em;
					margin-top: 20px;}
					


/**** Members page formatting ****/
div#pageContent	#membersPage h3{
					clear: both;
					}

div#pageContent	#membersPage .file_entryHeading{
					margin: 10px 25px 0px 20px;
					padding: 0px;
					background: #efefef;
					font: 8pt Arial, Helvetica, Sans-Serif;
					font-weight: bold;
					color: #000;
					border-bottom: 1px dashed #ccc;
					}
					
div#pageContent	#membersPage .file_filenameHeading{
					width: 200px;
					float: left;
					padding: 4px 2px 1px 6px;
					}
div#pageContent	#membersPage .file_dateHeading{
					width: 75px;
					float: left;
					padding: 4px 2px 1px 6px;
					}
div#pageContent	#membersPage .file_downloadHeading{
					width: 20px;
					padding: 4px 2px 1px 6px;
					float: left;
					}
					
					
div#pageContent	#membersPage .file_entry, .file_entryAlt{
					margin: 0px 25px 0px 20px;
					padding: 0px 0px 0px 0px;
					border-bottom: 1px dashed #ccc;
					background: #f6f6f6;
					}

div#pageContent	#membersPage .file_entryAlt{
					background: #fff;
					}
					
div#pageContent	#membersPage .file_filename{
					width: 200px;
					float: left;
					padding: 5px 4px 5px 6px;
					font: 8pt Arial, Helvetica, Sans-Serif;
					}
div#pageContent	#membersPage .file_date{
					width: 80px;
					float: left;
					padding: 5px 4px 5px 6px;
					font: 8pt Arial, Helvetica, Sans-Serif;
					font-style: italic;
					}
div#pageContent	#membersPage .file_iconPanel{
					padding: 5px 0px 5px 10px;
					}
					
div#pageContent	#membersPage .file_iconPanelItem{
					padding: 0px 0px 3px 0px;
					}
div#pageContent	#membersPage img{
					padding: 0px 4px;
					border: 0px;
					}
					
/***** MEMBERS Administration specific styles *********/
#header {
					padding: 10px 0 0 45px;
					float:left;
					width: 354px;
					background: url("images/members_adminMenuBG.gif") repeat-x bottom;
					font-size:93%;
					line-height:normal;
					font: 8pt Arial, Sans-Serif;
				    }
#header ul {
					margin:0;
					padding:0;
					list-style:none;
					}
#header li {
					float:left;
					margin:0 2px;
					padding:0;
					border-left: 1px solid #000;
					border-top: 1px solid #000;
					border-right: 1px solid #000;
					}
#header a {
					display:block;
					background: #eee;
					padding:5px 15px 4px;
					text-decoration: none;
					color: #000;
				    }
					
#header a:hover {
					background: #ccc;
					text-decoration: none;
					color: #000;
				    }			
#header #current {
					background: #fff;
					}
#header #current a {
					background: #fff;
					padding-bottom:5px;
					}
#header #current a:hover {
					background: #eee;
					color: #fff;
					}
					
div.adminForm 			{
}

div.adminForm div.field { padding-top: 0px; clear: both;}

div.adminForm div.floatRightField { float: right; padding-top: 0px; clear: both; margin-right: 10px;}

div.adminForm div.field span.label {
					line-height: 20px;
                    float: left;
                    width: 100px;
					padding: 0 4px;
                    font-weight: bold;
					font-size: 8pt;
                    text-align: right;}

div.adminForm div.field span.input {
					line-height: 18px;
                    text-align: left;}

div.adminForm div.input {
					margin: 2px 4px 0px 100px;
					line-height: 18px;
                    text-align: left;}

div.adminForm div.field span.error {
					font-size: 0.8em;
                    font-weight: bold;
                    text-align: left;
                    color: #c00;
					clear: right;}
div.adminForm .textInput{
					margin-left: 7px;
					padding-left: 2px;
					height: 18px;
					font-size: 9pt;
					border: 1px solid #999;
                    text-align: left;
                    width: 200px;
					}
                                     
div.adminForm .button {  
					font-size: 8pt;
					border: 1px solid #999;
					float: right;
                    clear: both;
					padding: 0px;
                    }
					
div.adminForm .radio {  	margin-left: 0px; }

div.adminForm .submit {  
					float: right;
					text-align: right;
					padding: 0px 10px 3px 0px;
					clear: both;
					border: 1px solid #000;
                    }
					
div.adminForm .submitText {
					text-align: right;
					color: #000;
					font-size: 8pt;
					font-weight: bold;
					text-decoration: none;
                    }
					
/*** shadows ****/
/*core drop shadow rules*/
.wrap1, .wrap2, .wrap3 {
	display:inline-table;
	/* \*/display:block;/**/} 
.wrap1 {
	float:left;
	background:url(images/shadows/v3/shadow.gif) right bottom no-repeat;}
.wrap2 {background:url(images/shadows/v3/corner_bl.gif) left bottom no-repeat;}
.wrap3 {
	padding:0 7px 7px 0;

	background:url(images/shadows/v3/corner_tr.gif) right top no-repeat;}
.wrap3 img {
	display:block;

	border-color:#efefef #ccc #ccc #efefef;}
-->

