/* @override 
	http://showcase.joomlabamboo.com/new_media/templates/JB_New_Media/css/template_css.css
	http://showcase.joomlabamboo.com/new_media/templates/JB_New_Media/css/template_css2.css
	http://localhost:8888/Joomla/QuickStart/New_Media_J15/templates/JB_New_Media/css/template_css.css
*/

/* @group Global Reset */
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;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
} 

tbody tr td  {text-align: justify;}

:focus {outline: 0;}
body {line-height: 1;color: black;}

ul li {list-style-type: disc;}
ol li {list-style-type: decimal;}
/* tables still need 'cellspacing="0"' in the markup */

table {border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
} 
html {margin:0;padding:0;height: 100%;}
/* @end */
 
body {margin: 0;padding: 0;font-family: georgia;background: #333;color: #444; line-height: 1.8;font-size: 82.5%;text-align: justify;height: 100%;}

.outer_wrapper {width: 980px;background: #fafafa;margin: 20px auto 0;}

/* @group Very Top */
#vtop_wrapper {background: #F5F5F5;height: 30px;margin: 0px auto 0;overflow: hidden;border: 1px solid #eee;width: 100%;} 
#vtop_inner {width: 100%;float: left;}
#vtop_left {width: 70%;float: left;}
#vtop_right {float: right;width: 25%;}
#vtop_inner ul li {float: left;padding: 4px 0 0 0}
#vtop_inner ul li a {text-decoration: none;padding: 8px 16px 8px 16px;text-align: center;border-right: 1px solid #eeeddd;}
#vtop_inner ul li a:hover {background: url(../images/vtopnav_active.gif) no-repeat left center;}
#vtop_wrapper .moduletable {float: left;margin-right: 10px;}
 
/* @end */


/* @group Header Logo Area */
#header_wrapper {width: 100%;float: left;height: 100px;background: #F5F5F5 url(../images/new_media_logo2.jpg) no-repeat -1px top;overflow: hidden;border: 1px solid #eee;border-width: 0 1px;}
#header_left {padding-left: 520px}
#header_right {height: 100px;width: 252px;float: right;border-left: 1px solid #eee;background: #fafafa;padding: 4px 10px;font-size: 90%;}
#header_right ul {margin: 0;}
#datediv {height: 23px;padding: 4px 4px 4px 12px;width: 190px;float: right;text-align: right;}
/* @end */

/* @group Nav */
#nav_wrapper {width: 100%; height: 70px;border: 1px solid #eee;border-width: 0 1px;float: left;margin-left: 0}
#nav_left {float: left;background: url(../images/nav_bg.jpg) repeat-x;width: 707px;height: 70px;overflow: hidden;border-top: 1px solid #eee;border-bottom: 1px solid #eee;}
#nav_right {height: 51px;padding:10px 0;width: 272px;float: right;border-left: 1px solid #eee;border-top: 1px solid #eee;background: #fafafa;}
#nav_right .inputbox {border: 1px solid #eee;line-height: 120%;font-size: 120%;color: #666;margin-left: 12px;padding: 4px;width: 200px;margin-top: 10px;background: url(../images/search.gif) no-repeat 4px center;padding-left: 30px;}
#nav_wrapper ul {padding-left: 4px;margin-top: 11px}
#nav_wrapper ul li {float: left;list-style-type: none;margin-right: 0px;background: url(../images/sep.png) right top no-repeat;}
span.sublevel {margin-left: 10px;}
#nav_wrapper ul li li {height: 24px;margin-top: -8px;padding-right: 10px;margin-left: 0px;font-size: 90%;}
#nav_wrapper ul li a {padding: 11px 10px 8px;text-decoration: none;font-size: 130%;color: #5A5A5A;text-align: center;padding: 0px 12px;}
#nav_wrapper ul li a#active_menu,#nav_wrapper a.mainlevel_active {margin: 0;padding: 0px 10px 8px;background: url(../images/nav_active.png) no-repeat center bottom;}
#nav_wrapper ul li a:hover {margin: 0;padding: 0px 12px 8px;background: url(../images/nav_active.png) no-repeat center bottom;}

/* @group Superfish */

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}



/*** adding the class sf-navbar in addition to sf-menu creates an all-horizontal nav-bar menu ***/
.sf-navbar {

	height:			2.5em;
	padding-bottom:	2.5em;
	position:		relative;
}
.sf-navbar li {

	position:		static;
}
.sf-navbar a {
	border-top:		none;
}
.sf-navbar li ul {
	
	width:			700px; /*IE6 soils itself without this*/
}
.sf-navbar li li {

	position:		relative;
}
.sf-navbar li li ul {
	width:			13em;
}
.sf-navbar li li li {
	width:			100%;
}
.sf-navbar ul li {
	width:			auto;
	float:			left;
}
.sf-navbar a, .sf-navbar a:visited {
	border:			none;
}


ul.sf-navbar .current ul,
ul.sf-navbar ul li:hover ul,
ul.sf-navbar ul li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
}
ul.sf-navbar .current ul ul {
	top: 			-999em;
}

