/*____\                                                                                      /_____*/

/*    \\          THIS IS THE GENERAL STYLING FOR THIS SIMPLEQUICK POWERED WEBSITE          //     */

/*     \\                                                                                  //      */

/*      \\________________________________________________________________________________//       */

/*       \________________________________________________________________________________/        */

/*                                                                                                 */

/*           COMMENT LANGUAGE CONVENTIONS:                                                         */

/*   <i>   -    Beginning of styling group                                                         */

/*   <o>   -    End of styling group                                                               */

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */





html {

	margin:0px;
	padding:0px;
	overflow:auto;
	overflow-y:scroll;

}



body {

	margin:0px;
	padding:0px;
	background:#004B7F;
	font-family:Arial, "MS Sans-Serif", Helvetica, sans, sans-serif, freesans;

	font-size:12px;

}



div, p, h1, h2, h3, h4, h5, h6, span, li, a, ul	{ position:relative; }



div#w3c	{

	position:relative;

	width:100%;

	padding:0px;
	margin:0px;

	background:url('../images/contentholder-bg.jpg') no-repeat top right #FFFFFF;

	border:none;
}



div#header	{

	display:block;

	position:relative;

	height:160px;
	width:100%;
	background:url('../images/header.jpg') top left no-repeat #25628F;

	border-bottom:3px solid #BBBBBB;
	z-index:2;

}



div.footer	{

	display:block;
	position:relative;

	width:100%;

	margin:0px;
	margin-top:20px;
	padding-top:2px;
	padding-bottom:2px;
	border-top:3px solid #BBBBBB;
	background:#25628F;

	font-size:12px;
	text-align:center;
	color:#FFFFFF;
	cursor:default;

}



div.footer span#valid_xhtml {

	position:absolute;

	left:30px;

}



div.footer span#valid_css {

	position:absolute;

	right:30px;

}



div.footer span#copyright {

	position:relative;

}





span.admin_notify_top	{ cursor:default; background:#995500; color:#000000; font-size:10px; padding:1px; position:absolute; top:0px; left:0px; border:1px solid #FFCC11; border-left:none; border-top:none; }



span.superadmin_notify_top	{ cursor:default; background:#FFCC11; color:#000000; font-size:10px; padding:1px; position:absolute; top:0px; left:0px; border:1px solid #FFCC11; border-left:none; border-top:none; }

























/* <i> NAVIGATION MENU STYLING */



ul#primarynav {
	display:block;
	position:absolute;
	top:156px;
	left:0px;
	width:100%;
	padding:0px;
	margin:0px;
	margin-top:-1.1em;
	text-align:left;

	font-size:14px;

	font-weight:bold;
	overflow:visible;
	z-index:30;

}



ul#primarynav li {

	list-style-type:none;

	list-style-position:outside;

	display:inline;
	position:relative;
	left:10px;

	margin:0px;

	padding:2px;

	padding-left:0px;

	padding-right:0px;
	text-align:left;
	z-index:12;

}

ul#primarynav li.first {

	background:none;

}



ul#primarynav li a {
	display:inline;
	position:relative;
	padding:1px;
	padding-bottom:0px;
	margin:0px;
	margin-right:1em;
	margin-left:1em;
	color:#DDDDDD;
	text-decoration:none;

	font-weight:normal;
	letter-spacing:0.1em;

	border-bottom:2px solid #25628F;
}
ul#primarynav li a .menuitem_left {  }

ul#primarynav li a .menuitem_right {  }



ul#primarynav li a:hover {
	border-bottom-color:#6699FF;
	color:#FFFFFF;
}



ul#primarynav li.current {
	background-color:#6699FF;
	border-bottom:3px solid #FFFFFF;
}

ul#primarynav li.current a {
	border-bottom:2px solid #6699FF;
	color:#FFFFFF;
}
ul#primarynav li a.current:hover {
	/* border-bottom-color:#25628F; */
}

ul#primarynav li.first { }

ul#primarynav li.admin { display:none; }





/* <o> NAVIGATION MENU STYLING */

























div.contentholder {
	display:block;

	position:relative;

	width:560px;
	margin:0px;
	padding:30px;
	color:#555555;
	overflow:visible;

}



div.contentholder.editor {

	width:auto;

	margin:0px; padding:0px;

	border:0px;

	color:#222222;

}



div.contentholder h1 {

	position:relative;

	text-align:center;

	color:#005599;

	font-size:22px;

	margin-left:-10px;

	padding-left:10px; padding-right:10px;

	padding-bottom:28px;

}



div.contentholder a {

	color:#25628F;
	text-decoration:underline;

}



div.contentholder a:hover {

	color:#25628F;
	background-color:#CCCCCC;

	text-decoration:none;
	padding:1px;
	margin:-2px;
	background-color:#CCCCCC;
	border:1px solid #25628F;

}



