﻿/* 
KU Children Intranet CSS
Compnany:		Digital Mechanics
Author:       	Kevin Su
Born:         	January 2010
Last modified:
-----------------------------------------------------------------------------------------
	Notes:
	   	- Put IE-specific styles at the end of each component (and not into a separate file => less http
		  requests, more compact component CSS).

	quick-navigate using '=' and the label name
	--------
	=header			header style.
*/

/* --------------------------------------------------------------------------------------
   =Reset CSS
   -------------------------------------------------------------------------------------- */
/*
- Credits:http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
- Keep any class names short (explain through comments if necessary) to achieve the highest 
  compression for reset.css, grid.css and component.css.
  
- NOTE:Accessibility:'outline:0' has been removed to allow keyboard users to see where 
  the focus is.

  - merge the css reset with ku-internet
----------------------------------------------------------------------------------------- */
 
/* We don't use the universal selector (*) to avoid inconsistent form resets. */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td  {margin:0;padding:0;border:0/* ;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline */}

blockquote:before, blockquote:after,q:before, q:after  {content:""}
blockquote, q  {quotes:"" ""}

input,select,textarea{font-family:Verdana,Arial,"MS Trebuchet",sans-serif;font-size:1em}
p,table{margin-bottom:1.35em}
 
/* --------------------------------------------------------------------------------------
   =clearfix
   -------------------------------------------------------------------------------------- */
/* Clearing (credit:http://www.positioniseverything.net/easyclearing.html) */
.cfix:after  {content:".";display:block;height:0;clear:both;visibility:hidden;font-size:0}/* Added font-size */
	/* ----- IE fixes ----- */
	* html .cfix  {height:1%}
	*+ html .cfix  {height:1%}
	

/* -------------------------------------------------------------- 

   =Generic
   * Sets up some sensible default typography.
   
-------------------------------------------------------------- */
/* Specify the font once in % here and in 'em' elsewhere to resize it easily.
   Browser default:16px => 76%=12px => 1em=12px */
