/* Copyright (C) 2007 - 2009 YOOtheme GmbH */

/* Copyright (C) 2007 - 2009 YOOtheme GmbH */

/*
 * reset
 */

 
 
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0; 
	padding: 0;
}

fieldset, img { border: 0; }

 
a:focus { outline: none; }

 
body { overflow-y: scroll; }

/*
 * default values
 */

p {
	margin-top: 8px;
	margin-bottom: 8px;
}

.content-wrapper p {
	margin-bottom: 18px;
	}
 
ul, ol, dl {
	margin: 10px 0;
	padding-left: 30px
}

dl { margin: 10px 0; }
dd { padding-left: 40px; }

 
td, th { padding: 1px; }

 
a:link, a:visited { text-decoration: none; }
a:hover { text-decoration: underline; }

 
fieldset {
	margin: 10px 0 10px 0;
	padding: 0 10px 10px 10px;
	border: 1px solid #c8c8c8;
}

legend {
	padding: 0 10px 0 10px;
	background: #ffffff;
}

form div { margin: 10px 0 10px 0; }

textarea { padding: 1px 0 1px 5px; }

option { padding: 0 0 1px 5px; }

input[type='hidden'] { display: none; }

input[type='text'],
input[type='password'] { padding: 1px 0 1px 5px; }

button,
input[type='button'],
input[type='submit'] {
	padding: 2px 4px 2px 1px;
	line-height: 100%;
}

input[type='button'],
input[type='submit'],
input[type='checkbox'],
input[type='image'],
input[type='radio'],
input[type='reset'],
select,
button { cursor: pointer; }

 
textarea,
input[type='text'],
input[type='password'],
select {
	border: 1px solid #c8c8c8;
}

 
textarea:hover,
input[type='text']:hover,
input[type='password']:hover,
select:hover { border-color: #aaaaaa; }

 
textarea:focus,
input[type='text']:focus,
input[type='password']:focus,
select:focus {
	border-color: #8c8c8c;
	outline: 2px solid #dcdcdc;
}

 
h1, h2, h3, h4, h5, h6 {
	margin-bottom: 0px;
	font-weight: bold;
}

h1 { font-size: 20px; line-height: 24px;  }
h2 { font-size: 24px; line-height: 24px; margin-top: 25px; }
h3 { font-size: 18px; line-height: 18px; margin-top: 15px; }
h4 { font-size: 16px; line-height: 16px; margin-top: 15px; }
h5 { font-size: 14px; line-height: 14px; margin-top: 10px; }
h6 { font-size: 14px; line-height: 14px; margin-top: 10px; }

 
hr {
	margin: 15px 0 15px 0;
	display: block;
	background: #c8c8c8;
	height: 1px;
	border: none;
}

 
q { font-style: italic; }

blockquote {
	margin: 10px 0 10px 15px;
	font-style: italic;
	font-size: 130%
}
blockquote > *:first-child:first-letter { font-size: 150% }

 
pre {
	margin: 10px 0 10px 0px;
	padding: 5px 0 5px 10px;
	border: 1px dotted #aab4be;
	border-left: 20px solid #b4b4b4;
	background: #fafafa;
	font-size: 90%;
	color: #2E8B57;
	font-family: "Courier New", Courier, monospace;
	white-space: pre-wrap;
}

 
acronym, abbr {
	border-bottom: 1px dashed #969696;
	cursor: help;
	font-variant: small-caps;
	text-transform: lowercase;
}
/* Copyright (C) 2007 - 2009 YOOtheme GmbH */

body {
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	line-height: 150%;
	color: #4b4b4b;
	font-size: 12px;
	overflow: auto;
}

html {
	overflow: auto;
}

.wrapper { margin: auto; }

#header {
	clear: both;
	background:#FFFFFF none repeat scroll 0 0;
	position: relative;
	z-index: 10;
	margin: 0px 0px 0px 0px;
	height:80px;
}

#media {
clear:both;
margin-top: 10px;
background:transparent url(/cms/templates/yoo_mellow/images/bkgd-media.gif) no-repeat scroll 0 0;
margin:0;
padding:0;
width:873px;
}

#mediabox {
	clear: both;
}

#slideshow {
	clear: both;
	margin:0 auto;
	}

#slideshow p {
	margin: 0;
	}

#spacer {
	clear: both;
	float: left;
	height: 18px;
	width: 868px;
	}

#spacer p {
 margin: 0;
 }


#top {
	background-color:#ccc;
	margin: 0 auto;
	padding: 0px 0px 0px 0px;
	width: 864px;
	overflow: hidden;
	margin-left: 5px;
	clear: both;

}

.img_top {
	margin-top: -10px;
	margin-left: -10px;
	width:215px;
}

.img_last {
	margin-top: -10px;
	margin-left: -10px;
	width:215px;
}

#top .topbox { 
	position: relative;
	color:#666666;
height: 345px;
float:left;
margin-right:1px;
padding:0 0 24px;
width:215px;
background-color: #fff;
	}

#top p {
	padding:0 10px;
	font-size: 11px;
	letter-spacing: 0.25px;
}

#top .top_text {
	padding: 0 12px;
}

/*frontpage news--------------------*/

#gk_npro-newspro2 h4,
#gk_npro-newspro3 h4 {
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
	margin-top: 0px;
	margin-bottom: 5px	;
	padding: 0;
	font-size: 11px;

	}
	
#gk_npro-newspro2 p,
#gk_npro-newspro3 p {
	margin-top: -4px;
	padding: 0;
	margin-bottom: 5px;

	}

.gk_npro_header.ta_left a,
.gk_npro_header.ta_right a {
	color: #333;
	font-weight:bold;
	}
	
.gk_npro_text.ta_left a {
	color: #666;
	}

#gk_npro-newspro2,
#gk_npro-newspro3,
.gk_npro_full,
.gk_npro_full_scroll1,
.gk_npro_full_tablewrap,
.gk_npro_table {
	margin-left: 2px;
	width: 205px !important;
	margin-top: 0;
	}

#gk_npro-newspro1 {
	width: 289px !important;
}

.gk_npro_full_tablewrap td {
	padding-bottom: 16px !important;
	padding-right: 8px !important;
}

.readon.readon_class.p_left {
	padding-bottom: 7px;
	text-decoration:underline;
	}
	
.readon.readon_class.p_left a {
	margin-top: -5px;
	color: #4C9BC3;
	}

.x {
	height: 0;
	margin:0;
	padding:0;
}

.gk_npro_info {
	color:#999;
	font-style:italic;
}

.laesmere {
	position:absolute;
	bottom: 0px;
	margin-bottom: 7px;
	}

/*right column title-------------------*/
h3.right {
background:transparent url(/cms/templates/yoo_mellow/images/bkgd-h3-right.gif);
color:#181818;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:13px;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:14px;
margin:0;
padding:11px 10px 10px 11px;
width:268px;
}

h3.right span {
background:transparent url(/cms/templates/yoo_mellow/images/bkgd-h3-right-span.gif) no-repeat scroll right center;
padding-right:14px;
}

.what {
	float:right;
	margin-top: -13px;
	margin-right: 5px;
	font-size: 10px;
}

/*right column title end-------------*/


/*right column menu-----------------------------*/

#subscribe {
background:#4C9BC3 none repeat scroll 0 0;
border-bottom:1px solid #3988B0;
color:#FFFFFF;
display:block;
font-size:11px;
line-height:16px;
margin:0;
padding:10px;
text-decoration:none;
height:40px;	
}

#submenu li a {
background:#4C9BC3 none repeat scroll 0 0;
border-bottom:1px solid #3988B0;
border-top:1px solid #71B6D9;
color:#FFFFFF;
display:block;
font-size:11px;
line-height:16px;
margin:0;
padding:10px;
text-decoration:none;
height:70px;
}

#submenu li a:hover {
background:#60A7CB none repeat scroll 0 0;
}

#submenu li a img {
border:3px solid #69B3D9;
float:left;
margin:0 10px 0 0;
}