div.contentholder ul {

	list-style-type:square;
}
div.contentholder ul li {
}



div.contentholder p {

	position:relative;

	text-indent:0px;

}











/* <i> ADMIN NAVIGATION MENU STYLING */



ul.admintools	{

	padding:5px; padding-bottom:6px;

	margin:0px;

	text-align:center;

	font-size:12px;

}



ul.admintools li	{

					list-style-type:none;

					display:inline;

					}



ul.admintools a	{

				color:#000000;

				border-left:1px solid #EEEEEE; border-top:1px solid #EEEEEE;

				border-right:2px solid #AAAAAA; border-bottom:2px solid #AAAAAA;

				background:#CCCCCC;

				text-decoration:none;

				padding:2px;

				}



ul.admintools a:hover	{

						color:#000000;

						border-left:2px solid #AAAAAA; border-top:2px solid #AAAAAA;

						border-right:1px solid #EEEEEE; border-bottom:1px solid #EEEEEE;

						background:#CCCCCC;

						position:relative;

						top:1px; left:1px;

						}



/* <o> ADMIN NAVIGATION MENU STYLING */







/* <i> ADMIN STYLING */



div.doclist	{

	/*

	background:#E6E6E6;

	border-left:2px solid #004488; border-right:2px solid #004488;

	width:700px;

	padding:10px;

	*/

	width:580px;

	margin:auto;

}



div.doclist p.row	{

	border:1px solid #777777;

	border-bottom:1px solid #999999;

	border-top-width:0px;

	background:#FFFFFF;

	margin:0px;

	width:100%;

}



div.doclist p.row.first	{ border-top-width:1px; }



div.doclist p.row:hover, div.doclist p.row.hover {

	background:#AACCFF;

}



/*div.doclist p.row:hover a.edit, div.doclist p.row.hover a.edit	{ background:#AACCFF; }*/



/*div.doclist p.row:hover span.tools a, div.doclist p.row.hover span.tools a	{ background:#DDCCAA; }*/



div.doclist span.name {

	font-size:12px;

	margin-left:4px;

	color:#BB0000;

	cursor:pointer;

}



div.doclist span.updated {

	font-size:10px;

	margin-left:2px; padding-left:2px;

	padding:2px;

	border-left:1px solid #999999;

	color:#999999;

}



div.doclist span.created {

	font-size:10px;

	margin-left:2px; padding-left:2px;

	padding:2px;

	border-left:1px solid #999999;

	color:#999999;

}



div.doclist span.tools {

	position:absolute;

	right:1px;

	font-size:10px;

	padding:3px; padding-bottom:4px;

}



div.doclist span.tools a {

	color:#000000;

	border-left:1px solid #EEEEEE; border-top:1px solid #EEEEEE;

	border-right:1px solid #BBBBBB; border-bottom:1px solid #BBBBBB;

	background:#CCCCCC;

	text-decoration:none;

	padding:1px;

}



div.doclist span.tools a:hover {

	color:#000000;

	border-left:1px solid #BBBBBB; border-top:1px solid #BBBBBB;

	border-right:1px solid #EEEEEE; border-bottom:1px solid #EEEEEE;

	background:#CCCCCC;

}



div.doclist span.tools .currenthome	{ color:#999999; cursor:default; }



div.doclist span.toolspacer	{ visibility:hidden; }



/* <o> ADMIN STYLING */





/* page titles are <h1></h1> 's */

h1 {
	display:inline;

	position:relative;
	margin:10px;
	margin-right:0px;
	margin-top:-1.7em;
	padding:10px;
	padding-top:1em;
	padding-bottom:1em;
	width:200px;
	float:right;
	clear:left;
	opacity:0.6;
	filter:alpha(opacity=60);
	background:#5483a4;
	/* border-left:2px solid #BBBBBB; */
	color:#FFFFFF;
	text-align:center;
	font-weight:bold;

	font-size:22px;
	letter-spacing:0.2em;
	z-index:20;

}

h1 .sitename { display:none; }

h1 .delimiter { display:none; }



h2 {

	position:relative;

	text-align:center;

	font-family:Arial, Helvetica, Sans-Serif, sans;

	color:#006633;

}









/* not sure what this will be for: */



div#m_info	{

			background:#111111;

			width:360px;

			height:auto;

			padding:20px;

			margin-top:30px;

			margin-left:auto; margin-right:auto;

			opacity:0.7;

			filter:alpha(opacity=70);

			}











/*  <i> FORM POPUPS */



div.dimmer	{

			background:#000000;

			display:block;

			position:absolute;

			top:0px; left:0px;

			width:100%; height:100%;

			opacity:0.7; filter:alpha(opacity=70);

			z-index:998;

			}



a.closebutton	{

				background:#990000;

				color:#FFF;

				border:#FFF;

				text-decoration:none;

				padding:1px 4px 2px 4px;

				float:right;

				}



