/*
 ****  COMMON STYLES  ****************************************************
 *
 *   This is a global stylesheet. Do not customize for this site!
 *   Version 1.1
 *   
 */

/*
 ****  RESET **********************************************************
 */

	/*body * {position: relative;} interferes with FancyBox */
	html, body { width: 100%; height: 100%; }
	html, body, table {	border:0;	margin:0;	padding:0;}
	img { border: 0; padding: 0;}
	p, h1, h2, h3, h4, h5, h6 {	margin:0;	padding:0; }
	form {	margin:0;	padding:0; }
	td { padding: 0; vertical-align: top;}
	fieldset { border: none; margin: 0; padding: 0;}


/*
 ****  COMMON SHORTCUTS **********************************************************
 */

	small,.small {	font-size:85%;}
	.smaller { font-size: 70%;}
	sup {	position:relative;	bottom:0.3em;	vertical-align:baseline;}
	sub {	position:relative;	bottom:-0.2em;	vertical-align:baseline;}
	acronym, abbr {	cursor:help;	letter-spacing:1px;	border-bottom:1px dashed;} 
	.clear, .clear-hidden         { clear:both; }
	.clear-hidden	{ font-size: 0em; height: 0px; overflow: hidden;}
	.clear-after:after	{ content: ".";	display: block;	height: 0; clear: both; visibility: hidden;}
	.clear-none	{clear:none;}
	.clear-bottom {overflow: hidden;}
	.float-left    { float:left; }
	.float-right   { float:right; }
	.text-left     { text-align:left; }
	.text-right    { text-align:right; }
	.text-center   { text-align:center; }
	.text-justify  { text-align:justify; }
	.bold          { font-weight:bold; }
	.italic        { font-style:italic; }
	.underline     { border-bottom:1px solid; }
	.nopadding     { padding:0; }
	.noindent      { margin-left:0;padding-left:0; }
	.nobullet      { list-style:none;list-style-image:none; }
	.hidden		   { display: none;}

/*
 ****  LAYOUT  **********************************************************
 */
	
		body
		{
			margin: 0;
		}
	
		
/*
 ***** FONTS **********************************************************
 */
	 
	/* default */
	 	html,
		body,
		input,
		select,
		textarea
		{
			font-family: arial, helvetica, sans-serif;
			font-size: 90%;	
			line-height: 130%;
		}


