@charset "utf-8";
/* CSS Document */
/* SWIM2.0 :: Simple website menu
****************************************************************
* DOM scripting by brothercake -- http://www.brothercake.com/
* Licensed under GPL -- http://www.gnu.org/copyleft/gpl.html
****************************************************************
* For professional menu solutions visit -- http://www.udm4.com/ 
****************************************************************
*/
@media (min-width: 768px) {
a.cssmnu_top_select {
	color: #000;
	margin-right: 15px;
	font-family: 'Lato', sans-serif;
	font-size: 16px;
	font-weight: 300;	
	text-decoration: none;
	padding-top: 15px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	border-bottom: 3px solid #06cae6;
	padding-bottom: 15px;
	
}
a.cssmnu_top_select:visited {
	color: #000;
	margin-right: 15px;
	font-family: 'Lato', sans-serif;
	font-size: 16px;
	font-weight: 300;	
	text-decoration: none;
	padding-top: 15px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	border-bottom: 3px solid #06cae6;
	padding-bottom: 15px;

}
a.cssmnu_top_select:hover {
	color: #000;
	margin-right: 15px;
	font-family: 'Lato', sans-serif;
	font-size: 16px;
	font-weight: 300;	
	text-decoration: none;
	padding-top: 15px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	border-bottom: 3px solid #06cae6;
	padding-bottom: 15px;

}
a.cssmnu_top_noselect img{
	border: none;
}

a.cssmnu_top_noselect {
	color: black;
	margin-right: 15px;
	font-family: 'Lato', sans-serif;
	font-size: 16px;
	font-weight: 300;	
	text-decoration: none;
	padding-top: 15px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	padding-bottom: 15px;
}
a.cssmnu_top_noselect:visited {
	color: black;
	margin-right: 15px;
	font-family: 'Lato', sans-serif;
	font-size: 16px;
	font-weight: 300;	
	text-decoration: none;
	padding-top: 15px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	padding-bottom: 15px;
	
}

a.cssmnu_top_noselect:hover {
	color: black;
	margin-right: 15px;
	font-family: 'Lato', sans-serif;
	font-size: 16px;
	font-weight: 300;	
	text-decoration: none;
	padding-top: 15px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	padding-bottom: 15px;
}
}

@media (min-width: 1200px) {
a.cssmnu_top_select {
	color: #000;
	margin-right: 30px;
	font-family: 'Lato', sans-serif;
	font-size: 18px;
	font-weight: 300;	
	text-decoration: none;
	padding-top: 15px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	border-bottom: 3px solid #06cae6;
	padding-bottom: 15px;
	
}
a.cssmnu_top_select:visited {
	color: #000;
	margin-right: 30px;
	font-family: 'Lato', sans-serif;
	font-size: 18px;
	font-weight: 300;	
	text-decoration: none;
	padding-top: 15px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	border-bottom: 3px solid #06cae6;
	padding-bottom: 15px;

}
a.cssmnu_top_select:hover {
	color: #000;
	margin-right: 30px;
	font-family: 'Lato', sans-serif;
	font-size: 18px;
	font-weight: 300;	
	text-decoration: none;
	padding-top: 15px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	border-bottom: 3px solid #06cae6;
	padding-bottom: 15px;

}
a.cssmnu_top_noselect img{
	border: none;
}

a.cssmnu_top_noselect {
	color: black;
	margin-right: 30px;
	font-family: 'Lato', sans-serif;
	font-size: 18px;
	font-weight: 300;	
	text-decoration: none;
	padding-top: 15px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	padding-bottom: 15px;
}
a.cssmnu_top_noselect:visited {
	color: black;
	margin-right: 30px;
	font-family: 'Lato', sans-serif;
	font-size: 18px;
	font-weight: 300;	
	text-decoration: none;
	padding-top: 15px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	padding-bottom: 15px;
	
}

a.cssmnu_top_noselect:hover {
	color: black;
	margin-right: 30px;
	font-family: 'Lato', sans-serif;
	font-size: 18px;
	font-weight: 300;	
	text-decoration: none;
	padding-top: 15px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	padding-bottom: 15px;
}
}
a.cssmnu_sub {
	font-size:18px;
	text-decoration:none;
	color:black;
	display:block;
	padding-left:15px;
	padding-right: 0px;
	height:100%;
	border-top:solid 1px #06caec;
	line-height:18px;
	margin-top: 0px;
	font-family: 'Lato', sans-serif;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 170px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	background-image:url(/images/arrow.png);
	background-position: 115% 50%;
	background-repeat:no-repeat;
	/*border-right: 1px solid white;*/
	background-color: white;
}