html  {font-size:100.01%}
body  {line-height:1;color:#000;background:#fff;font:normal 76% verdana;padding-top:20px}


/* Headings
-------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6  {font-weight:bold;font-family:arial;color:#c00}
	h1  {font-size:2em;margin-bottom:0.5em;line-height:0.92em;height:30px;margin:10px 0 20px 0}
	h2{margin-bottom:0.5em;font-size:1.17em}
	h3{margin-bottom:0.5em;font-size:1.08em}
	h4{margin-bottom:0.25em;font-size:1em}
	h5{margin-bottom:0.25em;font-size:1em;text-decoration:underline}
	h6{font-size:1em;color:#000}

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img  {margin:0}
 
 
/* Text elements
-------------------------------------------------------------- */
/* 
p  {margin:0 0 .8em} */
	p img.left  {float:left;margin:1.5em 1.5em 1.5em 0;padding:0}
	p img.right  {float:right;margin:1.5em 0 1.5em 1.5em}

a  {text-decoration:none;color:#c00}
a:hover,#side ul .active a  {color:#f93}

/* Lists
-------------------------------------------------------------- */

ul, ol  {margin-bottom:1.35em;margin-left:1em;padding-left:1.5em}

#header ul,
	#header ol,
	#content .aside-nav,
	.home #content ul,
	#footer ul {list-style-type:none;margin:0;padding:0}

dl  {margin:0 0 1.5em 0}
	dl dt  {font-weight:bold}
	dd  {margin-left:1.5em}
	
	dt {clear:both}
	dt,dd {float:left;padding:2px 0}
 
 
/* table
-------------------------------------------------------------- */
/* Tables still need 'cellspacing="0"' in the markup:*/
table  {clear:both;border-collapse:separate;border-spacing:0;margin-bottom:10px;}
	th, td {padding:4px 8px 4px 0;vertical-align:top;text-align:left}
	th {font-weight:bold}
	
	
/* Misc classes
-------------------------------------------------------------- */
.hide  {position:absolute;left:-9000px}
.container {margin:35px auto;min-width:960px;width:80%;position:relative;z-index:1}
.wrapper  {padding:28px 50px 11px;position:relative;height:100%;background:#fff8eb}


/* --------------------------------------------------------------------------------------
   =background
   -------------------------------------------------------------------------------------- */
 img.bg{/* Set rules to fill background */ min-height:100%;min-width:1024px;/* Set up proportionate scaling */ width:100%;height:auto;/* Set up positioning */ position:fixed; top:0;left:0}
	/* @media screen and (max-width:1024px){img.bg{left:50%;margin-left:-512px}} */
	
	/* ----- IE fixes ----- */
	*html img.bg{display:none}
	*html body,
	*html body.home,
	*html body.human-resources  {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/ku-intranet/css/img/bg-blueclay.jpg",sizingMethod="scale");height:100%}
	*html body.itnt  {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/ku-intranet/css/img/bg-bluepaper.png",sizingMethod="scale");height:100%}
	*html body.property,
	*html body.whoswho  {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/ku-intranet/css/img/bg-bluesand.png",sizingMethod="scale");height:100%}
	*html body.finance  {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/ku-intranet/css/img/bg-bluefelt.png",sizingMethod="scale");height:100%}
	
	*html body.ecec  {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/ku-intranet/css/img/bg-redclay.png",sizingMethod="scale");height:100%}
	*html body.inclusion  {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/ku-intranet/css/img/bg-redfelt.png",sizingMethod="scale");height:100%}
	*html body.gov  {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/ku-intranet/css/img/bg-redsand.png",sizingMethod="scale");height:100%}
	*html body.pro-dev  {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/ku-intranet/css/img/bg-redpaper.png",sizingMethod="scale");height:100%}
	
	*html body.sustainability  {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/ku-intranet/css/img/bg-greenclay.png",sizingMethod="scale");height:100%}
	
	*html body.marketing  {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/ku-intranet/css/img/bg-orangeclay.png",sizingMethod="scale");height:100%}


/* --------------------------------------------------------------------------------------
   =theme
   -------------------------------------------------------------------------------------- */
.ku-logo,
	.frm-search .bt,
	.events-nav .prev  a,
	.events-nav .next  a,
	.story-nav .prev  a,
	.story-nav .next  a,
	a.jScrollArrowUp,
	a.jScrollArrowDown{background-image:url(img/sprites-ku.png)}
	
	
	/* =home
	   -------------------------------------------------------------------------------------- */
	.home #content .col-1 ,
		.home #content .col-2 ,
		.home #content .col-3  {float:left;padding:20px 12px 20px 0}
		.home #content .col-1  {width:280px;margin-left:-300px}
		.home #content .col-2  {width:100%}
		.home #content .col-3  {width:126px;float:right;position:relative;z-index:1}
		.home #content .last  {padding-right:0}
		
		.roundedcornr_box_744527,
		.roundedcornr_box_344445 {margin-right:150px}

		.home #content  {padding-left:300px}

		.calendar  {overflow:hidden}

 		.home #content .calendar h2{color:#cf1110;margin:0 0 0 0;font-size:2em;font-weight:bold;height:28px;}
 		.home #content .calendar  h3 {color:#fcb425;margin:0 0 4px 0;font-size:2em;font-weight:bold;height:30px;}

		.ku-news h2 a,
			.ku-news h3 a {font-weight:bold} 
		
		.ku-news h2 a{display:block;font-weight:bold;height:20px} 
		
		.ku-news h2,
			.sector-news h2 {height:30px;}
		
		.ku-news h2,
			.ku-news h3,
			.sector-news h2,
			.sector-news h3  {color:#0066cc;margin-bottom:8px}
		
		.ku-news h2,
			.sector-news h2 {padding:0 20px;font-size:1.6em;} 
		
 
		.calendar .cal-wrap  {height:480px;position:relative}
		.calendar .cal-wrap .scroll-pane {width:240px;margin-bottom:8px}
				
		.events li  {padding-left:32px;margin-bottom:8px;position:relative;font-family:arial;font-weight:bold;color:#c00}
		.events .date  {color:#FCB425;display:block;font-size:1.5em;left:0;line-height:1em;position:absolute;top:0;width:32px}
 
			/* .events a  {display:bolck;position:relative} */
		.events em  {font-weight:normal;font-style:italic}
		.events  {margin:8px 0 20px 0;position:relative;zoom:1}
		
		.events-nav  {bottom:-6px;overflow:hidden;position:absolute;width:235px}
		.home #content .events-nav a  {color:#c00;font-family:arial;font-size:1.5em;display:block;height:24px;font-weight:bold;background-repeat:no-repeat}
		.home #content .events-nav a:hover{color:#f93}

		.events-nav .prev  {float:left;width:80px}
		.events-nav .next  {float:right;width:83px}
		.events-nav .prev  a {padding-left:26px;background-position:-238px -40px}
		.events-nav .next  a {background-position:right 0}

		.event-details cite{color:#333;font-size:1em;display:block;margin-bottom:8px}
		.event-details img{margin:0 8px 8px 0;float:left}
		.event-details dt{width:90px}
  
		.home .news  {margin-bottom:18px}
		.ku-news, .sector-news  {height:216px;position:relative;overflow:hidden}
		.roundedcornr_box_344445  {margin-top:15px}
 
		.lead-story  {padding:0 20px 60px 20px;padding-left:120px;position:relative;}
		.sector-news .lead-story  {padding:0 20px 20px 20px}
		
		.lead-story img {left:20px;top:0;position:absolute}
		
		.story-nav {bottom:1px;float:left;left:20px;overflow:hidden;position:absolute;width:40px}
		.story-nav .prev  {float:left;width:16px;height:16px}
		.story-nav .next  {float:right;width:16px;height:16px}
		
		.story-nav .prev  a {background-position:-169px -120px}
		.story-nav .next  a {background-position:-209px -80px}
 
		.story-nav .prev a,
		.story-nav .next a {display:block;text-indent:-9000px}
		.lead-story .read-more {float:right;width:80px;font-weight:bold}

		.ui-tabs-nav,
		.ui-tabs-hide{display: none;}
		
		
		/* =ku news rounded corner box 
		-------------------------------------------------------------------------------------- */
		.roundedcornr_box_744527 {background:#ced7de url(img/roundedcornr_744527_grad.gif) repeat-y top left}
		.roundedcornr_top_744527 div {background:url(img/roundedcornr_744527_tl.gif) no-repeat top left}
		.roundedcornr_top_744527 {background:transparent url(img/roundedcornr_744527_tr.gif) no-repeat top right}
		.roundedcornr_bottom_744527 div {background:url(img/roundedcornr_744527_bl.gif) no-repeat bottom left}
		.roundedcornr_bottom_744527 {background:transparent url(img/roundedcornr_744527_br.gif) no-repeat bottom right}
		.roundedcornr_top_744527 div,.roundedcornr_top_744527,
		.roundedcornr_bottom_744527 div,.roundedcornr_bottom_744527 {width:100%;height:16px;font-size:1px}
		.roundedcornr_content_744527 {margin:0 16px;position:relative}
 

		/* =calendar rounded corner box 
		-------------------------------------------------------------------------------------- */
		.roundedcornr_box_360861 {background:url(img/roundedcornr_360861_tl.png) no-repeat top left}
		.roundedcornr_top_360861 {background:url(img/roundedcornr_360861_tr.png) no-repeat top right}
		.roundedcornr_bottom_360861 {background:url(img/roundedcornr_360861_bl.png) no-repeat bottom left}
		.roundedcornr_bottom_360861 div {background:url(img/roundedcornr_360861_br.png) no-repeat bottom right}
		.roundedcornr_content_360861 {background:url(img/roundedcornr_360861_r.png) top right repeat-y}
		.roundedcornr_top_360861 div,.roundedcornr_top_360861,
		.roundedcornr_bottom_360861 div,.roundedcornr_bottom_360861 {width:100%;height:15px;font-size:1px}
		.roundedcornr_content_360861,.roundedcornr_bottom_360861 {margin-top:0px}
		.roundedcornr_content_360861 {padding:10px 20px}


		/* =sector news rounded corner box 
		-------------------------------------------------------------------------------------- */
		.roundedcornr_box_344445 {background:url(img/roundedcornr_344445_tl.png) no-repeat top left}
		.roundedcornr_top_344445 {background:url(img/roundedcornr_344445_tr.png) no-repeat top right}
		.roundedcornr_bottom_344445 {background:url(img/roundedcornr_344445_bl.png) no-repeat bottom left}
		.roundedcornr_bottom_344445 div {background:url(img/roundedcornr_344445_br.png) no-repeat bottom right}
		.roundedcornr_content_344445 {background:url(img/roundedcornr_344445_r.png) top right repeat-y}
		.roundedcornr_top_344445 div,.roundedcornr_top_344445,
		.roundedcornr_bottom_344445 div,.roundedcornr_bottom_344445 {width:100%;height:15px;font-size:1px}
		.roundedcornr_content_344445,.roundedcornr_bottom_344445 {margin-top:0px}
		.roundedcornr_content_344445 {padding:10px 20px}

			/* ----- IE fixes ----- */
			*html .events-nav  {padding-bottom:40px}
			*html .calendar h2,
			*html .calendar h3 {margin-bottom:0px}
			*html .home #content .col-1  {margin-left:-150px}
			*html .events .date {left:-32px}
			
		
	/* =blue theme
   -------------------------------------------------------------------------------------- */
		.theme-blue #content a:hover,
		.theme-blue .nav,
		.theme-blue .nav a:hover,
		.theme-blue #breadcrumbs a:hover,
		.theme-blue .aside-nav a:hover {color:#66cdff;text-decoration:none}
		.theme-blue h1,
		.theme-blue h2,
		.theme-blue h3,
		.theme-blue h4,
		.theme-blue #content a,
		.theme-blue .nav a,
		.theme-blue #breadcrumbs a,
		.theme-blue .aside-nav a ,
		.theme-blue .keyword,
		.theme-blue  .search-options {color:#0066cc}
		.theme-blue .frm-search .bt {background-position:0 -128px}
		.theme-blue .aside-nav .sub-nav {border:1px solid #0066cc}

		/* =human resources
		   -------------------------------------------------------------------------------------- */


		/* =itnt
		   -------------------------------------------------------------------------------------- */


		/* =property
		   -------------------------------------------------------------------------------------- */


		/* =whoswho
		   -------------------------------------------------------------------------------------- */
		.whoswho #content fieldset  {padding-bottom:8px;margin:8px 0;border-bottom:1px solid #666}
		.whoswho #content legend  {font-weight:bold;margin-bottom:16px}

		/* =finance
		   -------------------------------------------------------------------------------------- */
 
 
	/* =red theme
   -------------------------------------------------------------------------------------- */
		.theme-red #content a:hover,
		.theme-red .nav,
		.theme-red .nav a:hover,
		.theme-red #breadcrumbs a:hover,
		.theme-red .aside-nav a:hover {color:#ff9933;text-decoration:none}
		.theme-red h1,
		.theme-red h2,
		.theme-red h3,
		.theme-red h4,
		.theme-red #content a,
		.theme-red .nav a,
		.theme-red #breadcrumbs a,
		.theme-red .aside-nav a ,
		.theme-red .keyword,
		.theme-red  .search-options {color:#cf1110}
		.theme-red .frm-search .bt {background-position:0 -151px}
	
		/* =ecec
		   -------------------------------------------------------------------------------------- */
		
		/* =inclusion
		   -------------------------------------------------------------------------------------- */


		/* =gov
		   -------------------------------------------------------------------------------------- */


		/* =pro-dev
		   -------------------------------------------------------------------------------------- */

 
 
	/* =green theme
   -------------------------------------------------------------------------------------- */
		.theme-green #content a:hover,
		.theme-green .nav,
		.theme-green .nav a:hover,
		.theme-green #breadcrumbs a:hover,
		.theme-green .aside-nav a:hover {color:#99cc33;text-decoration:none}
		.theme-green h1,
		.theme-green h2,
		.theme-green h3,
		.theme-green h4,
		.theme-green #content a,
		.theme-green .nav a,
		.theme-green #breadcrumbs a,
		.theme-green .aside-nav a ,
		.theme-green .keyword,
		.theme-green  .search-options {color:#009933}
		.theme-green .frm-search .bt {background-position:0 -105px}
		.theme-green .aside-nav .sub-nav {border:1px solid #009933}	
		/* =sustainability
		   -------------------------------------------------------------------------------------- */

 

	/* =orange theme
   -------------------------------------------------------------------------------------- */
		.theme-orange #content a:hover,
		.theme-orange .nav,
		.theme-orange .nav a:hover,
		.theme-orange #breadcrumbs a:hover,
		.theme-orange .aside-nav a:hover {color:#ff6600;text-decoration:none}
		.theme-orange h1,
		.theme-orange h2,
		.theme-orange h3,
		.theme-orange h4,
		.theme-orange #content a,
		.theme-orange .nav a,
		.theme-orange #breadcrumbs a,
		.theme-orange .aside-nav a ,
		.theme-orange .keyword,
		.theme-orange  .search-options{color:#fcb425}
		.theme-orange .frm-search .bt {background-position:0 -174px}
		.theme-orange .aside-nav .sub-nav {border:1px solid #fcb425}	
		/* =marketing
		   -------------------------------------------------------------------------------------- */

		/* ----- IE fixes ----- */  

		*html .nav li {background:url(img/sprites-ku.png) no-repeat -284px -308px;padding-left:13px;margin-right:13px }
 		*html .theme-red .nav li {background-position:-284px -308px}
 		*html .theme-blue .nav li {background-position:-289px -283px}
 		*html .theme-green .nav li {background-position:-278px -331px}
 		*html .theme-orange .nav li  {background-position:-271px -355px}
		
		*+html .nav li {background:url(img/sprites-ku.png) no-repeat -284px -308px;padding-left:13px;margin-right:13px }
 		*+html .theme-red .nav li {background-position:-284px -308px}
 		*+html .theme-blue .nav li {background-position:-289px -283px}
 		*+html .theme-green .nav li {background-position:-278px -331px}
 		*+html .theme-orange .nav li  {background-position:-271px -355px}


/* --------------------------------------------------------------------------------------
   =header
   -------------------------------------------------------------------------------------- */
#header  {height:145px;position:relative;border-bottom:1px solid #000;padding-left:150px}
	.ku-logo  {width:135px;float:left;background-position:0 0;margin:0 0 0 -150px}
	.ku-logo a {display:block;text-indent:-9000px;height:104px;font-size:0}
	
	#header .nav  {list-style-type:square;position:absolute;right:0;margin-left:180px}
	#header .nav-second	 {top:32px}
	.nav  li {float:left;margin:0 25px 22px 0;padding-left:3px}
	#header .nav  a {display:block;font-weight:bold;font-size:0.95em}
	#header .nav  .last  {border:0;margin-right:0}
	#header .nav  .first  {clear:both;float:left}
	
	
		/* ----- IE fixes ----- */
		*html .ku-logo  {margin-left:-75px}
	
	
/* --------------------------------------------------------------------------------------
   =search
   -------------------------------------------------------------------------------------- */
 .frm-search  {clear:both;position:absolute;bottom:40px;right:0;width:370px}
   .frm-search li {float:left;margin-left:5px}
	.frm-search legend {text-indent:0;font-size:0;line-height:0}
	.frm-search label  {position:absolute;left:-9000px}
	.frm-search input,
	.frm-search select   {font-size:.9em;border:1px solid #666}
	.keyword  {width:150px;height:17px;padding:4px 5px 0}
	.search-options  {height:23px;width:130px;padding:3px 1px}
	option  {padding:2px 4px;height:15px}
	.frm-search input.bt   {width:61px;height:23px;padding-bottom:3px;border:0;font-size:.9em;font-weight:bold;color:#fff;background-position:0 -128px}}
	
		/* ----- IE fixes ----- */
		*html  .frm-search   {width:380px}
		*+html  .frm-search  {width:380px}
		*html .search-options  {margin-top:2px}
		*+html .search-options  {margin-top:2px}

/* --------------------------------------------------------------------------------------
   =breadcrumbs
   -------------------------------------------------------------------------------------- */
#breadcrumbs  {margin-bottom:15px;font-weight:bold}
#breadcrumbs a,#breadcrumbs span  {font-weight:normal}
 
 
/* --------------------------------------------------------------------------------------
   =jScrollPane
   -------------------------------------------------------------------------------------- */
.scroll-pane{height:368px;overflow:auto;float:left}
	.jScrollPaneContainer{position:relative;overflow:hidden;z-index:1}
	.jScrollPaneTrack{position:absolute;cursor:pointer;right:0;top:0;height:100%}
	.jScrollPaneDrag{position:absolute;background:#cf1110;cursor:pointer;overflow:hidden}
	.jScrollPaneDrag:hover{background:#958186}
	.jScrollPaneDragTop{position:absolute;top:10px;left:0;overflow:hidden}
	.jScrollPaneDragBottom{position:absolute;bottom:0;left:0;overflow:hidden}

	a.jScrollArrowUp{background-position:-288px -172px;background-repeat:no-repeat;display:block;position:absolute;z-index:1;top:0;right:0;text-indent:-2000px;overflow:hidden;height:16px}
		a.jScrollArrowUp:hover{background-position:-246px -216px;background-repeat:no-repeat}
		
	a.jScrollArrowDown{background-position:-267px -192px;background-repeat:no-repeat;display:block;position:absolute;z-index:1;bottom:0;right:0;text-indent:-2000px;overflow:hidden;height:16px}
		a.jScrollArrowDown:hover{background-position:-225px -236px;background-repeat:no-repeat}

		
/* --------------------------------------------------------------------------------------
   =content
   -------------------------------------------------------------------------------------- */
#content  {padding-left:200px;height:auto!important;height:400px;min-height:400px}
	#content .col-1  {margin-left:-200px;width:180px;float:left;padding:20px 0;position:relative;z-index:1;}
	#content .col-2  {float:left;padding:20px 0;margin-right:-100%;position:relative;width:100%}
	
		/* ----- IE fixes ----- */
		*html #content .col-1  {margin-left:-100px}
	
	
	/*  =aside nav
   -------------------------------------------------------------------------------------- */	
   	.aside-nav  li {margin-bottom:18px;position:relative}
	.aside-nav  a {font-weight:bold;font-size:1em}

	/* =sub navigation pop-up context menu box 
	-------------------------------------------------------------------------------------- */
	.aside-nav .sub-nav{margin:0;padding:10px 5px;position:absolute;top:-10px;left:180px;display:none;width:150px;background:#fffcf6;overflow:hidden;z-index:1;border:1px solid #cf1110}	
	.aside-nav .sub-nav a{padding:0 5px;display:block}
	.aside-nav .sub-nav-active{display:block !important}

	
/* --------------------------------------------------------------------------------------
   =contact list
   -------------------------------------------------------------------------------------- */
.whoswho #content h2 {clear:both;border-bottom:1px solid #ccc;margin-bottom:8px;padding-bottom:8px;}
	.contact-list {overflow:hidden;margin:0;list-style:none}
	.contact-list li {float:left;overflow:hidden;margin-bottom:10px;padding-bottom:10px;width:475px;height:180px;}
	.contact-list img {float:left;margin-right:20px; width:121px;height:164px}
	.contact-list a img {width:auto;height:auto;margin-right:8px}
	.contact-list dl {float:left;width:320px;margin-left:10px;}
	.contact-list dt {width:65px;color:#000;margin-right:10px}
	.contact-list dd {width:60%;margin-left:0}
	
	.user-depts table,
	.user-details  table{margin-top:8px}
	.user-depts table td,
	.user-details  table td{padding-right:16px}
	

		/* ----- IE fixes ----- */
		*html  .contact-list li {padding-bottom:18px;zoom:1}
		*+html  .contact-list li {padding-bottom:18px}
 
/* --------------------------------------------------------------------------------------
   =shadows =corners
   -------------------------------------------------------------------------------------- */
.st,.sb {margin:0 12px;height:13px;overflow:hidden}
.sl {padding-left:12px;background:url(img/shdw-l.png) repeat-y 0 0}
.sr {padding-right:12px;background:url(img/shdw-r.png) repeat-y 100% 0}
.st {background:url(img/shdw-t.png) repeat-x}
.sb {background:url(img/shdw-b.png) repeat-x}
.ctl,.ctr,.cbl,.cbr {height:13px;width:12px;position:absolute;overflow:hidden}
.ctl,.ctr {top:-13px}
.cbl,.cbr {bottom:-13px}

.ctl,
	.ctr,
	.cbl,
	.cbr {background-image:url(img/rnd-cnr.png);background-repeat:no-repeat}
	.ctl {background-position:0 0;left:-12px}
	.ctr {background-position:100% 0;right:-12px}
	.cbl {background-position:0 100%;left:-12px}
	.cbr {background-position:100% 100%;right:-12px}
		
		/* ----- IE fixes ----- */
		*html .sl  {height:1%}
		*html .ctl,
			*html .ctr,
			*html .cbl,
			*html .cbr {background-image:url(img/rnd-cnr.gif);background-repeat:no-repeat}
			*html .sl {background-image:url(img/shdw-l.gif)}
			*html .sr {background-image:url(img/shdw-r.gif)}
			*html .st {background-image:url(img/shdw-t.gif)}
			*html .sb {background-image:url(img/shdw-b.gif)}
		
/* --------------------------------------------------------------------------------------
   =sitemap
   -------------------------------------------------------------------------------------- */
.sitemap ul  {margin-bottom:1.35em;padding-left:1.5em;list-style:disc}
.sitemap ul ul {list-style:circle}


/* --------------------------------------------------------------------------------------
   =Login
   -------------------------------------------------------------------------------------- */
.p-login a,
	.p-login h1,
	.p-login h2,
	.p-login h3,
	.p-login h4,
	.p-login h5 {color: #f60}
	
	.p-login a:hover,
		.p-login #n-login a,
		.p-login #side ul .active a {color: #ffc20e}
	
	.login-form fieldset {border: 0}
	.login-form div {margin-bottom: 10px}
	.login-form label {float: left;width: 100px}
	

		
/* --------------------------------------------------------------------------------------
   =footer
   -------------------------------------------------------------------------------------- */
#footer  {overflow:hidden; }
	#footer p,
	#footer a {font-size:.9em}
	#footer .col-1  {width:250px;float:left}
	#footer .col-2  {width:500px;float:right;text-align:right}
		#footer .col-2 p {clear:both}
	.footer-nav  {float:right;margin-bottom:5px}
	.footer-nav  li  {width:auto;float:left;border-right:1px solid #000}
	.footer-nav  a  {display:block;overflow:hidden;margin:0 8px;color:#000}
	.footer-nav  li.last  {border:0}
	.footer-nav  li.last a {margin-right:0}
	.footer-nav  a:hover {text-decoration:underline}