.sf-navbar li li.current > a {
	font-weight:	bold;
}


/* @end */
#pathwaydiv {text-align: right;width: 98%;padding-right: 2%;height: 20px;float: left;padding: 8px 0;}
a.pathway {text-decoration: none;}

/* @end */
/* @group Main Area */
#advert1 {width: 94%;background: #F5F5F5;border: 1px solid #ddd;margin-top: 20px;padding: 10px;}

#above_content {float: left;padding-bottom: 10px;}
#above_content .moduletable {margin-bottom: 10px;float: left;width: 100%;}
#main_wrapper {clear: both;width: 100%;float: left;background:#fff}
#main_mid {clear: both;width: 100%;float: left;border: 1px solid #eee;background: url(../images/bg.jpg) right top repeat-y}
#main_left {float: left;width: 150px;margin-left: 10px;}
#main_content {float: left;width: 70%;padding: 0px 0 20px;margin: 0px 0 0 15px!important;margin: 0 0 0 8px;}

#main_body {float: left;width: 100%;margin-top: 20px;}
#right {float: right;width: 260px!important;padding-left: 10px!important;padding-left:0}
#right h3 {border-bottom: 4px solid #eee;margin-bottom: 8px;padding-top: 8px;}
#right .moduletable {margin-bottom: 20px;}
#right ul li {list-style-type: none;list-style-position: inside;padding: 6px 0;background: url(../images/right_bullet.gif) no-repeat left center;padding-left: 25px;}
#right ul li a {text-decoration: none;}
/* @end */

/* @group Below Content */

