/**** Element Styles **********************************/
body {
	/*background: url(/images/jdg_main_bg.gif) no-repeat right top;*/
	COLOR: #787878; LINE-HEIGHT: 1.166; margin:0 auto; padding:0; min-width: 83.2em; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 12px; text-align: center; background-color: #ffffff;
}

a {COLOR: #5d5d5d; TEXT-DECORATION: none}
a:link {COLOR: #5d5d5d; TEXT-DECORATION: none}
a:visited {COLOR: #5d5d5d; TEXT-DECORATION: none}
a:hover {COLOR: #5d5d5d; TEXT-DECORATION: underline}

h1 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 120%; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #334d55; PADDING-TOP: 0px;
	FONT-FAMILY: Verdana,Arial,sans-serif
}
h2 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 114%; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #006699; PADDING-TOP: 0px;
	FONT-FAMILY: Arial,sans-serif
}
h3 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 100%; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #334d55; PADDING-TOP: 0px;
	FONT-FAMILY: Arial,sans-serif
}
h4 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: normal; FONT-SIZE: 100%; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #333333; 
	PADDING-TOP: 0px; FONT-FAMILY: Arial,sans-serif
}
h5 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 100%; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #334d55; PADDING-TOP: 0px; 
	FONT-FAMILY: Verdana,Arial,sans-serif
}
h6 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 80%; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #334d55; PADDING-TOP: 0px; 
	FONT-FAMILY: Verdana,Arial,sans-serif; text-align:left; FONT-WEIGHT: normal;
}
ul {LIST-STYLE-TYPE: square; margin-bottom: 0px;}
ul ul {LIST-STYLE-TYPE: disc}
ul ul ul {LIST-STYLE-TYPE: none}
label {FONT-WEIGHT: bold; FONT-SIZE: 100%; COLOR: #334d55; FONT-FAMILY: Arial,sans-serif}
table {font-size: 11px;}
/**** End Element Styles **********************************/

/**** QDigital Frontend Specific Styles **************************************/
#logos {text-align: center;}
/**** End QDigital Frontend Specific Styles **********************************/

/**** Layout Styles **************************************/
/* NOTE: Change max-width and min-width in ie.css */
.box {MARGIN: 0px 1em; FONT-SIZE: 92%; LINE-HEIGHT: 1.18em}
.clear {CLEAR: both}
#columns {background: url(images/jdg_body_bg_s1.gif) }
#col-a {FLOAT: right; WIDTH: 100%}
[id]#col-a {MARGIN-LEFT: -1px}
#col-b {Z-INDEX: 10; FLOAT: left; MARGIN-LEFT: -14em;OVERFLOW: hidden; WIDTH: 13.9em; POSITION: relative;}
[id]#col-b {MARGIN-RIGHT: 1px}
#col-c {Z-INDEX: 11; FLOAT: right; MARGIN-RIGHT: -18em;OVERFLOW: hidden; WIDTH: 17.9em; POSITION: relative}
[id]#col-c {MARGIN-LEFT: 1px}
.cols-wrapper {WIDTH: 100%; BORDER-RIGHT: 0px; BORDER-TOP: 0px; MARGIN: 0px -1px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0;}
#container {MIN-WIDTH: 83.2em; MAX-WIDTH: 83.2em; MARGIN: 0px auto; BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px}
[class].cols-wrapper {PADDING-BOTTOM: 0px}
.float-wrapper {FLOAT: left; WIDTH: 100%; POSITION: relative}
[class].float-wrapper {MARGIN-RIGHT: -1px}
.hide-both .cols-wrapper {MARGIN: 0px; BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: solid}
.hide-left #columns {PADDING-RIGHT: 18em; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px}
.hide-left .cols-wrapper {MARGIN-LEFT: 0px; BORDER-LEFT-STYLE: none}
.hide-right #columns {PADDING-RIGHT: 0px; PADDING-LEFT: 14em; PADDING-BOTTOM: 0px; PADDING-TOP: 0px}
.hide-right .cols-wrapper {MARGIN-RIGHT: 0px; BORDER-RIGHT-STYLE: none}
.none {DISPLAY: none}
.show-all #columns {PADDING-RIGHT: 18em; PADDING-LEFT: 14em; PADDING-BOTTOM: 0px; PADDING-TOP: 0px}
.sidecol {COLOR: #333}
.sidecol UL {PADDING-RIGHT: 0px; PADDING-LEFT: 1.5em; PADDING-BOTTOM: 0px; PADDING-TOP: 0px}
/**** End Layout Styles **********************************/

/**** Frontend Specific And Navigation Styles *************************************/
.article {font-size: 11px;}
.articletitle {font-size: 16px; color: #666666; font-weight: bold;}

#bookmark {align: left; float: right; padding-right:30px; padding-top: 10px;}
#bookmark h6 {font-size: 11px; color: #FFFFFF;}
#bookmark a { font-size: 11px; color: #FFFFFF; text-decoration: none; }
#bookmark a:hover {text-decoration: underline; }

#breadcrumb {
	position: relative; float: left; top: 60px; left: 190px;
	vertical-align:middle; text-align:left;
	PADDING-RIGHT: 0px; PADDING-LEFT: 10px; FONT-SIZE: 70%; PADDING-BOTTOM: 0px; PADDING-TOP: 2px;
	FONT-SIZE: 8pt; LINE-HEIGHT: 20px;
}
#breadcrumb a{color:  #006699;}

.byline {font-size: 11px; color: #666666; font-weight: bold; }
.cap {font-size: 10px; color: #666666; font-weight: normal;}

/* NOTE marging: 0 auto; centralises a <div> tag, this must be done for Firefox*/
#content {width:95%; float:left; margin: 10px 10px 10px 10px}
#content a:link {color:  #CC6600;} 
#content a:visited {color: #CC6600;} 
#content a:hover {color: #CC6633;} 
#contentnav {font-size: 11px; color: #333333; font-weight: normal; vertical-align:middle;}
#contentnav a:link {color: #333333;} 
#contentnav a:visited {color: #333333;} 
#contentnav a:hover {color: #666666;} 
.contentbtn {font-size: 11px; color: #666666; font-weight: normal; width:auto;}
.contentnav {font-size: 11px; color: #333333; font-weight: normal; vertical-align:middle;}

#footer {background: url(images/jdg_btm_bg_s1.gif) repeat-x; height: 100px; padding-top: 30px;}
#footer a {color: #ffffff; text-decoration: none;} 
#footer a:link {color: #ffffff; text-decoration: none;} 
#footer a:hover {color: #ffffff; text-decoration: underline;} 
#footerLinks {
	FONT-SIZE: 8pt; LINE-HEIGHT: 20px; TEXT-ALIGN: center; width: 95%;
	PADDING-TOP: 5px; PADDING-BOTTOM: 5px; PADDING-LEFT: 10px; PADDING-RIGHT: 0px; 
}

.listtitle {font-size: 11px; font-weight: bold; text-indent: 0px}
.listbyline {font-size: 10px; color: #787878; text-indent: 0px}
.listmore {font-size: 11px; color: #000000; font-weight: bold; text-indent: 0px}

#masthead {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; WIDTH: 100%; PADDING-TOP: 0px; BORDER-BOTTOM: 0px; margin: 0; 
	width: auto; background-image:url(images/jdg_head_s1.gif); height: 280px;
}
#masthead_image {}
#masthead h1 {font-size: 8pt; color: #eff3d0; font-style:normal; position: absolute; top: 0px; float: left;}
#masthead h2 {text-align:left; font-size: 140%; color:#006699;}

#navLeftBar {margin:0; padding: 0; text-align: left; border-right: 0; border-bottom: 0; }
#navLeftBar ul a:link {DISPLAY: block}
#navLeftBar ul a:visited {DISPLAY: block}
#navLeftBar ul {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none}
#navLeftBar li {BORDER-BOTTOM: #eee 1px solid}
	
#navRightBar {background-color: #eeeeee; text-align:center;}
#navRightBar ul a:link {DISPLAY: block}
#navRightBar ul a:visited {DISPLAY: block}
#navRightBar ul {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none}
#navRightBar li {BORDER-BOTTOM: #eee 1px solid}

#pageform {}
#pf_send {font-size: 11px; color: #666666; font-weight: normal; width:auto;}
.pfstatus {font-size: 11px; color: #666666; font-weight: bold; vertical-align:middle;}
#pageerror {font-size: 10px; color: #CC0000;}
.pagehead {font-size: 16px; color: #666666; font-weight: bold;}
#pagekeys {position: relative; left: 5px; top: -4px;}
#pagekeys h1{font-size: 1px; color: #000000;}
#pagename {position: relative; left: 180px; top: 295px; text-align:left; font-size:14px; font-weight:bold;}
#pagenavbar {LINE-HEIGHT: 10px;}
#pagenavbar a:link {color: #006699;}
#pagenavbar a:visited {color: #006699;}
#pagenavbar a:hover {color: #0066FF;}
#pagenavbar select {width: 50px; font-size: 12px; font-weight: normal;  }
.pagenavbar {font-size: 12px; color: #006699; font-weight: bold; vertical-align: top;}
.currentpage {color:#CC0033;}

#search {position: relative; left: 20px; top: 10px; text-align:left;}
#search FORM {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; color:#FFFFFF}
#searchkey {WIDTH: 100px;}
#goButton {WIDTH: 30px;}
#search LABEL {PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px}
#searchtime { font-size: 11px; color: #000000; text-align: right;}	

.sectionLinksheader {font-size: 12px; color: #ffffff; font-weight: bold; background:url(images/jdg_side_top.gif); height: 20px; padding: 10px;}
.sectionLinksfooter {background:url(images/jdg_side_btm.gif); height: 10px; }
.sectionLinks {POSITION: relative; left: 7px; FONT-SIZE: 100%;}
.sectionLinks a {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 10px; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; font-size: 11px; 
	color: #ffffff; background:url(images/jdg_side_lnk.gif);
}
.sectionLinks a:hover {color: #ffffff; background:url(images/jdg_side_lnk_hover.gif) #ffffff;} 
.sectionLinks li {line-height: 20px;}

#siteInfo {
	CLEAR: both; PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; 
	FONT-SIZE: 8pt; TEXT-ALIGN: center; color: #FFCC00
	
}
#siteInfo IMG {PADDING-RIGHT: 4px; PADDING-LEFT: 10px; PADDING-BOTTOM: 4px; VERTICAL-ALIGN: middle; PADDING-TOP: 4px}
.spacer {font-size: 5px; height: 5px;}
#top {background-image:url(images/jdg_navbar_bg_s1.gif); height: 70px;}
/**** End Frontend Specific And Navigation Styles **********************************/

/**** Frontend PageTools and Module Styles *************************************/
.clsT {font-size:10px;}
.formhead {font-size: 12px; color: #666666; font-weight: bold; background-color:#f3f3f3;}
.formsubhead {font-size: 10px; color: #666666; font-weight: bold; background-color:#f3f3f3; padding-top: 5px;}
.formfieldbold {font-size:10px; font-weight:bold; vertical-align:middle;}
.formfield {font-size:10px; vertical-align:middle;}
.formsubfield {font-size: 9px; color: #666666; font-weight: normal; width:auto; vertical-align:middle;}
.formentry {font-size: 10px; background-color:#CCCCCC;}
.formdisplay {font-size: 11px; font-weight:bold; }
.formnote {font-size:10px;}
.formreq {font-size: 8px; color: #FF0000;}
.formhighlight {font-size: 10px; font-weight:bold; color:#CC0000}
.sectionhead {font-size: 12px; color: #006699; font-weight: bold; background-color:#EEEEEE;}
.status {font-size: 10px; color:#009933;}
.error {font-size: 10px; color:#FF3300;}
.weatherheadT {border-left: #EEEEEE; border-right: #EEEEEE; border-bottom: #EEEEEE; background:#FFFFFF;}
.weatherhead { background-color:#CCCCCC; height: 30px; color:#333333; font-size: 12px; vertical-align:middle;}
/**** End Frontend PageTools and Module Styles *************************************/

/**** Navigation Button Bar Styles **********************************/
#globalNavL1{
	position: relative;
	line-height:2.5;
	left: 0px;
	top: -10px;
	width: 100%;
	padding-right: 0px; padding-left: 0px; padding-bottom: 0px; padding-top: 0px;
	text-align: left;
	text-indent: 10px;
	border-bottom: 0px;
}
#globalNavL2{
	position: relative;
	line-height:2.5;
	left: 0px;
	top: 0px;
	width: 100%;
	padding-right: 0px; padding-left: 10px; padding-bottom: 1px; padding-top: 0px;
	text-indent: 10px;
	text-align: left;
	border-bottom: #cccccc 1px solid;
}
#gnl {position: absolute; top: 0px; left:0px;}
#gnr {position: absolute; top: 0px; right:0px;}
#globalNavL1 img{margin-bottom: -4px; margin-left: -10px;}
#globalNavL2 img{margin-bottom: -4px; margin-left: -10px;}

#globalLink{
	position: relative;
	float: left;
	top: 0px;
	padding: 0px;
	left: 10px;
}
#globalLink a:link {color: #787878; vertical-align:middle;} 
#globalLink a:visited {color: #787878;} 
#globalLink a:hover {color: #787878;} 

a.glink, a.glink:visited{
  	font-size: 12px;
	margin: 0px;
	border-right: 1px solid #8FB8BC;
	text-decoration: none;
}

a.glink:hover{
	text-decoration: underline;
}
/**** End Navigation Button Bar Styles **********************************/