/*
#------------------------------------------------------------------------
# Musicity - #2 2011 template (for Joomla 1.5)
#
# Copyright (C) 2007-2010 Gavick.com. All Rights Reserved.
# License: Copyrighted Commercial Software
# Website: http://www.gavick.com
# Support: support@gavick.com   
#------------------------------------------------------------------------ 
# Based on T3 Framework
#------------------------------------------------------------------------
# Copyright (C) 2004-2009 J.O.O.M Solutions Co., Ltd. All Rights Reserved.
# @license - GNU/GPL, http://www.gnu.org/copyleft/gpl.html
# Author: J.O.O.M Solutions Co., Ltd
# Websites: http://www.joomlart.com - http://www.joomlancers.com
#------------------------------------------------------------------------
*/
/************** Reset browser styles **************/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, q, 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;}
iframe {margin-top:20px; background: #none; padding: 0px;}
body {line-height:1.6;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a {outline: none;text-decoration: none;}
a img {outline: none; border:none;}
img {margin:0; padding:0;vertical-align:baseline; line-height:1;}

/************** Basic HTML styles **************/
body {font-size:11px;color:#333;background:#fff;font-family:"Lato", Arial, Helvetica, sans-serif;}
p {margin:0 0 0.5em;}
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;}
blockquote {margin:.5em 0;color:#555;font-style:italic;}
blockquote p {font-size: 15px;line-height: 20px;font-family: "buendia-1","buendia-2",serif;font-weight: normal;font-style: italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0;}
ul {list-style:none;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
thead th {background:#c3d9ff;}
th, td, caption {padding:4px 10px 4px 0px;}
tr.even td {background:#e5ecf9;}
tfoot {font-style:italic;}
caption {background:#eee;}
hr {background:none;clear:both;float:none;width:100%;height:0.1em;margin:0;border:none;color:#fff;}
.spacer {border-bottom:1px solid #ddd;margin:0 0 10px 0;}

/**************  Main structure styles **************/

/*     Box around everything    */
.wrapper {width:100%;float:left;} 

/*     The five main areas  top, header, main, footer and subfooter   */
.top, .header, .main, .footer, .subfooter {float:left;width:100%; }

/*     Container inside the four main areas      */ 
.container {width:980px;margin:0px auto;}

/**************  Block styles for your grid  **************/
.block0, .block1, .block34, .block2, .block5, .block6, .block8 {float:left;margin-right:2%;padding:10px 1%;}
.block23  {float:left;margin-right:2%;padding-right:17px;}
.block3, .block4  {float:left;margin-right:2%;padding:10px 1%;}
.block0 {width:100%;margin:0;padding:0;}
.block1 {width:98%;margin:0;}
.block34 {width:72.5%;}
.block23 {width:64%;}
.block2 {width:47%;}
.block3 {width:30%;}
.block4 {width:21.5%;}
.block5 {width:16.4%;}
.block6 {width:13%;}
.block8 {width:8.75%;}
.lastblock {margin:0;}
.border {border-right:1px solid #111;margin-right:1.89%;}
.nopadding {padding:0;}
.nomargin{margin:0;}
.floatright {float:right;}
.floatleft {float:left;}
.lineheight {line-height: 1em;}
.textalign_right {text-align: right;}

/************** Form styles **************/
label {font-weight:bold;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:0px solid #eee;}
legend {font-weight:bold;font-size:1.2em;}
input.text, input.title, textarea, select {margin:0.5em 0;border:1px solid #eee;}
input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #eee;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:390px;height:250px;padding:5px;}
input {border:1px solid #ddd;}

/************** Navigation styles **************/
.topmenu {position:relative; z-index:1000;}
.topmenu ul{float:right;padding:0;margin:0;}
.topmenu ul li {float:left;list-style: none;}
.topmenu ul li a {color:#111;text-decoration: none;display:block;}

/************** Image styles **************/
img.img_left {float:left;padding:0 15px 0 0;}
img.img_right {float:right;padding:0 0 0 15px;}

/************* Menu System styles **************/
/*Suckerfish Menu */
ul#nav { /* all lists */
list-style: none;}

ul#nav li { /* all list items */
float: left;position: relative;}

ul#nav li a:link, ul#nav li a:visited{text-decoration: none;display:block;}
ul#nav li a:hover{}

/* second-level lists */
ul#nav li ul { display: none;position: absolute; left: 0;padding:0;margin:0;z-index: 1000;width:10em;}

/* third-level lists */
ul#nav li ul li ul{ display: none;position: absolute;top: 0px;left:10.8em;padding:0;margin:0;z-index: 1000;}

/* 2nd level items */
ul#nav li ul li a:link, ul#nav li ul li a:visited, .topmenu ul#nav li.active ul li a:link, .topmenu ul#nav li.active ul li a:visited  {display:block;width:15em;border-top:none;padding:5px 4px;}

/* 2nd level hovered or active items */
ul#nav li ul li a:hover, ul#nav li.active ul li a:hover, ul#nav li#current ul li a:hover, .topmenu ul#nav li.active ul li a:hover {color:#000; text-shadow: 0px 0px 0px #ddd;}

 /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
li>ul {top: auto;left: auto;}

/* lists nested under hovered list items */
ul#nav li:hover ul, ul#nav li.over ul { display: block;}
ul#nav li:hover ul li ul, ul#menu li.over ul li ul {display:none;}
ul#nav li ul li:hover ul, ul#menu li ul li.over ul {display:block;}
ul#nav li:hover ul li ul li ul, ul#menu li.over ul li ul li ul{display:none;}
ul#nav li ul li ul li:hover ul, ul#menu li ul li ul li.over ul {display:block;}
ul#nav li:hover ul li ul li ul li ul, ul#menu li.over ul li ul li ul li ul{display:none;}
ul#nav li ul li ul li ul li:hover ul, ul#menu li ul li ul li ul li.over ul {display:block;}

/************** Slider Area ***************/

.slider_nav {width:100%;text-align: center; }
.slider_nav p {margin:0;padding:0;}
#handles a {width:16px;height:16px;overflow: hidden;padding:0 6px;text-decoration: none;outline: none;}
#box{position:absolute;}
#box div{width:980px;height:400px;float:left;}
#info{background:#fff !important;color:red !important;cursor:default}
.info{width:240px;height:50px;background:#000;position:absolute;}
.info p, .info h4{color:#fff;padding:3px 8px;font-family:Arial;}
.info h4{font-size:14px;}
.info h4 a{float:right;background:#fff;color:#000;font-size:10px;padding:0 3px;text-decoration:none}
.mask1{position:relative;width:980px;height:400px;overflow:hidden;}
.mask2{position:relative;width:240px;height:180px;overflow:hidden;}
.mask3{position:relative;width:480px;height:240px;overflow:hidden;}

/* Joomla default classes*/
.componentheading {margin:.3em 0;}
ul.pagination li {float:left;list-style:none;padding:3px;}

/******************* Joomla internal classes/HTML overwrite classes ********************/
.leading{font-size:1.2em;border-bottom:1px solid #ddd;padding:0 0 0px 0;}
.leading_separator{display: block;height: 10px;margin: 0 0 0px 0;}
.article_separator{display: none;margin: 0px 0 0px 0;}
.blog { padding: 0; }
.cols1{display: block;float: none !important;margin: 0 !important;}
.cols2 { width: 48%; }
.cols3 { width: 32%; }
.cols4 {float:left; width:21%; margin:1%;}
.column1 , .column2{margin: 0 0px 0 0;position: relative;}
.column2 , .column1{float: left;margin: 0;}
.column2, .column3 {padding-left:2%;}
.article_row{overflow: hidden;}
.article_column{}
.row_separator2{display: block;clear: both;margin: 0;border: solid 0px;}
.article_column {float:left; }
.articleinfo span {width:100%;float:left;font-size:.88em;}
.articleinfo {margin:0px 0 0 0;float:left;width:100%;display: block;}
.buttonheading {float:left;margin-top:0px;position:relative;width:100%;}
.buttonheading a {}
.modifydate, .createdby, .createdate {font-size:.88em; color:#888; font-style: italic;}

body {background-color:#fff; color:#666;}
.wrapper {background-color: #fff; background-image: url(../images/main_bck.jpg); background-repeat: repeat-x; background-position: top;}
.above {display: none;}
a {color:#7d9409; font-weight: 700;}
blockquote {font-family: Georgia, serif;font-style: italic; color:#999; font-size:1.3em; font-weight: lighter; letter-spacing: -.05em;}
a.readon {text-decoration: none; color:#fff; background-color: #7d9409; padding:5px 10px; line-height: 26px; margin-top:3px; background-image: url(../images/menu_active.jpg); background-position: center;}

.button {text-decoration: none; color:#fff; background-color: #7d9409; padding:5px 10px; line-height: 12px; margin-top:3px; background-image: url(../images/menu_active.jpg); background-position: center; border:none;}

/************** Layout and structurizing styles **************/
.logo, .topmenu {float:left;width:auto;}
.topmenu {margin:5px 0 0 0px;}
.top_right_corner .search {float:right;width:auto;}

/************** Typography styles **************/
h1, h2, h3, h4, h5, h6, .componentheading {font-weight:300;color:#111; margin:0; padding:0;}
.componentheading {font-size:1.8em; text-shadow: 1px -1px 3px #eee;font-style: inherit;line-height:1em; margin-top:5px; font-weight: 300; }
h1 {font-size:3em; color:#000; line-height: 132%;}
h2 {font-size:2.5em; }
h3, .contentheading {font-size:1.8em;letter-spacing: 0px;font-style: inherit;line-height:1em; margin:.3em 0; font-weight: 300;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:400;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:400;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.centered {text-align: center;}
.componentheading {margin-bottom:20px;}
.logo h1 { line-height: 1em; padding:0; margin:0;}
.footer h3, .subfooter h3 {color:#666;}

/************** Navigation styles **************/
.topmenu ul {float:left; margin:12px 0 0 1px; }
.topmenu ul li a:link, .topmenu ul li a:visited {color:#000;text-decoration: none;display:block;padding:20px 17px 20px 17px;margin:0px; border-right:1px solid #eee; }
.topmenu ul li a:hover {color:#fff; background-image: url(../images/menu_active.jpg);}
.topmenu ul li#current a:link, .topmenu ul li#current a:visited, ul#nav li ul li a:link, ul#nav li ul li a:visited, ul#nav li.active ul li a:link, ul#nav li.active ul li a:visited  {color:#fff; background-image: url(../images/menu_active.jpg);}
.topmenu ul li#current a:hover, ul#nav li.active ul li a:hover, ul#nav li ul li a:hover {color:#fff; background-image: url(../images/menu_active.jpg);}

/************** Slider Styles **************/

.slider_nav {margin-top:-40px; margin-bottom:60px; position:relative; z-index:1000000;}
#handles a {background:none; background-image: url(../images/unused.png);background-repeat: no-repeat;  width:18px;height:18px;overflow: hidden;padding:0 6px;text-decoration: none;outline: none; opacity:.9; filter:Alpha(opacity=90);}
#handles .active a, #handles a:hover {background-image: url(../images/used.png); position:center center;}

/* second-level lists */
ul#nav li ul { top: 56px;left: 0;}

/************** Slim Box **************/
#lbOverlay {	position: fixed;	z-index: 9999;	left: 0;top: 0;	width: 100%;	height: 100%;background-color: #000;	cursor: pointer;}
#lbCenter, #lbBottomContainer {	position: absolute;	z-index: 9999;	overflow: hidden;	background-color: #fff;}
.lbLoading {	background: #fff url(../images/loading.gif) no-repeat center;}
#lbImage {	position: absolute;left: 0;	top: 0;	border: 10px solid #fff;	background-repeat: no-repeat;}
#lbPrevLink, #lbNextLink {	display: block;	position: absolute;	top: 0;	width: 50%;	outline: none;}
#lbPrevLink {	left: 0;}
#lbPrevLink:hover {	background: transparent url(../images/prevlabel.gif) no-repeat 0 15%;}
#lbNextLink {	right: 0;}
#lbNextLink:hover {	background: transparent url(../images/nextlabel.gif) no-repeat 100% 15%;}
#lbBottom {	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;	font-size: 10px;	color: #666;	line-height: 1.4em;	text-align: left;	border: 10px solid #fff;	border-top-style: none;}
#lbCloseLink {	display: block;	float: right;	width: 66px;	height: 22px;	background: transparent url(../images/closelabel.gif) no-repeat center;	margin: 5px 0;	outline: none;}
#lbCaption, #lbNumber {	margin-right: 71px;}
#lbCaption {	font-weight: bold;}
.enlarge { background:url(../images/enlarge.png) no-repeat top left;  padding:5px -10px 15px 28px; position:relative;  z-index:1000; margin:-6px -14px 0 0; display:block; float:left; width:24px;
height:24px;}
.lightbox_image {float:left;padding:0 10px 0px 0;}

/************** Custom Classes **************/
.border {border-right:1px solid #eee;}
.topmenu {float:left;width:100%;height:86px;background-image: url(../images/mainmenu.png);background-repeat: no-repeat;background-position: top;}
.header p {margin:0px; padding:0px;}
.logo {padding:40px 0 10px 0;text-shadow: 2px -2px 7px #000;}
.top_right_corner {position:relative; top:40px; float:right; }
form.search label {display:none;}
.header_wrapper {background-image: url(../images/header_shadow.png); background-position: bottom center; background-repeat: no-repeat; float:left; width:100%;}
.header .container{background-image: url(../images/header_bck.png); background-position:bottom; background-repeat: no-repeat; padding:20px 0 22px 0; margin-bottom:-10px;}
.search input {font-size:12px; padding:3px; background-image: url(../images/input_bck.jpg); background-repeat: repeat-x; color:#999; border-top:1px solid #ccc; border-left:1px solid #ccc;}
.footer {background-color:#292929; color:#666; padding:20px 0 25px 0;  background-image: url(../images/footer_bck.jpg); background-position: top; background-repeat: repeat-x;}
.main{padding:0 0 1 0px; background-image: url(../images/gradient_bottom_dark_big.png); background-position: bottom; background-repeat: repeat-x;}
.icon {float:left; width:48px; padding-right:10px;}
.big_icon {float:right; padding:0px 0px 40px 20px;}
.subfooter {color:#888; font-size:.9em; padding:20px 0; background-image: url(../images/header_bck.png); background-position:top; background-repeat: no-repeat;}
.main ul.menu li {list-style:none;}
.main ul.menu li a{text-decoration:none; border-top:1px solid #ddd; padding:5px; display:block;}
.bottom_block {border-top:1px solid #eee; border-bottom:0px solid #eee;padding-top: 30px;}
.top25_content {padding:0 20px; width:940px; margin-bottom:0px;margin-top:20px;}
.moduletable_arrow {background-image: url(../images/next_arrow.png); background-position: center right; background-repeat: no-repeat; padding-right:30px;}
.moduletable_right {background-image: url(../images/right_bck.png); background-position: bottom left; background-repeat: no-repeat; padding:20px 0 20px 20px; margin-left:-27px; margin-top:-10px;}
.pathway_nav {border-bottom:1px solid #eee;}

/******************* Joomla internal classes/HTML overwrite classes ********************/
.leading{border-bottom:0px solid #ddd;}

.subheader {float:left; width:100%; display:block;margin-top:-170px; z-index:1000; position:relative; background-color:#99cc00; opacity:.85; color:#333; background-image:url(../images/subheader_bck.jpg); background-position: bottom; background-repeat: repeat-x; border-top:1px solid #99cc00; border-bottom:1px solid #99cc00; padding-bottom:-3px;}
.subheader .container {   width:980px; padding:0px; }
.subheader a {color:#333;}
.subheader a:hover {text-decoration:none;}
.subheader .moduletable {padding-top:10px; padding-bottom:10px;padding-left:20px;}
.subheader h3 {color:#000;}