a.cssmnu_sub:visited {
	font-size:18px;
	text-decoration:none;
	color:black;
	display:block;
	padding-left:15px;
	padding-right: 0px;
	height:100%;
	border-top:solid 1px #06caec;
	line-height:18px;
	margin-top: 0px;
	font-family: 'Lato', sans-serif;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 170px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	background-image:url(/images/arrow.png);
	background-position: 115% 50%;
	background-repeat:no-repeat;
	/*border-right: 1px solid white;*/
	background-color: white;
}
a.cssmnu_sub:hover {
	font-size:18px;
	text-decoration:none;
	color:white;
	display:block;
	padding-left:15px;
	height:100%;
	border-top:solid 1px #06caec;
	line-height:18px;
	margin-top: 0px;
	font-family: 'Lato', sans-serif;
		padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 0px;
	width: 170px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	background-image:url(/images/arrow.png);
	background-position: 95% 50%;
	background-repeat:no-repeat;
	/*border-right: 1px solid white;*/
	background-color: #06caec;
}


/* tame the lists */
ul.cssmnu_top_ul, ul.cssmnu_top_ul li {
	margin:0;
	padding:0;
	list-style-type:none;
	font-size:100%; /* fix for win/ie's "non-linear text scaling" bug */
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	
	}


/* navbar list */
ul.cssmnu_top_ul {
	/*position:absolute;*/
	left:5px;
	width:100%;
	cursor:default;
	z-index:2000;
	margin-top: -20px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	
	/* navbar top position 
	   this DOES NOT already include 1px compensation 
	   on TOP, for list-item border collapse 
	   (1px defaults to around 0.05em) */
	top:0px;
	}


/* navbar list-items */
ul.cssmnu_top_ul li {
	width:auto;
	float:left;
	/*position:relative;*/
	cursor:pointer;
	cursor:hand;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	text-align:left;
	
	/* navbar items' left position relative to the container
	   this DOES NOT already include 1px compensation 
	   on LEFT, for list-item border collapse 
	   (1px defaults to around 0.05em) */
	left:0px;

	/* shift list-items to collapse borders cssmnu_top_ully */
	margin:0 0 0 0px;
	}
	
/* we have to use a different positioning trick for ie, so: 
   - set the two values below to reflect the navbar items' left position,  
   - then reduce the margin-left value by 1px (approx 0.05em)  
     to re-apply the list-item border-collapse */
* html ul.cssmnu_top_ul li {
/*	margin:0 -10.55em 0 10.5em;*/
	margin:0px;
	}

/* we also need to use the same trick for safari < 1.2, so 
   - apply the same values again 
   we're also increasing the border-collapse and compensation slightly
   to cover for a float-related rounding-error in mozilla and safari 
   this is using a substring-matching attribute selector 
   which is also visible to safari 1.2, konqueror, mozilla and osx/msn  
   but that's okay, because it still works 
   we can't do that for everybody, because it breaks in opera */
ul[class^="cssmnu_top_ul"] li {
/*	margin:0 -10.55em 0 10.45em;
	left:0.05em;*/
	margin:0px;
	left:0px;
	}

/* menu lists */
ul.cssmnu_top_ul ul {
	z-index:2020;
	cursor:default;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	position:absolute;
	top:auto;
	display: block;
	padding: 0px 0px 15px 0px;
	-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
background-color: white;
border-left: 5px solid white;
border-right: 5px solid white;
border-bottom: 5px solid white;
-webkit-box-shadow: 0 2px 2px 1px #E0E0E0;
box-shadow: 0 2px 2px 1px #E0E0E0;
	
	/* menu width */
	width: 180px;
	
	/* menu offset, which already includes 1px compensation 
	   for list-item border collapse */
	margin:0px 0 0 -20px;
	margin-left:-20px;
	margin-top: 12px;
	
	
	/* 
	position menus off the screen to hide 
	because using display, visibility, overflow or clip,  
	would hide them from browser-based screenreaders as well 
	using left this time because top doesn't work correctly in safari
	and using px because left:-Nem causes a cssmnu_top_ul scrollbar in some opera builds
	it also has the advantage that menus which might extend beyond the window
	won't create a cssmnu_top_ul scrollbar unless they're open
	*/
	left:-10000px;
	}