/*
 ****  OTHER  **********************************************************
 */

	/* indent */
	
		.indent {
			margin-left: 1em;
		}
		
	/* links */
	
		/* not yet visited */
	 	
			a,
			a:link
			{
			}
		
		/* visited */
			
			a:visited
			{
				text-decoration: underline;	
			}
		
		/* user hovers mouse */
		
			a:hover
			{
				text-decoration: none;
			}
		
		/* received cursor focus */
		
			a:focus
			{
			}
		
		/* user clicks link */
		
			a:active
			{
			}
		
		/* no underline */
		
			a.noline,
			a.hoverline
			{
				text-decoration: none;
			}
			
		/* underline only on hover */
		
			a.hoverline:hover
			{
				text-decoration: underline;
			}
	 
		
	/* lists */
	
		/* unordered list */
		
			ul
			{
				margin: 1em 0 1em 1em;
				padding: 0;
				list-style: disc;
				list-style-position: outside;
				/*position:relative;*/
			}
			
		/* order list */
			ol
			{
				margin: 1em 0 1em 1em;
				padding: 0;
				/*position:relative;*/
				list-style: decimal;
				list-style-position: outside;
			}
			
		/* list items */
			
			li
			{
				margin: 0 0 .5em 1em;
				padding: 0;
				/*position:relative;*/
			}
	
		/* indented sub lists */
		
			ul ul
			{
				margin-top: .5em;
				margin-bottom: .5em;
			}
			
		/* no bullets */
		
			ul.nobullets {
				list-style: none;
			}
			ul.nobullets li
			{
				list-style: none;
				margin-left: 0;
			}


	/* highlighted items */
	
		.highlight
		{
			background-color: #ff6;
		}
		
	/* simple flag */
	
		.simpleflag,
		.simpleflag-yes,
		.simpleflag-no
		{
			padding: 0 .25em;			
			font-weight: bold;	
		}
		.simpleflag-yes
		{
			background: #0b0;
			color: white;
		}
		.simpleflag-no
		{
			background: red;
			color: white;
		}
		.simpleflag
		{
			background: #eee;
			color: #333;
		}
		
			
	/* inline image vertical alignment */
	
		.valign-middle
		{
			vertical-align: middle;
		}
		.valign-texttop
		{
			vertical-align: text-top;
		}
		.valign-bottom
		{
			vertical-align: text-bottom;
		}

	/* columns */

		/* common */
			
			.col
			{
				float: left;
				margin-right: 2%;
			}
			
			.col .col
			{
			}
			
			.columns2,
			.columns3,
			.columns4,
			.columns-golden
			{
				overflow:hidden;
			}

		/* 2-column */
			
			.columns2>.col
			{
				width: 49%;
			}

		/* 3-column */
						
			.columns3>.col
			{
				width: 32%;
			}
		
		/* 4-column */
						
			.columns4>.col
			{
				width: 23.5%;
			}
			
		/* golden ratio */
			
			.columns-golden>.col-big
			{
				width: 60%;	
			}
			.columns-golden>.col-small
			{
				width: 38%;
			}

		/* clear right margin on last column */
			
			.columns2 .col-last,
			.columns3 .col-last,
			.columns4 .col-last,
			.columns-golden .col-last
			{
				margin-right: 0;
			}
		
	/* external links */
	 
	/* rounded corners */
	
		.rounded,
		.rounded-medium
		{
			-moz-border-radius: 6px;
			-webkit-border-radius: 6px;
		}		
		.rounded-small
		{
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;				
		}
		.rounded-large
		{
			-moz-border-radius: 10px;
			-webkit-border-radius: 10px;
		}

	/* tables */

		/* plain */
		
			table.plain
			{
				margin: 0 0 1em 0;
			}
			table.plain td,
			table.plain th
			{
				padding: 3px 10px 3px 0;
				text-align: left;
			}
	
		/* fancy zebra striped */

			table.fancy
			{
				border-collapse: collapse;
				margin: 0 0 1em 0;
				background: #eee;
			}				
			table.fancy td,
			table.fancy th
			{
				text-align: left;
				padding: 5px 8px;
				border: solid 1px #666;
				padding: 5px 3px;
			}
			table.fancy th
			{
				background: #777;
				color: #fff;
			}

		/* zebra striping */

			table.zebra tr.even
			{
				background: #ccc;
			}
			table.zebra tr.odd
			{
				background: #ddd;
			}

				
	/* blockquotes */
	
		blockquote
		{
			margin: 1em;
		}
		blockquote.fancy
		{
			background: #eee;
			padding: 1.5em;
			-moz-border-radius: .5em;
			-webkit-border-radius: .5em;		
		}


	/* Sphider search engine results */
	
		#search-results .info
		{
			color: #999;
		}
		#search-powered_by
		{
			color: #666;
		}
		#search-report
		{
			margin: 10px 0;
		}
		#search-pages
		{
			margin: 20px 0;
		}
		#search-powered_by
		{
			text-align: right;
		}
		#search-results h2
		{
			border: none;
		}

	/* server-side messages */

		/* common */

			.server-message,
			.server-error
			{
				padding: 15px;
				margin: 10px 0;
				position:relative;
				display: none;
				-moz-border-radius: 6px;
				-webkit-border-radius: 6px;		
				color: #fff;
				font-weight: bold;
			}

			.server-message .close,
			.server-error .close
			{
				font-weight: normal;
				font-size: 85%;
				position: absolute;
				top: 2px;
				right: 3px;
				padding: 0 0 2px 18px;
				text-decoration: none;
				color: #fff;
				background: url(images/cms/icon-close3.png) 1px 0px no-repeat;
			}
			
		/* normal message */
		
			.server-message
			{
				background: #390;
			}
			
		/* error */
		
			.server-error
			{
				background: #c30;
			}

		/* mobile */
			.mobile .server-message,
			.mobile .server-error
			{
				display: block;
			}




	/* debug */
	
		/* bottom of page */
	
			#debug
			{
				color: #fff;
				background: #000;
				padding: 10px 10px 20px 10px;
				margin: 10px;
				margin-top: 75px;
				clear: both;
				border: dashed 2px #ff6;
				font-family: verdana;
				overflow: auto;
			}
			#debug hr
			{
				display: none;
			}
			#debug h2
			{
				font-size: 120%;
				font-weight: bold;
				text-transform: uppercase;
			}
			#debug h3
			{
				margin-top: 1em;
				margin-bottom: .25em;
				font-size: 85%;
				color: #999;
			}
			#debug pre,
			#debug p
			{
				margin: 0 0 0 20px;
				color: #fff;
			}
		
		/* tables */
		
			table.debug
			{
				border-collapse: collapse;
				background: #fff;
			}
			table.debug td,
			table.debug th
			{
				border: dotted 2px #ccc;
				padding: 2px 4px;
			}

			