.below_content {border-top: 2px solid #F1F1F1;width: 98%;padding: 10px 0 20px;float: left;}
.below_content .moduletable {float: left;width: 32%;margin-right: 1%;}
.below_content ul li {list-style-type: none;}
.below_content ul li a {background: url(../images/pencil.jpg) no-repeat;padding-left: 20px;text-decoration: none;}

/* @end */

/* @group Bottom Area */

#bottom_wrapper {float: left;background: #F5F5F5;width: 100%;padding: 10px 0 20px;border: 1px solid #eee;border-width: 0 1px;}
#bottom_inner {margin-left: 10px;}
#bottom_inner .moduletable-100 {width: 100px;float: left;margin: 10px 0 0 10px;background: #fff;padding: 10px;border: 1px solid #eee;}
#bottom_inner .moduletable-150 {width: 150px;float: left;margin: 10px 0 0 10px;background: #fff;padding: 10px;border: 1px solid #eee;}
#bottom_inner .moduletable-200 {width: 200px;float: left;margin: 10px 0 0 10px;background: #fff;padding: 10px;border: 1px solid #eee;}
#bottom_inner .moduletable-250 {width: 250px;float: left;margin: 10px 0 0 10px;background: #fff;padding: 10px;border: 1px solid #eee;}
#bottom_inner .moduletable-300 {width: 300px;float: left;margin: 15px 0 0 10px;background: #fff;padding: 10px;border: 1px solid #eee;}
#bottom_inner .moduletable-350 {width: 350px;float: left;margin: 10px 0 0 10px;background: #fff;padding: 10px;border: 1px solid #eee;}
#bottom_inner .moduletable-400 {width: 400px;float: left;margin: 15px 0 0 10px;background: #fff;padding: 10px;border: 1px solid #eee;}
#bottom_inner .moduletable-450 {width: 450px;float: left;margin: 10px 0 0 10px;background: #fff;padding: 10px;border: 1px solid #eee;}
#bottom_inner .moduletable-500 {width: 500px;float: left;margin: 10px 0 0 10px;background: #fff;padding: 10px;border: 1px solid #eee;}
#bottom_inner .moduletable-550 {width: 550px;float: left;margin: 10px 0 0 10px;background: #fff;padding: 10px;border: 1px solid #eee;}
#bottom_inner .moduletable-600 {width: 600px;float: left;margin: 10px 0 0 10px;background: #fff;padding: 10px;border: 1px solid #eee;}
#bottom_inner .moduletable-650 {width: 650px;float: left;margin: 10px 0 0 10px;background: #fff;padding: 10px;border: 1px solid #eee;}
#bottom_inner .moduletable-700 {width: 700px;float: left;margin: 10px 0 0 10px;background: #fff;padding: 10px;border: 1px solid #eee;}
#bottom_inner .moduletable-750 {width: 750px;float: left;margin: 10px 0 0 10px;background: #fff;padding: 10px;border: 1px solid #eee;}
#bottom_inner .moduletable-800 {width: 800px;float: left;margin: 10px 0 0 10px;background: #fff;padding: 10px;border: 1px solid #eee;}
#bottom_inner .moduletable-850 {width: 850px;float: left;margin: 10px 0 0 10px;background: #fff;padding: 10px;border: 1px solid #eee;}
#bottom_inner .moduletable-900 {width: 900px;float: left;margin: 10px 0 0 10px;background: #fff;padding: 10px;border: 1px solid #eee;}
#bottom_inner .moduletable-950 {width: 950px;float: left;margin: 10px 0 0 10px;background: #fff;padding: 10px;border: 1px solid #eee;}

/* @end */

/* @group Very Bottom */
#vbottom {width: 976px;margin: 0 auto}
#vbottom_wrapper {margin: 0px auto;height: 50px;float: left;width: 100%;color: #eee;}
#vbottom_wrapper a {color: #ddd;text-decoration: underline;}
#vbottom_left {margin-top: 15px;float: left;width: 45%;margin-left: 10px;}
#vbottom_right {margin-top: 15px;float: right;width: 45%;text-align: right;margin-right: 10px;}

/* @end */

/* @group Typography */

/* @group Lists */

ul {margin: 8px 0;}
ul li {list-style-position: inside;list-style-type: disc;}
#main_left li,#vtop_wrapper li {list-style-type: none;}
#main_left li,#vtop_wrapper ul {margin: 0;}

ul.bullet li {background: url(../images/bullet_square.jpg) no-repeat left center;list-style-type: none;padding-left: 20px;list-style-position: inside;}
/* @end */


p {margin: 8px 0;}
a {color: #333;}
a:hover {text-decoration: underline;color: #999;}
a.latestnews {text-decoration: none;}
b, strong {font-weight: bold;}
em, italic {font-style: italic;}
/* @group Headings */

h1,.componentheading {font-size: 170%;}
h2,.contentheading {font-size: 150%;color: #434343}
h3 {font-size: 130%;color: #3B6686;}
h4 {font-size: 110%;}
h5 {font-size: 90%;}
h6,.createdate,small, .modifydate {font-size: 80%;}

/* @end */

/* @group Styles and Classes */

blockquote,.blockquote {font-size: 160%;background: url(../images/quote.jpg) no-repeat left center;padding-left: 100px;}

.blockquote_small {font-size: 120%;background: url(../images/quote_small.jpg) no-repeat left center;padding-left: 70px;padding-bottom: 10px;}
.code {font-family: courier;background: #eee;padding: 10px;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;}

.pencil {background: url(../images/pencil.jpg) no-repeat left center;padding-left: 30px;}
.search {background: url(../images/search.gif) no-repeat left center;padding-left: 30px;}
div.search {background: none;padding: 0;}
.star {background: url(../images/star.gif) no-repeat left center;padding-left: 30px;}
ul.pencil li {background: url(../images/pencil.jpg) no-repeat left center;padding-left: 30px;list-style-type: none;list-style-position: inside;margin: 0;padding: 2px 0 2px 25px;}
ul.pencil {background: none;padding: 0}
ul.square li {background: url(../images/bullet_square.jpg) no-repeat left center;padding-left: 30px;list-style-type: none;list-style-position: inside;margin: 0;padding: 2px 0 2px 25px;}
ul.square {background: none;padding: 0}
.border {padding: 4px;border: 1px solid #eee;background: #fff;}
.floatleft {float: left;margin-right: 10px;}
.clear {clear: both;}

/* @end */

/* @end */

/* @group Joomla Stuff */

.blog {padding-right: 10px;width: 100%;}
table.contentpaneopen {width: 100%!important;width:98%;padding: 0 16px 0 0!important;padding:0 16px 0 30px;}

td.buttonheading {padding: 0 4px;}
table.contenttoc {margin-left: 10px;margin-bottom: 10px;}
a.readon {background: url(../images/readon.png) no-repeat right center;padding: 10px;float: right;padding-right: 40px;text-decoration: none;text-transform: uppercase;}
.moduletable-line {border-top: 1px solid #eee;margin-top: 10px;float: left;padding-top: 10px;}

#contact_text,#contact_name,#contact_email,#contact_subject {border: 1px solid #ddd;font-size: 120%;padding: 4px;}
/* @end */
 


/* @group JB Slideshow */
#slideshow2  {width: 640px;height: 260px;}
/* @group NewsTicker */
#news-ticker{ height:100px; overflow:hidden; margin-top:-90px;position: absolute; z-index: 2;padding-right: 10px;width: 630px;} 
#news-ticker div{ height:140px; overflow: hidden; padding:8px;line-height: 150%;width: 630px;padding-right: 12px;z-index: 3;color: #333;} 
#news-ticker a.latestnews {font-size: 100%;color: #3B6686;text-decoration: none;margin-bottom: 12px;padding-bottom: 10px;}
/* @end */

/* @end */

 /* @group Micro Blog CSS */
.microwrap_gradient{float: left;width: 310px!important;width:310px;margin-bottom: 20px;margin-right: 30px!important;margin-right:15px}
.microwrap_simple{float: left;width: 640px;}
.microwrap_simple .microitem {background: none;border: none;width: 660px;padding: 0 0 10px 0;}
.microitem {float: left;margin: 2px 0 0 0;padding: 8px;width: 100%;background: #fff url(../images/micro_gradient.jpg) repeat-x;border: 1px solid #E9E9E9;}
.microitem li {list-style-type: none;}
.microitem p {padding: 0px 0 8px;margin: 0}
.moduletable-news h3 {font-size: 150%;color: #414141;border-bottom: 1px solid #ddd;margin-bottom: 4px;padding: 0;}
.microitem a,.microtitle {color: #434343;font-size: 150%;text-decoration: none;}
.microdate_wrap {float: left;font-size: 120%;color: #741111;}
.micromore {float: right;text-align: center;margin-left: 4px;font-size: 80%;width: 110px;}
.micromore img {margin-left: 8px}
a.ucd_readon {text-decoration: none;color: #164163;background: url(../images/more.jpg) no-repeat right center;font-size: 100%;padding-right: 30px;}
.microtime {font-size: 90%;padding-left: 8px;}
.details {border-top: 1px solid #ddd;padding: 8px 0;}

/* @end */



/* @group Mod Section */
.sections_5 {float: left;width: 14.5%;background: #fff;padding: 10px 20px!important;padding: 10px 15px;border: 1px solid #ddd;margin: 15px 5px 10px!important;margin: 15px 8px 10px}
.sections_4 {float: left;width: 18.5%;background: #fff;padding: 10px 20px;border: 1px solid #ddd;margin: 15px 9px 10px;}
.sections_3 {float: left;width: 26.5%;background: #fff;padding: 10px 20px;border: 1px solid #ddd;margin: 15px 10px 10px;}
.sections_2 {float: left;width: 43%;background: #fff;padding: 10px 20px;border: 1px solid #ddd;margin: 15px 10px 10px;}
.sections_1 {float: left;width: 92.5%;background: #fff;padding: 10px 20px;border: 1px solid #ddd;margin: 15px 10px 10px;}
.sections {float: left;background: #fff;padding: 10px 20px;border: 1px solid #ddd;margin: 15px 5px 10px;}
.sections_5 h2 a,.sections_4 h2 a,.sections_3 h2 a,.sections_2 h2 a,.sections_1 h2 a,.sections h2 a {text-decoration: none;background: url(../images/sections_bullet.gif) right center no-repeat;padding: 0px 30px 0px 4px ;}

.sections_5 img,.sections_4 img,.sections_3 img,.sections_2 img,.sections_1 img {padding: 4px;border: 1px solid #ddd;background: #fff;}

/* @end */
/* @group Section Overview */
ul li.section_overview {width: 300px;margin-right: 10px;float: left;}
li.section_overview {background: url(../images/pencil.jpg) no-repeat left center;padding: 4px 0 4px 20px;text-decoration: none;list-style-type: none;float: left;margin-right: 0px;width: 45%}
ul.section_overview li a {text-decoration: none;}
.line {}
.overviewdesc {margin: 8px 0;width: 96%;}
/* @end */