ul.cssmnu_top_ul ul ul {
	margin-left: 196px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
*html ul.cssmnu_top_ul ul{
	margin-left:191px;
}	
/**:first-child+html ul.cssmnu_top_ul ul{
	margin-left:95px;
}	*/
	
/* menu list-items */
ul.cssmnu_top_ul ul li {
	/* duplicate menu width */
	/*width:8.2em;*/
	/* compensate for navbar positioning */
	left: 0px;
	width: 190px;
	/* shift list-items to collapse borders vertically */
	margin:0px 0 0 0;
	}


/* you can use <ul> classes to specify different menu widths */
ul.cssmnu_top_ul ul.wider, ul.cssmnu_top_ul ul.wider li {
	width:189px;
	}


/* further child-menu offset */
ul.cssmnu_top_ul ul ul {
	/* this DOES NOT already include 1px compensation 
	   on TOP and LEFT, for list-item border collapse 
	   (1px defaults to around 0.05em) */
	margin:1 0 0 189px;
	/* overlapping the menus improves usability */
	}
*html ul.cssmnu_top_ul ul ul{
	margin:1 0 0 189px;
}

/* menu triggers -- position menus back on the screen to show 
   hide these from safari < 1.2 because of it's "sticky hover" bug 
   and because the menu positioning doesn't work
   using the "@media with Media Type in Mixed Case" hack
   http://www.dithered.com/css_filters/css_only/media_mixed_case.html */
@media Screen, Projection { 
	ul.cssmnu_top_ul li:hover > ul { left:0px; }
	ul.cssmnu_top_ul li:hover > ul { top:0; }
	}


/* links */
/*
ul.horizontal a, ul.horizontal a:visited {
	display:block;
	cursor:pointer;
	cursor:hand;
	
	background:#ffc;
	border:1px solid #edbb85;
	padding:5px 7px;
	font:normal normal bold 0.7em tahoma, verdana, sans-serif;
	color:#008000;
	text-decoration:none;
	letter-spacing:1px;
	}

/* rollover pseudo-classes, and scriptable persistence class */
ul.cssmnu_top_ul a:hover, ul.horizontal a:focus, ul.horizontal a.rollover, ul.horizontal a.rollover:visited {
	/*background:#FB9C14;
	color:#806020;
	}

/* opera 5 and 6, and mac/ie5, need float on the links */
ul.cssmnu_top_ul a { float:left; }

/* but it would break other browsers, so we need to negate it
   using a rule that's hidden from them with the "@media with Media Type in Mixed Case" hack
   http://www.dithered.com/css_filters/css_only/media_mixed_case.html */
@media Screen, Projection { ul.cssmnu_top_ul a { float:none; } }

/* msn/osx can see through that, but needs the float as well, 
   so re-apply it using the "not my child" hack
   http://www.jasonkarldavis.com/articles/notmychild/ */
ul.cssmnu_top_ul a:not(:nth-child(n)) { float:left; }

/* compensate submenus, using !important to increase specificity for osx/msn */
ul.horizontal ul a { float:none !important; }

/* hacks for win/ie to cure 'excess hidden margins' and 'double margin float' bugs */
@media screen, projection {
	* html ul.cssmnu_top_ul li {
		/* for ie5.0 */
		display:inline; 
		/* for ie5.5+ */
		f/loat:left; 
		/* this cures 'events fall through the menu' bug in ie6 
		   you can can change the color, but don't remove it or use an image */ 
		background: transparent;
		}
	}

/* use different comparative positioning for ie, 
   to avoid problems with virtual z-ordering */
* html ul.cssmnu_top_ul li { position:static; }
* html ul.cssmnu_top_ul a { position:relative; }

/* hide menus from konqueror < 3.2 */
ul[class^="cssmnu_top_ul"] ul { display:none; }
ul[class^="cssmnu_top_ul"] ul { displa\y:block; }/* CSS Document */