#submenu li a strong {
color:#03324A;
display:block;
font-size:1.1em;
font-weight:bold;
line-height:1em;
padding-bottom:6px;
}

ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding-left: 0;
margin: 0px;
}


/*right column menu end--------------------------*/

/*left column title-------------------*/
h3.left {
background:transparent url(/cms/templates/yoo_mellow/images/bkgd-h3-right.gif);
color:#181818;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:13px;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:14px;
margin:0;
padding:11px 10px 10px 11px;
width:552px;
}

h3.left span {
background:transparent url(/cms/templates/yoo_mellow/images/bkgd-h3-right-span.gif) no-repeat scroll right center;
padding-right:14px;
}

/*right column title end-------------*/
#graycontent_top {
	position:relative;
	left: -20px;
	top: -20px;
	}

.story_img {
	border:5px solid #E9E9E9;
float:left;
margin-top:5px;
margin-right: 15px;
margin-bottom: 10px;
}

.story_title {
	color:#4C9BC3;
	letter-spacing:-1px;
	font-size:20px;
line-height:24px;
font-family:Georgia,"Times New Roman",Times,serif;
margin-bottom:8px!important;
}

#middle {

	padding: 0px 0px 0px 0px;

	clear: both;

}



#bottom {
	border-top:1px solid #D8D8D8;
	width: 863px;
	background-color: #f5f5f5;
	clear:both;
	height:66px;
	margin:0 auto;
	padding:0;

}

#bottom p {
	font-family: Arial, sans-serif;
	float:left;
	padding-left: 15px;
	color:#8D8D8D;
	font-size:11px;
	}

#bottom a,
#bottom a:visited {
	color: #8D8D8D;
	}
	
#bottom a:hover {
	color: #4c9bc3;
	}

#bottom .bottombox { padding-bottom: 0px;
	border-top: 1px solid #ccc;
	background-color:#E2E2E2;
	color:#8D8D8D;
	font-size:0.9em;
	}  

#bottom_links {
	float: right;
	margin-right: 20px;
	margin-top: 15px;
	width: 130px;
	}
	
#bottom_links a,
#bottom_links a:visited {
	padding: 10px;
}
	
.logo_small {
	float: left;
	}

#footer {
	width: 848px;
	text-align: right;
	padding-right: 20px;
	margin-left: 7px;
	background-color: #f5f5f5;
	position: relative;
	padding: 0px 0px 0px 0px;

	clear: both;

	
}

#footer a {
	padding-right: 15px;
}



 

 

#middle {

	width: 100%;  
	background-color:#FFFFFF;

	 

	overflow: hidden;  

	position: relative;  

}



#middle-expand {

	width: 200%;

}



 

#main {

	position: relative;

	left: 50%;

	width: 50%;

	float: left;

}



#main-shift {

	position: relative;

	left: -100%;

	 

	 

	overflow: hidden;

}



 

#left {

	position: relative;

	left: -50%;

	 

	float: left;

	overflow:hidden;

}



 

#right {
	background-color:#FFFFFF; 
	float: left;

	overflow:hidden;

}



 



.middle-wrapper { 
	padding: 0px 0px 0px 0px; 
	margin: 0 auto;
	width: 863px;
}

.column-left .middle-wrapper { padding-left: 20px; }

.column-right .middle-wrapper { padding-right: 0px; }



.mainmiddle-wrapper { 
	
	background-repeat:no-repeat;
	padding: 0px 0px 0px 0px; 
	}



div#maintop,

div#contenttop {

	margin: 0px 0px 20px 0px;

	overflow: hidden;

}



div#contentbottom,

div#mainbottom {
	
	margin: 20px 0px 0px 0px;

	overflow: hidden;

}



 

 

#mainmiddle {

	width: 100%;  

	 

	overflow: hidden;  

	position: relative;  

}



#mainmiddle-expand {

	width: 200%;

}



 

#content {

	position: relative;

	left: 50%;

	width: 50%;

	float: left;

}



#content-shift {

	position: relative;

	left: -100%;

	 

	 

	overflow: hidden;

}



 

#contentleft {

	position: relative;

	left: -50%;

	 

	float: left;

	overflow:hidden;

}



 

#contentright {
background-color: #F6F7F7;
height: 100%;
	 

	 

	float: left;

	overflow:hidden;

}



.rightbg {
padding-left: 10px;
background-color: #F6F7F7;

padding-top: 4px;
padding-right: 10px;
text-align:right;
}

.related {
padding-left: 10px;
background-color: #F6F7F7;

padding-top: 4px;
padding-right: 10px;
font-size: 11.5px;
}

.related a {
	color: #1078B2;
}

.ansatte_img {
	border:5px solid #E9E9E9;
float:left;
margin-right: 15px;
margin-bottom: 10px;
}

.ansatte_name {
color:#4C9BC3;
font-size:14px;
font-family:Georgia,"Times New Roman",Times,serif;
font-weight:bold;
margin-bottom:0;
}

.floatbox { overflow:hidden; }



.float-left { float: left; overflow: hidden; }

.float-right { float: right; overflow: hidden; }



.width15 { width: 15%; }

.width18 { width: 18%; }

.width20 { width: 20%; }

.width23 { width: 23%; }

.width25 { width: 204px; }

.width33 { width: 33%; }

.width34 { width: 34%; }

.width35 { width: 35%; }

.width40 { width: 40%; }

.width45 { width: 45%; }

.width50 { width: 50%; }

.width54 { width: 54%; }

.width65 { width: 65%; }

.width75 { width: 75%; }

.width100 { width: 100%; }



 

body.yoopage { 	background: url(/cms/templates/yoo_mellow/images/bkgd-home.gif) #ccc repeat-x 50% top;
}



.wrapper-1 {}

.wrapper-2 {
background:transparent url(/cms/templates/yoo_mellow/images/bkgd-container-page.gif);
background-repeat:repeat-y;
padding:0;
width:873px;
}



.wrapper-3 { 
background: transparent url(/cms/templates/yoo_mellow/images/bkgd-content-top.gif) no-repeat scroll 0 77px;
width: 873px;
	 }



 



#absolute {

	position: absolute;

	z-index: 15;

	top: 0px;

	left: 0px;

	width: 100%;

}



#breadcrumbs {

	margin-bottom: 15px;

	font-size: 85%;

}



#breadcrumbs a,

#breadcrumbs span {	display: inline-block; }



#breadcrumbs a,

#breadcrumbs span.separator {

	padding: 0px 15px 0px 0px;

	background: url(/cms/templates/yoo_mellow/images/breadcrumbs.png) 100% 50% no-repeat;

}



 





 

#toolbar {


	font-size: 9px;

}



#date {

	margin: 0px 20px 0px 0px;

	float: left;

}




#headerbar .headerbar-2 {


	padding: 0px 0px 0px 0px;

	overflow: hidden;

}



 

#logo {
	
	float: left;
	height:49px;
	width: 120px;

	margin-top: 12px;

	margin-left: 5px;
	margin-bottom: 18px;

}


#menus {
	width: 863px;
	height: 41px;
	margin: 0 auto;
	background-image: url(/cms/templates/yoo_mellow/images/menu_bg.png);
	border-bottom: 1px #ccc solid;
}

#menu {
	float: left;
	height: 40px;
	clear: left;
}

#minimenu {
	height: 40px;
	float: right;
	padding-right: 10px;
	}

#minimenu img {
	padding: 0;	
	}

#search_feeds {
	width: 270px;
	float: right;
	margin-top: 15px;
}

#feeds {
	font-size: 11px;
	width: 50px;
	float: left;
	height: 20px;
	margin-top:12px;



}

#feeds img {
	padding: 2px 5px 0 0;
}

#feeds p {
	margin: 0;
}

#search {

	float: right;
	clear: right;

	width: 180px;

	height: 25px;
	margin-top:28px;

	padding: 0px 0px 0px 10px;

	background: url(/cms/templates/yoo_mellow/images/search_bg.png) 3px 0 no-repeat;

}

#search p {
	margin: 0;
}