div.popbox	{

			border:1px solid #F3C317;

			text-align:center;

			position:absolute;

			left:50%; margin-left:-350px;

			width:700px;

			top:20px; height:auto;

			z-index:999;

			background:url('../images/abst/grey to white.png') bottom repeat-x #333333;

			}



span.inputtitle	{

				color:#AAAAAA;

				border:1px dashed #F3C317;

				background:#666666;

				border-bottom:1px solid #666666;

				position:relative;

				top:1px;

				padding-left:0.5em; padding-right:0.5em; padding-bottom:1px;

				}



input	{

		color:#F3C317;

		text-align:center;

		/*border:1px dashed #CCCCCC;*/

		border:none;

		border-top:1px dashed #F3C317;

		background:#666666;

		}



textarea	{

			border:1px dashed #F3C317;

			}



input[type='submit']	{

						border:1px dashed #F3C317;

						}



#document_name	{

				width:300px;

				font-size:14px;

				margin-bottom:20px;

				}



div.popbox div.center	{

						display:block;

						text-align:center;

						width:680px;

						margin-left:auto; margin-right:auto;

						}



#document_document	{

					position:relative;

					width:100%;

					height:400px;

					}



/*  <o> FORM POPUPS */





img.profileimage	{

					height:160px;

					}



span.profilename	{

					font-size:22px;

					color:#006699;

					}



span.profiletitle	{

					position:relative;

					font-size:14px;

					font-weight:bold;

					padding:2px; padding-right:20px;

					border:1px solid #F3C317; border-right:none;

					background:#666666;

					}



span.profiledata	{

					position:relative;

					font-size:14px;

					left:-4px;

					padding:2px; padding-left:20px;

					border:1px solid #F3C317; border-left:none;

					background:url('../images/bg/grad_b-w_50px.png') repeat-y left #FFF;

					}

/*

.detailline	{

			position:relative;

			font-size:14px;

			width:90%; display:block; margin-left:-10px;

			padding:1px; padding-left:25px;

			margin-top:2px; margin-bottom:2px;

			border:1px solid #F3C317; border-left:none;

			background:url('../images/bg/grad_b-w_50px.png') repeat-y left #FFF;

			}

*/

.detailline	{

			position:relative;

			font-size:14px;

			width:32em; display:block; margin-left:-10px;

			padding:5px; padding-left:5px;

			margin-top:2px; margin-bottom:2px;

			border:none;

			background:url('../images/bg/grad_b-w_50px.png') repeat-y right #666666;

			}



.leftinfo	{

			position:relative;

			font-size:12px;

			width:40em; display:block;

			padding:5px; padding-right:15px;

			margin-top:2px; margin-bottom:2px;

			border:none;

			background:url('../images/bg/grad_b-w_50px.png') repeat-y right #666666;

			}



.centerinfo	{

			position:relative;

			display:block;

			width:85%;

			padding:5px; padding-right:15px; padding-left:15px;

			margin:2px;

			margin-left:auto; margin-right:auto;

			font-size:12px; color:#555555;

			border:1px solid #006699;

			background:#CCCCCC;

			}





div.contentholder .doctitle {

	display:block; position:relative;

	margin:0px;

	padding:4px;

	margin-top:10px;

	text-align:center; font-size:16px; font-weight:bold; color:#555555; font-variant:small-caps;

	border:1px solid #555555; border-bottom:0px;

	background:#CCCCCC;

	cursor:default;

}



div.contentholder .docboard {

	position:relative;

	margin:0px;

	padding:4px;

	text-align:left;

	color:#333333;

	background:#E6E6E6;

	border:1px solid #555555; border-top:0px;

	cursor:default;

}



div.contentholder .docboard p	{

								position:relative;

								text-indent:2em;

								}



div.contentholder .docboard ul	{

								position:relative;

								list-style-image:url('../images/arrow.gif');

								}



div.contentholder .errorbox	{

							position:relative;

							background:#CCC;

							border:1px dashed #006699;

							padding:20px;

							text-align:center;

							width:600px;

							margin:50px;

							margin-left:auto; margin-right:auto;

							}

				





/* tooltips: */



div#tooltip {
	margin-left:-20px;

	width:300px;		/* sets maximum tooltip width */

	text-align:left; font-size:10px; color:#222222;

	z-index:1002;

	background:#FFFFEE;

	border:1px solid #AAAAAA;

	padding:1px;

	opacity:0.8;
	filter:alpha(opacity=80);

}



div#tooltip	.tiptitle {

	font-weight:bold;

	font-size:10px;

	color:#000000;

	display:block;

	position:absolute;

	margin:auto;

	padding-left:1px; padding-right:1px;

	top:-1em; left:-2px;

	margin-top:-5px;

	width:100%;

	background:#EEEEEE;

	border:1px solid #999999;
}