#banner {

	position: absolute;

	top: 25px;

	right: -40px;

	width: 0px;

	z-index: 3;

}



 



#footer a:link, #footer a:visited { }

#footer a:hover { }



#footer a.anchor {

	position: absolute;

	right: 20px;

	top: 3px;

	width: 30px;

	height: 5px;

	display: block;

	text-decoration: none; overflow: hidden;

}



 



div.mainmiddle-wrapper-tl {  }

div.mainmiddle-wrapper-tr {

	padding: 0px 10px 0px 10px;

	
}

div.mainmiddle-wrapper-t {

	

	background: #ffffff;

}



div.mainmiddle-wrapper-m { background: #ffffff; }

div.mainmiddle-wrapper-m div.contentright-bg {

	padding: 0px 0px 0px 0px;

	overflow: hidden;

}

.column-contentleft div.mainmiddle-wrapper-m div.contentright-bg { padding-left: 0px; }

.column-contentright div.mainmiddle-wrapper-m div.contentright-bg { padding-right: 0px; }



div.mainmiddle-wrapper-bl {  }

div.mainmiddle-wrapper-br {

	padding: 0px 10px 0px 10px;


}

div.mainmiddle-wrapper-b {

	

	background: #ffffff;

}



.column-contentleft div.contentleft-bg {  }

.column-contentright div.contentright-bg {  }



.content-wrapper { padding: 20px 20px 10px 20px; }

.callout-narrow {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#F5F6F6 url(/cms/templates/yoo_mellow/images/bkgd-callout-narrow.gif) no-repeat scroll 0 0;
float:right;
margin:0 0 12px 12px;
padding:10px 22px 18px;
width:193px;
}
.callout-narrow:after {
clear:both;
content:" ";
display:block;
height:0;
overflow:hidden;
}
.callout-narrow p {
clear:both;
color:#423F3F;
font-size:1em;
line-height:1.3em;
margin-bottom:8px;
}
.callout-narrow h3 {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-x-system-font:none;
background:transparent url(/cms/templates/yoo_mellow/images/bkgd-callout-h3.gif) repeat-x scroll center bottom;
color:#4C9BC2;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:1.3em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:1em;
margin:0 0 12px;
padding:0 0 10px;
}
.callout-narrow h3.quote {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent none repeat scroll 0 0;
font-style:italic;
line-height:1.4em;
}
.callout-narrow a {
border-bottom:medium none;
}
.callout-narrow img.left-noBorder {
padding-bottom:6px;
}
.callout-narrow img.callout-top {
padding:8px 0 0;
}
h1, h2, h3, h4, h5, h6{font-family:Georgia,"Times New Roman",Times,serif; letter-spacing:.25px}

h1{font-weight:normal; color:#4c9bc3}

h1.titles{color:#4C9BC3; font-family:Georgia,"Times New Roman",Times,serif; font-size:2.5em; font-weight:normal; letter-spacing:0.75px; margin-bottom:20px}

#page h1 a{text-decoration:none; margin-top:10px}

h2{color:#4c9bc3; font-size:1.3em; margin-top:3px; font-weight:normal}

#top h2{margin:14px 10px}

h3{color:#4C9BC3; font-weight:normal; font-size:1.2em}

h4{color:#50555A; font-weight:normal}

h5{color:#fa641e}
h6{color:#50555A}

.small{font-size:11px}

a:link, 
a:visited{color:#4c9bc3}
a:hover{color:#6d9701}

a.icon-external{        padding-left:17px;         background:url(/cms/templates/yoo_mellow/images/typography/icon_external.png) 0 40% no-repeat}

em.box{padding:0px 3px 0px 3px; border:1px dotted #aaa; background:#f5f6f7; font-family:"Courier New",Courier,monospace; font-style:normal}

ul.custom{list-style-image:url(/cms/templates/yoo_mellow/css/images/arrow.gif)}

ul.arrow, 
ul.checkbox, 
ul.check, 
ul.star{margin:10px 0px 10px 0px; padding-left:20px; list-style:none}

ul.arrow li, 
ul.checkbox li, 
ul.check li, 
ul.star li{margin:5px 0px 5px 0px; padding-left:35px; font-weight:bold; line-height:26px}

ul.arrow li{background:url(/cms/templates/yoo_mellow/images/typography/list_arrow.png) 0 0 no-repeat}
ul.checkbox li{background:url(/cms/templates/yoo_mellow/images/typography/list_checkbox.png) 0 0 no-repeat}
ul.check li{background:url(/cms/templates/yoo_mellow/images/typography/list_check.png) 0 0 no-repeat}
ul.star li{background:url(/cms/templates/yoo_mellow/images/typography/list_star.png) 0 0 no-repeat}

span.note, 
span.info, 
span.alert, 
span.download, 
span.goto, 
span.tip{display:block}

div.note, span.note{margin:10px 0px 10px 0px; padding:5px 10px 5px 10px; background:#f4f5f6; border-top:1px dotted #aab4be; border-bottom:1px dotted #aab4be; text-align:justify}

div.info, span.info, 
div.alert, span.alert, 
div.download, span.download, 
div.tip, span.tip, 
div.goto, span.goto{margin:10px 0px 10px 0px; padding:8px 10px 8px 35px}

div.transport, span.transport{float:left; padding:5px 5px 10px 10px; margin-left:15px; border:1px #aab4be dotted; background-color:#f4f5f6; width:280px}

div.info, span.info{background:#f4f5f6 url(/cms/templates/yoo_mellow/images/typography/box_info.png) 3px 5px no-repeat; border-top:1px dotted #aab4be; border-bottom:1px dotted #aab4be}

div.goto, span.goto{background:#f4f5f6 url(/cms/templates/yoo_mellow/images/typography/list_arrow.png) 3px 5px no-repeat; border-top:1px dotted #aab4be; border-bottom:1px dotted #aab4be}

div.alert, span.alert{background:#fff5eb url(/cms/templates/yoo_mellow/images/typography/box_alert.png) 3px 5px no-repeat; border-top:1px dotted #ffb4a0; border-bottom:1px dotted #ffb4a0}

div.download, span.download{background:#f5faeb url(/cms/templates/yoo_mellow/images/typography/box_download.png) 3px 5px no-repeat; border-top:1px dotted #78be5a; border-bottom:1px dotted #78be5a}

div.tip, span.tip{background:#fffdeb url(/cms/templates/yoo_mellow/images/typography/box_tip.png) 3px 5px no-repeat; border-top:1px dotted #ffc864; border-bottom:1px dotted #ffc864}

 
p.dropcap:first-letter{display:block; margin:7px 4px 0px 0px; float:left; font-size:280%; font-family:Georgia,"Times New Roman",Times,serif}

 
table.listing{width:100%; margin-bottom:30px; font-size:11px}

table.listing thead th{height:30px; padding:5px; border-bottom:1px solid #c8c8c8; background:none; vertical-align:top; font-size:14px; font-weight:normal}

table.listing tbody td{height:20px; padding:5px; border-bottom:1px solid #c8c8c8}

table.listing tr.odd td{background:#fafafa}
table.listing tr.even td{background:#fff}

table.listing td.bold{font-weight:bold; font-size:12px}

q.blockquote{margin:10px 0 10px 15px; font-style:italic; font-size:130%}

q.blockquote:first-letter{}

q.blockquote:before, 
q.blockquote:after{content:""}

blockquote.quotation{color:#4C9BC3; font-family:Georgia,"Times New Roman",Times,serif; font-weight:normal; margin:10px 0px 10px 0px; padding:10px 35px 10px 35px; border:none; background:url(/cms/templates/yoo_mellow/images/typography/blockquote_start.png) 0 0 no-repeat; text-align:justify}

blockquote.quotation p{margin:0px -35px -10px 0px; padding:0px 35px 10px 0px; background:url(/cms/templates/yoo_mellow/images/typography/blockquote_end.png) 100% 100% no-repeat}

body .inset-left{margin:15px 15px 10px 0px; float:left}

body .inset-right{margin:15px 0px 10px 15px; float:right}

 
#toolbar ul.menu, 

#footer ul.menu{display:inline-block; margin:0px; padding:0px; list-style:none}

#footer ul.menu{display:block; line-height:14px}

#toolbar .menu li, 

#footer .menu li{display:inline-block; margin:0px; padding:0px}

#toolbar .menu li a, 

#footer .menu li a{display:inline-block; padding:0px 10px 0px 0px; overflow:hidden}

#toolbar .menu a.first, 

#footer .menu a.first{padding:0px 10px 0px 0px; background:none}

#toolbar .menu a.last, 

#footer .menu a.last{padding:0px 0px 0px 0px}

#toolbar .menu a:link, 

#toolbar .menu a:visited{color:#646464}

#toolbar .menu a:hover{color:#000}

#footer .menu a:link, 

#footer .menu a:visited{color:#8d8d8d; font-size:10px}

#footer .menu a:hover{color:#4C9BC3}

/*
 * menu
 */
 
#menu ul{margin:0px; padding:0px; list-style:none}

#menu li{position:relative; z-index:5;  margin:0px; padding:0}

/*menuitem1*/
#menu a.level1.item1.parent{  width:115px;   height:40px;   background:url(/cms/templates/yoo_mellow/images/menuitem_1.png) 0 0 no-repeat}

#menu a:hover.level1.item1.parent, 
#menu a.level1.item1.parent.active.current{  width:115px;   height:40px;   background:url(/cms/templates/yoo_mellow/images/menuitem_1.png) 0 -41px no-repeat}

/*menuitem2*/
#menu a.level1.item2.parent{  width:144px;   height:40px;   background:url(/cms/templates/yoo_mellow/images/menuitem_2.png) 0 0 no-repeat}

#menu a:hover.level1.item2.parent, 
#menu a.level1.item2.parent.active.current{  width:144px;   height:40px;   background:url(/cms/templates/yoo_mellow/images/menuitem_2.png) 0 -41px no-repeat}

/*menuitem3*/
#menu a.level1.item3.parent{  width:128px;   height:40px;   background:url(/cms/templates/yoo_mellow/images/menuitem_3.png) 0 0 no-repeat}

#menu a:hover.level1.item3.parent{  width:128px;   height:40px;   background:url(/cms/templates/yoo_mellow/images/menuitem_3.png) 0 -41px no-repeat}

/*menuitem4*/
#menu a.level1.item4, 
#menu a.level1.item4.last.active.current{  width:125px;   height:40px;   background:url(/cms/templates/yoo_mellow/images/menuitem_4.png) 0 0 no-repeat}

#menu a:hover.level1.item4, 
#menu a.level1.item4.last.active.current{  width:125px;   height:40px;   background:url(/cms/templates/yoo_mellow/images/menuitem_4.png) 0 -41px no-repeat}

#minimenu ul{margin:0px; padding:0px; list-style:none}

#minimenu li{position:relative; z-index:5;  margin:0px; padding:0}

#minimenu a, 

#minimenu span{display:block}

#minimenu a{text-decoration:none}

 
#minimenu span.icon{background-repeat:no-repeat; background-position:0 50%}

 
#minimenu ul.menu{float:left}

#minimenu li.level1{float:left}

/*menuitem1*/
#minimenu a.level1.item1.first{width:85px;   height:40px;   background:url(/cms/templates/yoo_mellow/images/minimenu_1.png) 0 0 no-repeat}

#minimenu a.level1.item1.first:hover{  width:85px;   height:40px;   background:url(/cms/templates/yoo_mellow/images/minimenu_1.png) 0 -41px no-repeat}

/*menuitem2*/
#minimenu a.level1.item2.parent{  width:105px;   height:40px;   background:url(/cms/templates/yoo_mellow/images/minimenu_2.png) 0 0 no-repeat}

#minimenu a.level1.item2.parent:hover{  width:105px;   height:40px;   background:url(/cms/templates/yoo_mellow/images/minimenu_2.png) 0 -41px no-repeat}

/*menuitem3*/
#minimenu a.level1.item3.last{  width:80px;   height:40px;   background:url(/cms/templates/yoo_mellow/images/minimenu_3.png) 0 0 no-repeat}

#minimenu a.level1.item3.last:hover{  width:80px;   height:40px;   background:url(/cms/templates/yoo_mellow/images/minimenu_3.png) 0 -41px no-repeat}

#minimenu li.first a.level1, 

#minimenu li.first span.level1{background-position:0 -420px}

#minimenu span.icon{background-repeat:no-repeat; background-position:0 50%}

#minimenu a.level1 span.bg, 

#minimenu span.level1 span.bg{display:none; height:45px; padding:0px 10px 0px 0px; float:left; line-height:43px; font-size:12px; color:#000}

#minimenu li.active{background-position:100% -210px}

#minimenu li.active a.level1, 

#minimenu li.active span.level1{background-position:0 -140px}

#minimenu li.active a.level1 span.bg, 

#minimenu li.active span.level1 span.bg{}

 
#minimenu li.level1:hover{background-position:100% -350px}

#minimenu li:hover a.level1, 

#minimenu li:hover span.level1{background-position:0 -280px}

#minimenu li:hover a.level1 span.bg, 

#minimenu li:hover span.level1 span.bg{}

 
 
#minimenu .dropdown{position:absolute; top:53px; left:-999em;  z-index:100}

#minimenu li:hover .dropdown, 

#minimenu li.remain .dropdown{left:0px}

#minimenu .dropdown-t1{}

#minimenu .dropdown-t2{padding:0px 5px 0px 5px}

#minimenu .dropdown-t3{height:0px; background:#2B2A29}

#minimenu .dropdown-1{}

#minimenu .dropdown-2{overflow:hidden}

#minimenu .dropdown-3{padding:0px 2px 0px 2px; background:#fff; overflow:hidden}

#minimenu .dropdown-b1{}

#minimenu .dropdown-b2{padding:0px 5px 0px 5px}

#minimenu .dropdown-b3{height:0; background:#fff}

#minimenu li.level2{margin-bottom:5px}

#minimenu li.level1 li.last{margin-bottom:0px}

#minimenu .group-box1{background:#ccc}

#minimenu .group-box5{overflow:hidden}

#minimenu .hover-box4{overflow:hidden}

 
#minimenu li.level1 li.parent .hover-box1{width:55%; float:left}

 
#minimenu li li.parent .hover-box1 .hover-box2{background:none}

#minimenu li li.parent .hover-box1 .hover-box4{background:none}

#minimenu ul.level2 li.separator .hover-box1, 

#minimenu ul.level2 li.separator .hover-box1 .hover-box2, 

#minimenu ul.level2 li.separator .hover-box1 .hover-box3, 

#minimenu ul.level2 li.separator .hover-box1 .hover-box4{background:none}

#minimenu a.level2 span.bg, 

#minimenu span.level2 span.bg{height:22px; line-height:20px; text-indent:10px; color:#fff; font-size:12px;cursor:pointer}

#minimenu a.level2 span.icon, 

#minimenu span.level2 span.icon{text-indent:50px}

 
#minimenu li.level2 a.current span.bg{font-weight:bold}

 
#minimenu a.level2 span.title, #menu span.level2 span.title{line-height:33px}

 
#minimenu a.level2 span.subtitle, #menu span.level2 span.subtitle{margin-top:-8px; font-size:10px; font-weight:normal; line-height:10px; text-transform:none; letter-spacing:0px}

 
#minimenu .sub{width:45%; padding:0px 0px 0px 0px; float:left}

#minimenu ul.level3{padding-left:5px}

#minimenu a.level3:link, 

#minimenu a.level3:visited{color:#fff}

#minimenu a.level3:hover{color:#fff; text-decoration:underline}

#minimenu a.level3 span.bg, 

#minimenu span.level3 span.bg{padding-left:15px; line-height:17px; font-size:11px}

 
 
 
 
#minimenu .columns2 ul.level2, 

#minimenu .columns3 ul.level2, 

#minimenu .columns4 ul.level2{float:left}

#minimenu .columns2 ul.level2{width:50%}

#minimenu .columns3 ul.level2{width:34%}

#minimenu .columns3 ul.first, 

#minimenu .columns3 ul.last{width:33%}

#minimenu .columns4 ul.level2{width:25%}

#minimenu .columns2 li.level2 .group-box1, 

#minimenu .columns3 li.level2 .group-box1, 

#minimenu .columns4 li.level2 .group-box1{margin-right:5px}

#minimenu .columns2 ul.last li.level2 .group-box1, 

#minimenu .columns3 ul.last li.level2 .group-box1, 

#minimenu .columns4 ul.last li.level2 .group-box1{margin-right:0px}

#menu a, 

#menu span{display:block}

#menu a{text-decoration:none}

 
#menu span.icon{background-repeat:no-repeat; background-position:0 50%}

 
#menu ul.menu{float:left}

#menu li.level1{float:left}

#menu a.level1 span.bg, 

#menu span.level1 span.bg{ display:none; height:45px; padding:0px 0px 0px 0px; float:left; line-height:43px; font-size:12px; color:#000}

#menu li.active{background-position:100% -210px}

#menu li.active a.level1, 

#menu li.active span.level1{background-position:0 -140px}

#menu li.active a.level1 span.bg, 

#menu li.active span.level1 span.bg{}

 
#menu li.level1:hover{background-position:100% -350px}

#menu li:hover a.level1, 

#menu li:hover span.level1{background-position:0 -280px}

#menu li:hover a.level1 span.bg, 

#menu li:hover span.level1 span.bg{}

 
#menu li.first a.level1, 

#menu li.first span.level1{background-position:0 -420px}

 
#menu a.level1 span.title, 

#menu span.level1 span.title{display:none; font-family:Arial; font-weight:bold; line-height:33px}

 
#menu a.level1 span.subtitle, 

#menu span.level1 span.subtitle{display:none; margin-top:-7px; font-size:9px; font-weight:normal; line-height:10px; letter-spacing:0px}

 
#menu .dropdown{position:absolute; top:53px; left:-999em;  z-index:100}

#menu li:hover .dropdown, 

#menu li.remain .dropdown{left:0px}

#menu .dropdown-t2{}

#menu .dropdown-t3{height:1px; background-color:#fff}

#menu .dropdown-1{}

#menu .dropdown-2{overflow:hidden}

#menu .dropdown-3{padding:0px 1px 0px 1px; background:#fff; overflow:hidden}

#menu .dropdown-b2{padding:0px 5px 0px 5px}

#menu .dropdown-b3{height:1px; background:#ccc}

#menu li.level2{margin-bottom:2px}

#menu li.level1 li.last{margin-bottom:0px}

#menu .group-box1{background:#fff}

#menu .group-box5{overflow:hidden}

#menu .hover-box4{overflow:hidden}

 
#menu li.level1 li.parent .hover-box1{width:55%; float:left}

 
#menu li li.parent .hover-box1 .hover-box2{background:none}

#menu li li.parent .hover-box1 .hover-box4{background:none}

#menu ul.level2 li.separator .hover-box1, 

#menu ul.level2 li.separator .hover-box1 .hover-box2, 

#menu ul.level2 li.separator .hover-box1 .hover-box3, 

#menu ul.level2 li.separator .hover-box1 .hover-box4{background:none}

#menu a.level2 span.bg, 

#menu span.level2 span.bg{background-image:url(/cms/templates/yoo_mellow/images/bkgd-dropdown.gif); background-repeat:repeat-x; height:23px; line-height:23px; text-indent:15px; color:#4C9BC3; font-size:12px; cursor:pointer}

#menu a.level2 span.bg:hover, 
#menu span.level2 span.bg:hover{background:#E0E0E0}

#minimenu a.level2 span.bg, 

#minimenu span.level2 span.bg{background-image:url(/cms/templates/yoo_mellow/images/bkgd-dropdown.gif); background-repeat:repeat-x; height:23px; line-height:23px; text-indent:15px; color:#4C9BC3; font-size:12px}

#minimenu a.level2 span.bg:hover, 
#minimenu span.level2 span.bg:hover{background:#E0E0E0}

#menu a.level2 span.icon, 

#menu span.level2 span.icon{text-indent:50px}

 
#menu li.level2 a.current span.bg{font-weight:bold}

 
#menu a.level2 span.title, #menu span.level2 span.title{line-height:33px}

 
#menu a.level2 span.subtitle, #menu span.level2 span.subtitle{margin-top:-8px; font-size:10px; font-weight:normal; line-height:10px; text-transform:none; letter-spacing:0px}

 
#menu .sub{width:45%; padding:5px 0px 5px 0px; float:left}

#menu ul.level3{padding-left:5px}

#menu a.level3:link, 

#menu a.level3:visited{color:black}

#menu a.level3:hover{color:black; text-decoration:underline}

#menu a.level3 span.bg, 

#menu span.level3 span.bg{padding-left:15px; line-height:17px; font-size:11px}

 
 
 
 
#menu .columns2 ul.level2, 

#menu .columns3 ul.level2, 

#menu .columns4 ul.level2{float:left}

#menu .columns2 ul.level2{width:50%}

#menu .columns3 ul.level2{width:34%}

#menu .columns3 ul.first, 

#menu .columns3 ul.last{width:33%}

#menu .columns4 ul.level2{width:25%}

#menu .columns2 li.level2 .group-box1, 

#menu .columns3 li.level2 .group-box1, 

#menu .columns4 li.level2 .group-box1{margin-right:5px}

#menu .columns2 ul.last li.level2 .group-box1, 

#menu .columns3 ul.last li.level2 .group-box1, 

#menu .columns4 ul.last li.level2 .group-box1{margin-right:0px}

/*
 * sub menus
 */
 
 
div.mod-menu ul{margin:0px; padding:0px; overflow:hidden; list-style:none}

div.mod-menu ul.menu li{margin:0px; padding:0px}

div.mod-menu ul.menu a, 

div.mod-menu ul.menu span{display:block}

div.mod-menu ul.menu a{text-decoration:none}

 
div.mod-menu ul.menu span.icon{background-repeat:no-repeat; background-position:5px 50%; text-indent:35px}

 
div.mod-menu ul.menu li.parent span.separator{cursor:pointer}

 
div.mod-menu ul.menu span.subtitle{display:none}

div.mod-menu-blank ul.menu span.bg{height:35px; line-height:35px; text-indent:15px}

 
div.mod-menu-blank ul.menu a.current span.bg{font-weight:bold}

 
 
 
div.mod-menu-blank ul.menu li.level1{margin-bottom:5px}

div.mod-menu-blank ul.menu a.level1, 

div.mod-menu-blank ul.menu span.level1{text-transform:uppercase}

div.mod-menu-blank ul.menu a.level1 span.bg, 

div.mod-menu-blank ul.menu span.level1 span.bg{font-size:16px; color:black}

 
div.mod-menu-blank ul.menu li.parent a.level1, 

div.mod-menu-blank ul.menu li.parent span.level1{background-position:100% -35px}

div.mod-menu-blank ul.menu li.parent a.active, 

div.mod-menu-blank ul.menu li.parent span.active{background-position:100% -70px}

 
div.mod-menu-blank ul.menu li.active a.level1, 

div.mod-menu-blank ul.menu li.active span.level1{background-color:#FA641E}

div.mod-menu-blank ul.menu li.active a.level1:hover, 

div.mod-menu-blank ul.menu li.active span.level1:hover{background-color:#82B400}

 
div.mod-menu-blank ul.menu a.level1 span.icon, 

div.mod-menu-blank ul.menu span.level1 span.icon{text-indent:35px}

 
div.mod-menu-blank ul.level2 li.first{margin-top:5px}

div.mod-menu-blank ul.level2 ul li.first{margin-top:0px}

div.mod-menu-blank ul.menu li.level2 span.bg{height:20px; line-height:20px}

div.mod-menu-blank ul.menu a.level2 span.bg{text-indent:15px}

 
div.mod-menu-blank ul.menu a.level3 span.bg{text-indent:25px}

 
div.mod-menu-blank ul.menu a.level4 span.bg{text-indent:35px}

 
div.mod-line ul.menu span.bg{height:25px; line-height:25px; text-indent:5px}

 
div.mod-line ul.menu a.current span.bg{font-weight:bold}


.module h3.header{color:#03324A; display:block; font-size:1.1em; font-weight:bold; padding-bottom:6px}

.module span.header-2, 

.module span.header-3{display:block}

 
.module h3.header span.title{display:block; font-size:15px; line-height:27px}

.module h3.header span.subtitle{display:block; margin-top:-5px; line-height:10px; font-size:9px; font-weight:normal; color:#646464; letter-spacing:0px; text-indent:1px}

div#top .module, 

div#bottom .module, 

div#maintop .module, 

div#mainbottom .module{margin:0px 10px 0px 10px}

div#contenttop .module, 

div#contentbottom .module{margin:0px 5px 0px 5px}

#left .module, 

#right .module, 

#contentleft .module, 

#contentright .module{margin-bottom:0px}

#left .last, 

#right .last, 

#contentleft .last, 

#contentright .last{margin-bottom:0px}

#top .topblock .module{margin-top:0px}

#bottom .bottomblock .module{margin-bottom:20px}

#contentleft .module{margin-right:10px}

#contentright .module{margin-left:10px}

#toolbar .left .module, 

#headerbar .left .module{margin-right:20px; float:left}

#toolbar .right .module, 

#headerbar .right .module{margin-left:20px; float:right}

 
div.module{position:relative}

 
 
div.module div.badge-hot{background-position:0 0}

div.module div.badge-top{background-position:0 -40px}

div.module div.badge-pick{background-position:0 -80px}

div.module div.badge-new{background-position:0 -120px}

 
div.module h3.header span.icon-feed{background-position:0 0}

div.module h3.header span.icon-download{background-position:0 -30px}

div.module h3.header span.icon-twitter{background-position:0 -60px}

div.module h3.header span.icon-mail{background-position:0 -90px}

div.module h3.header span.icon-message{background-position:0 -120px}

div.module h3.header span.icon-users{background-position:0 -150px}

div.module h3.header span.icon-shopping{background-position:0 -180px}

div.module h3.header span.icon-lock{background-position:0 -210px}

 
div.mod-blank{overflow:hidden}

#menu .mod-dropdown .module{padding:5px; overflow:hidden}

#menu .mod-dropdown .dropdown{width:300px}

 
div.mod-rounded div.box-t3{height:10px; background:#D7D7D7}

div.mod-rounded div.box-1{padding:0px 15px 5px 15px; background:#D7D7D7; overflow:hidden}

div.mod-rounded div.box-b2{padding:0px 10px 0px 10px}

div.mod-rounded div.box-b3{height:9px; border-bottom:1px solid #fff; background:#D7D7D7}

div.mod-rounded h3.header{}

div.mod-rounded h3.header span.icon{top:-3px}

div.mod-rounded h3.header span.title{line-height:15px}

div.mod-rounded h3.header span.subtitle{margin-top:2px}

div.mod-rounded em.box{background:#fff}

div.mod-rounded-header div.box-1{padding-top:35px}

div.mod-rounded-header div.header-1{position:absolute; top:0px; left:0px; right:0px}

div.mod-rounded-header div.header-2{padding:0px 10px 0px 10px}

div.mod-rounded-header div.header-3{height:35px; padding:0px 5px 0px 5px}

div.mod-rounded-header h3.header{position:absolute; top:0px; left:0px; right:0px; height:35px; padding-left:15px; line-height:35px; overflow:hidden}

div.mod-rounded-header h3.header span.icon{top:2px}

div.mod-rounded-header h3.header span.title{line-height:27px}

div.mod-rounded-header h3.header span.subtitle{margin-top:-5px}

div.mod-rounded-white div.box-t3{background:#fff}

div.mod-rounded-white div.box-1{background:#fff}

div.mod-rounded-white div.box-b3{border-bottom:1px solid #D8D8D8; background:#fff}

div.mod-rounded em.box{background:#F5F6F7}

#mainmiddle div.mod-rounded div.box-t3{background:#F0F0F0}

#mainmiddle div.mod-rounded div.box-1{background:#F0F0F0}

#mainmiddle div.mod-rounded div.box-b3{height:10px; border-bottom:none; background:#F0F0F0}

#mainmiddle div.mod-rounded em.box{background:#fff}

div.mod-hover div.box-2{padding:10px 15px 5px 15px; overflow:hidden}

div.mod-hover div.box-b2{padding:0px 10px 0px 10px}

div.mod-hover div.box-b3{height:9px; border-bottom:1px solid #fff}

div.mod-hover h3.header{height:30px; line-height:25px; text-transform:uppercase}

div.mod-hover h3.header span.icon{top:-3px}

div.mod-hover h3.header span.title{line-height:15px}

div.mod-hover h3.header span.subtitle{margin-top:2px}

 
div.mod-dashed div.box-t2{padding:0px 4px 0px 4px}

div.mod-dashed div.box-t3{height:5px}

div.mod-dashed div.box-2{padding:5px 15px 10px 15px; overflow:hidden}

div.mod-dashed div.box-b2{padding:0px 4px 0px 4px}

div.mod-dashed div.box-b3{height:5px}

div.mod-dashed h3.header{height:30px; line-height:25px; text-transform:uppercase}

div.mod-dashed h3.header span.icon{top:-3px}

div.mod-dashed h3.header span.title{line-height:15px}

div.mod-dashed h3.header span.subtitle{margin-top:2px}

div.mod-dashed em.box{background:#fff}

 
div.mod-line div.box-1{padding:0px 0px 15px 0px; overflow:hidden}

div.mod-line h3.header{margin:0px 0px 3px 0px; padding:0px 0px 6px 0px; font-size:16px; font-weight:bold; color:#969696}

div.mod-line h3.header span.icon{top:-5px; left:0px}

 
div.mod-menu-line h3.header{margin-bottom:0px}

div.mod-header div.box-1{padding:0px 10px 15px 10px; overflow:hidden}

div.mod-header h3.header{margin:0px -10px 0px -10px; padding-bottom:8px; line-height:30px; font-size:16px; font-weight:bold; color:#969696}

div.mod-header span.header-2{height:30px; padding-left:10px; background:#F0F0F0}

div.mod-block div.box-1{border-top:8px solid #F0F0F0; overflow:hidden}

div.mod-block h3.header{margin:10px 0px 3px 0px; font-size:16px; font-weight:bold; color:#969696}

div.mod-block h3.header span.icon{top:-5px; left:0px}


p.readmore{overflow:hidden}

div.module p.readmore{margin-bottom:0px}

a.readmore{ background-image:url(/cms/templates/yoo_mellow/images/jc_blog.gif); background-position:0 2px; background-repeat:no-repeat;display:block; width:100px; height:20px; float:left; line-height:13px; text-indent:15px; text-decoration:none }

a.readmore:hover{color:#6D9701;text-decoration:underline}

/* tooltips */
.tool-tip{float:left; background:#ffc; border:1px solid #D4D5AA; padding:5px; max-width:200px; color:#323232}

.tool-title{padding:0; margin:0; font-size:100%; font-weight:bold; margin-top:-15px; padding-top:15px; padding-bottom:5px; background:url(/cms/templates/system/images/selector-arrow.png) no-repeat}

.tool-text{font-size:100%; margin:0}

div.joomla h1{letter-spacing:-1px}

div.joomla h1.pagetitle{color:#4C9BC3; font-family:Georgia,"Times New Roman",Times,serif; font-size:2.5em; font-weight:normal; letter-spacing:0.75px; margin-bottom:10px}

div.joomla div.description{margin:10px 0px 10px 0px; overflow:hidden}

div.joomla div.description img.left{margin-right:15px; float:left}

div.joomla div.description img.right{margin-left:15px; float:right}

div.joomla div.filter{margin:10px 0px 10px 0px}

div.joomla table.joomlatable th{padding:5px 5px 5px 5px; background:#ebebeb; border-bottom:1px solid #b4b4b4; font-weight:bold}

div.joomla table.joomlatable tr.even td{padding:5px 5px 5px 5px; background:#f0f0f0; border-bottom:1px solid #dcdcdc}

div.joomla table.joomlatable tr.odd td{padding:5px 5px 5px 5px; background:#fafafa; border-bottom:1px solid #dcdcdc}

 
div.joomla span.number{color:#969696; font-style:italic}

 
div.joomla div.blog div.description{ margin:0px 0px 5px 0px; padding-bottom:5px}

div.joomla div.leadingarticles{overflow:hidden}

div.joomla div.teaserarticles{overflow:hidden}

div.joomla div.item{margin-bottom:10px}

div.joomla div.item-bg{padding-bottom:15px; overflow:hidden; border-bottom:1px solid #D8D8D8}

div.joomla div.multicolumns div.item{margin:0px 15px 15px 15px}

div.joomla div.multicolumns div.first div.item{margin-left:0px}

div.joomla div.multicolumns div.last div.item{margin-right:0px}

div.joomla div.morearticles{margin:10px 0px 10px 0px}

div.joomla div.pagination{text-align:center}

div.joomla div.pagination p.results{}

div.joomla div.headline{overflow:hidden; margin-bottom:4px; padding-bottom:0px}

div.joomla h1.title{margin:0px; float:left}

div.joomla div.multicolumns h1.title{font-size:200%; letter-spacing:-1px}

div.joomla div.icons{float:right}

div.joomla div.icon{margin-top:10px; float:right}

div.joomla div.multicolumns div.icon{margin-top:5px}

div.joomla div.edit{margin-left:10px; float:left}

div.joomla div.pdf{margin-right:5px}

div.joomla div.print{margin-right:5px}

div.joomla div.email{}

div.joomla div.printscreen{}

div.joomla p.iteminfo{margin:0px 0px 15px 0px}

div.joomla p.articleinfo{color:#8F9394; margin-top:0px; text-transform:uppercase; font-size:80%; line-height:150%; margin-bottom:0}

div.joomla p.articleinfo span.modified, 

div.joomla p.articleinfo span.author, 

div.joomla p.articleinfo span.created, 

div.joomla p.articleinfo span.url{white-space:nowrap}

div.joomla div.edit-article fieldset{margin-bottom:30px}

div.joomla div.edit-article fieldset div{overflow:hidden}

div.joomla div.edit-article label.label-left{display:block; width:150px; float:left}

div.joomla div.edit-article div.save{margin:0px; float:right}

div.joomla div.edit-article div#editor-xtd-buttons{margin-bottom:0px; overflow:hidden}

div.joomla div.edit-article div#editor-xtd-buttons div{margin:0px}

div.joomla div.edit-article div#editor-xtd-buttons div.button2-left{margin-right:5px}

div.joomla div.edit-article div#editor-xtd-buttons a:link, 

div.joomla div.edit-article div#editor-xtd-buttons a:visited, 

div.joomla div.edit-article div#editor-xtd-buttons a:hover{color:#323232}

div.joomla div.weblinks fieldset{}

div.joomla div.weblinks fieldset div{overflow:hidden}

div.joomla div.weblinks label.label-left{display:block; width:150px; float:left}

div.joomla div.search p.info{margin:0px; color:#969696; font-style:italic}

div.joomla div.search span.highlight{background:#fff; color:#323232}

div.joomla div.poll fieldset{margin:15px 0px 10px 0px}

div.joomla div.contact h1{margin-bottom:0px; font-size:250%; font-weight:normal; letter-spacing:-1px}

div.joomla div.contact h2{color:#4C9BC3; font-family:Georgia,"Times New Roman",Times,serif; font-size:3em; font-weight:normal; letter-spacing:0.75px; margin-bottom:20px}

div.joomla div.contact div.image{float:right}

div.joomla div.contact table{margin-bottom:10px}

div.joomla div.contact label.label-top{display:block}

div.joomla div.user label.label-left, 

div.joomla div.user span.label-left{display:block; width:130px; float:left}

iframe.wrapper{width:100%}

div.module-newsflash{overflow:hidden}

div.module-newsflash div.item{padding-bottom:15px; overflow:hidden}

div.module-newsflash div.last{padding-bottom:0px}

.default-search div.searchbox{width:130px; height:25px; padding:0px; margin:0px; background:#fff}

.default-search div.searchbox:hover input{color:#000}

.default-search div.searchbox input:focus{color:#000}

.default-search div.searchbox input{width:102px; height:19px; padding:3px 0px 0px 0px; border:none; outline:none; background:none; float:left; color:#646464; font-size:16px; text-transform:uppercase}

.default-search div.searchbox button{width:22px; height:22px; margin-top:2px; padding:0px; border:none; float:right; cursor:pointer; line-height:0px}

.default-search div.searchbox button.search-magnifier{background:url(/cms/templates/yoo_mellow/images/search_magnifier_icon.png) 0 0 no-repeat}

.contentheading, 

.componentheading{color:#4C9BC3; font-family:Georgia,"Times New Roman",Times,serif; font-size:2.5em; font-weight:normal; letter-spacing:0.75px; margin-bottom:20px}

 
input.system-openid{   background:url(http://openid.net/login-bg.gif) no-repeat;  background-color:#fff;  background-position:0 50%;  color:#000;  padding-left:18px}

.system-unpublished{background:#e8edf1; border-top:4px solid #c4d3df; border-bottom:4px solid #c4d3df}

#system-message{margin-bottom:10px; padding:0}

#system-message dt{font-weight:bold}

#system-message dd{margin:0; font-weight:bold; text-indent:30px; padding:0}

#system-message dd ul{color:#05B; margin-bottom:10px; list-style:none; padding:10px; border-top:3px solid #84A7DB; border-bottom:3px solid #84A7DB}

#system-message dt.message{display:none}

#system-message dd.message{}

#system-message dt.error{display:none}

#system-message dd.error ul{color:#c00; background-color:#E6C0C0; border-top:3px solid #DE7A7B; border-bottom:3px solid #DE7A7B}

#system-message dt.notice{display:none}

#system-message dd.notice ul{color:#c00; background:#EFE7B8; border-top:3px solid #F0DC7E; border-bottom:3px solid #F0DC7E}

/* Debug */
#system-debug{color:#ccc; background-color:#fff; padding:10px; margin:10px}

#system-debug div{font-size:11px}

 
 
.invalid{border-color:#f00}

label.invalid{color:#f00}

/* Buttons */
#editor-xtd-buttons{padding:5px}

.button2-left, 

.button2-right, 

.button2-left div, 

.button2-right div{float:left}

.button2-left a, 

.button2-right a, 

.button2-left span, 

.button2-right span{display:block; height:22px; float:left; line-height:22px; font-size:11px; color:#666; cursor:pointer}

.button2-left span, 

.button2-right span{cursor:default; color:#999}

.button2-left .page a, 

.button2-right .page a, 

.button2-left .page span, 

.button2-right .page span{padding:0 6px}

.page span{color:#000; font-weight:bold}

.button2-left a:hover, 

.button2-right a:hover{text-decoration:none; color:#0B55C4}

.button2-left a, 

.button2-left span{padding:0 24px 0 6px}

.button2-right a, 

.button2-right span{padding:0 6px 0 24px}

.button2-left{background:url(/cms/templates/system/images/j_button2_left.png) no-repeat; float:left; margin-left:5px}

.button2-right{background:url(/cms/templates/system/images/j_button2_right.png) 100% 0 no-repeat; float:left; margin-left:5px}

.button2-left .image{background:url(/cms/templates/system/images/j_button2_image.png) 100% 0 no-repeat}

.button2-left .readmore{background:url(/cms/templates/system/images/j_button2_readmore.png) 100% 0 no-repeat}

.button2-left .pagebreak{background:url(/cms/templates/system/images/j_button2_pagebreak.png) 100% 0 no-repeat}

/* Tooltips */
div.tooltip{float:left; background:#ffc; border:1px solid #D4D5AA; padding:5px; max-width:200px}

div.tooltip h4{padding:0; margin:0; font-size:95%; font-weight:bold; margin-top:-15px; padding-top:15px; padding-bottom:5px; background:url(/cms/templates/system/images/selector-arrow.png) no-repeat}

div.tooltip p{font-size:90%; margin:0}

.img_caption .left{float:left; margin-right:1em}

.img_caption .right{float:right; margin-left:1em}

.img_caption .left p{clear:left; text-align:center}

.img_caption .right p{clear:right; text-align:center}

/* Calendar */
a img.calendar{width:16px; height:16px; margin-left:3px; background:url(/cms/templates/system/images/calendar.png) no-repeat; cursor:pointer; vertical-align:middle}

#left #form-login fieldset{border:none}#page div.blank div.yoo-search div.searchbox{width:159px;height:18px}#page div.blank div.yoo-search div.searchbox input{width:150px;height:15px;width:151px;background:transparent;margin-top:4px;padding:0px;font-size:11px}#page div.blank div.yoo-search div.searchbox input:hover,#page div.blank div.yoo-search div.searchbox input:focus{background:none}#page div.blank div.yoo-search div.searchbox button{width:20px;height:20px}#page div.blank div.yoo-search div.searchbox button.search-magnifier{left:160px;background:url(/cms/templates/yoo_mellow/images/search_magnifier_icon.png) 0 0 no-repeat}#page div.blank div.yoo-search div.searchbox button.search-close,#page div.blank div.yoo-search div.searchbox button.search-loader{left:-999em;right:inherit}#page div.yoo-search div.resultbox{position:absolute;right:-35px;top:20px;z-index:20;padding-top:0px;background:url(/cms/templates/yoo_mellow/images/yoosearch/resultbox_t.png) 0 0 no-repeat}#page div.blank div.yoo-search div.resultbox-bg{border:none;background:#ccc}#page div.blank div.yoo-search div.resultbox-bl{background:url(/cms/templates/yoo_mellow/images/yoosearch/resultbox_b.png) 0 0 no-repeat}#page div.blank div.yoo-search div.resultbox-br{padding:0px 5px 0px 5px;background:url(/cms/templates/yoo_mellow/images/yoosearch/resultbox_b.png) 100% -35px no-repeat}#page div.blank div.yoo-search div.resultbox-b{height:30px;padding-right:10px;border:none;background:#2B2A29}#page div.blank div.yoo-search h3.search-header{background:#4C9BC3;text-transform:uppercase;text-indent:15px;font-weight:normal}#page div.blank div.yoo-search .resultbox-bg a{background:#fff;padding:5px 15px 5px 15px}#page div.blank div.yoo-search .resultbox-bg a:hover{background:#ccc}#page div.blank div.yoo-search .resultbox-bg a:link,#page div.blank div.yoo-search .resultbox-bg a:visited,#page div.blank div.yoo-search .resultbox-bg a:hover{color:#666}#page div.blank div.yoo-search .resultbox-bg a h3{font-size:16px;line-height:20px;font-weight:normal;color:#4C9BC3}#page div.blank div.yoo-search span.search-more{background:url(/cms/templates/yoo_mellow/images/yoosearch/more_icon.png) 0 6px no-repeat}/* * YOOtweet *//* single */#header div.single div.yoo-tweet{min-width:200px;max-width:400px}#header div.single div.yoo-tweet p{margin-top:0px;color:#fff;font-size:20px;line-height:24px;text-align:center}/* * YOOlogin */ /* quick */#menu span.quick span.yoo-login{}#menu span.quick span.yoo-login span.login{width:231px}#menu span.quick span.yoo-login span.login span.login-button-text,#menu span.quick span.yoo-login span.login span.login-button-icon{margin-right:0px}#menu span.quick span.yoo-login span.login span.lostpassword,#menu span.quick span.yoo-login span.login span.lostusername,#menu span.quick span.yoo-login span.login span.registration{margin-top:5px}#menu span.quick span.yoo-login span.logout{margin-top:10px;overflow:visible}#menu span.quick span.yoo-login span.logout span.logout-button-text,#menu span.quick span.yoo-login span.logout span.logout-button-icon{margin-right:0px}#menu span.niftyquick span.yoo-login{}#menu span.niftyquick span.yoo-login span.login{width:268px;height:50px}#menu span.niftyquick span.yoo-login span.login span.login-button{margin-right:0px}#menu span.niftyquick span.yoo-login span.login span.lostpassword,#menu span.niftyquick span.yoo-login span.login span.lostusername,#menu span.niftyquick span.yoo-login span.login span.registration{margin-top:5px}#menu span.niftyquick span.yoo-login span.logout{margin-top:10px;overflow:visible}#menu span.niftyquick span.yoo-login span.logout span.logout-button{margin-right:0px} #menu span.niftyquick span.yoo-login span.login span.username input,#menu span.niftyquick span.yoo-login span.login span.password input{width:95%;height:12px;background:#fff;border:1px solid #fff;overflow:hidden}#mainmiddle div.whitespace div.yoo-accordion dt.toggler{background:url(/cms/templates/yoo_mellow/images/yooaccordion/item_header.png) 0 0 no-repeat}#mainmiddle div.whitespace div.yoo-accordion dt span.header-l{padding:0px 14px 0px 26px;background:url(/cms/templates/yoo_mellow/images/yooaccordion/item_header.png) 100% -70px no-repeat}#mainmiddle div.whitespace div.yoo-accordion dt span.header-r{background:#ced3d4;height:35px;line-height:35px;text-indent:14px}#mainmiddle div.whitespace div.yoo-accordion dt:hover.toggler{background:url(/cms/templates/yoo_mellow/images/yooaccordion/item_header.png) 0 -35px no-repeat}#mainmiddle div.whitespace div.yoo-accordion dt:hover span.header-l{background:url(/cms/templates/yoo_mellow/images/yooaccordion/item_header.png) 100% -105px no-repeat}#mainmiddle div.whitespace div.yoo-accordion dt:hover span.header-r{background:#4c9bc3;color:#fff}#mainmiddle div.whitespace div.yoo-accordion dd{padding:0px 0px 10px 0px}#mainmiddle div.whitespace div.yoo-accordion dd div.article{border-left:1px solid #d7d7d7;border-right:1px solid #d7d7d7;padding:0 13px 0px 13px}#page div.yoo-carousel{}#page div.slideshow div.yoo-carousel .prev a,#page div.slideshow div.yoo-carousel .next a{width:40px}#page div.slideshow div.yoo-carousel .prev a{background-image:url(/cms/templates/yoo_mellow/images/yoocarousel/carousel_b.png);background-position:0 0}#page div.slideshow div.yoo-carousel .next a{background-image:url(/cms/templates/yoo_mellow/images/yoocarousel/carousel_b.png);background-position:100% 0}#page div.slideshow div.yoo-carousel .prev a:hover{background-image:url(/cms/templates/yoo_mellow/images/yoocarousel/carousel_b_hover.png)}#page div.slideshow div.yoo-carousel .next a:hover{background-image:url(/cms/templates/yoo_mellow/images/yoocarousel/carousel_b_hover.png)}#page div.slideshow div.yoo-carousel .panel-container-bl{}#page div.slideshow div.yoo-carousel .panel-container-bl{}#page div.slideshow div.yoo-carousel .panel-container-br{}#page div.slideshow div.yoo-carousel .article{padding:15px 15px 0px 15px}#page div.slideshow div.yoo-carousel .prev a[style],#page div.slideshow div.yoo-carousel .next a[style]{height:35px !important}#page div.slideshow div.yoo-carousel .prev,#page div.slideshow div.yoo-carousel .next{top:auto;bottom:0;height:35px}div.module div.yoo-gallery {
margin: 15px auto 5px auto;
width: 500px;}
#menu .dropdown {
top:40px;
}
#minimenu .dropdown {
top:40px;
}
.yoo-maps {
float: left;
border: 5px #ccc solid;
}