/* @group Containers */
body {
	font-family: Helvetica, Arial, sans-serif, Verdana;
	font-size: 79%;
	line-height: 1.8em;
	color: rgb(68, 68, 68);
	width: 100%;
	background-image: none;
}
/* @group Background Variations */
#outsideWrap {width: 100%; float: left; margin-bottom: 80px}
#topbg {float: left;width: 100%}

#theme {float: left;width: 100%;background: url(../images/bg.jpg) repeat-x center 0px;}

#topShadow {
	width: 100%;
	float: left;
	height: 25px;
	z-index: 2000;
	left: 0px;
	top: 0px;
	position: absolute;
	background-image: url(../images/topShadow.png);
	background-repeat: repeat-x;
	background-position: center;
}
/* @end */ 

/* @group General Containers */ 
#container {
	margin: 0pt auto;
	position: relative;
}
.innerWrapper {
	margin: 0pt auto;
}
.outerWrapper {
	padding-top:10px;
	width: 100%;
	float: left;
	display: inline;
	background-color: #FFFFFF;
	background-image: url(../images/topmodule.gif);
	background-repeat: repeat-x;
	background-position: left top;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
.outerWrapperNone {width: 100%;float: left;margin-bottom: 50px;display: inline;}


#veryTopWrapper ,
#headerWrap,
#logoWrap,
#banner,
#navWrap,
#pathwaywrap,
#headerWrap,
#mainWrap_even,#sloganWrap {width: 100%;float: left;display: inline}
/* @end */
/* @end */

#topWrapper {
	float: left;
	width: 100%;
	height: 115px;
}
/* @group Very Top*/
#veryTopWrapper {
	margin-bottom: 0;
	font-size: 90%;
	height: 45px;
	margin-top: 20px
}
#veryTopLeft {float: left;width: 45%;text-align: left}
#veryTopRight {float: right;text-align: right}
#veryTopWrapper a {text-decoration: none}
/* @end */

/* @group Logo and Header*/
#logo {
	float: left;
	width: 318px;
	display: inline;
	position: absolute;
	height: 128px;
	left: -9px;
	top: 0px;
}

#headerWrap {
	clear: both;
}
#logo,#headerLeft {float: left;font-style: italic;font-size: 90%}
#logoright,#headerRight {float: right;width: 65%;text-align: right}

#logo a:hover {background: none}
#headerLeft p {margin: 0 0 4px 0}
/* @end */

/* @group Nav and Search */
#navWrap {
	width: 700px;
	float: right;
	margin-top: 20px;
}
#nav {
	width: 654px;
	float: right;
	height: 40px;
	background-image: url(../images/navbg1.png);
	background-repeat: no-repeat;
	background-position: right top;
	padding-right: 2px;
	padding-left: 2px;
}
/* @end */

/* @group Pathway */
#pathwayWrap {margin: 0 0 0 0;width: 100%;padding: 10px 0}
div.pathway {width: 94%;float: left;padding: 0;text-align: right;margin: 0 0 5px;display: block} 
a.pathway {padding: 4px;text-decoration: none}
.pathway img {margin-top: 4px}
/* @end */

/* @group Banner */

#banner {margin: 0}
/* @end */

/* @group Main Content Area */
#top {float: left;margin-bottom: 20px;width: 100%;padding-top: 20px}
#leftCol_triple  {float: left;width: 20%;display:inline;margin-right: 3%;margin-top: 30px}
#leftCol_double {float: left;width: 22%;margin-top: 25px}


#mainWrap_triple {float: left;width: 100%}
#mainWrap_double {float: left;width: 100%}
#mainWrap_even {float: left;width: 100%;margin: 0}

#midCol_double {float: right;width: 72%;padding: 20px 0;border-left: 1px solid #ECECEC;padding-left: 3%}
#midCol_even {
	float: left;
	width: 68%;
	padding: 0px 0 30px;
	padding-right: 2%;
	padding-top: 20px;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #CCCCCC;
}
#midCol_fullWidth {padding: 20px 0 20px;clear: both}
#midCol_triple {width: 50%;float: left;border: 1px solid #ECECEC;border-width: 0 1px;padding: 20px 2%}

#rightCol_triple {float: right;width: 20%;display:inline;margin-top: 30px}
#rightCol_even {
	float: right;
	width: 27%;
	padding-top: 20px
}


#advert1 {
	width: 100%;
	float: left
}
#advert2 {width: 100%;float: left;margin-top: 20px}
#below {float: left;width: 100%;margin-bottom: 30px;padding-top: 20px}
#advert2 .moduletable {margin-bottom: 30px;clear: both;float: left;width: 100%}
/* @end */

/* @group Grids */

.gridWrap {float: left;width: 100%;clear: both;padding:30px 0 30px}
#topgrid1,
#topgrid2,
#topgrid3,
#botgrid4,
#botgrid5,
#botgrid6  {width: 100%;float: left}

#topgrid1Left_three,
#topgrid1Mid1_three,
#topgrid1Mid2_three,
#topgrid1Right_three,
#topgrid2Left_three,
#topgrid2Mid1_three,
#topgrid2Mid2_three,
#topgrid2Right_three,
#botgrid1Left_three,
#botgrid1Mid1_three,
#botgrid1Mid2_three,
#botgrid1Right_three,
#botgrid2Left_three,
#botgrid2Mid1_three,
#botgrid2Mid2_three,
#botgrid2Right_three,
#botgrid3Left_three,
#botgrid3Mid1_three,
#botgrid3Mid2_three,
#botgrid3Right_three
 {width: 31%;margin-right: 2%;float: left}

#topgrid1Left_four,
#topgrid1Mid1_four,
#topgrid1Mid2_four,
#topgrid1Right_four,
#topgrid2Left_four,
#topgrid2Mid1_four,
#topgrid2Mid2_four,
#topgrid2Right_four,
#topgrid3Left_four,
#topgrid3Mid1_four,
#topgrid3Mid2_four,
#topgrid3Right_four,
#botgrid1Left_four,
#botgrid1Mid1_four,
#botgrid1Mid2_four,
#botgrid1Right_four,
#botgrid2Left_four,
#botgrid2Mid1_four,
#botgrid2Mid2_four,
#botgrid2Right_four,
#botgrid3Left_four,
#botgrid3Mid1_four,
#botgrid3Mid2_four,
#botgrid3Right_four   
{width: 22%;margin-right: 2.5%;float: left}

#topgrid1Mid2_four,
#topgrid2Mid2_four,
#topgrid3Mid2_four,
#botgrid1Mid2_four,
#botgrid2Mid2_four,
#botgrid3Mid2_four  {margin-left: 15px}

#topgrid1Right_four,
#topgrid2Right_four,
#topgrid3Right_four,
#botgrid1Right_four,
#botgrid2Right_four,
#botgrid3Right_four {float: right}


#topgrid1Left_two,
#topgrid1Mid1_two,
#topgrid1Mid2_two,
#topgrid1Right_two,
#topgrid2Left_two,
#topgrid2Mid1_two,
#topgrid2Mid2_two,
#topgrid2Right_two,
#topgrid3Left_two,
#topgrid3Mid1_two,
#topgrid3Mid2_two,
#topgrid3Right_two,
#botgrid1Left_two,
#botgrid1Mid1_two,
#botgrid1Mid2_two,
#botgrid1Right_two,
#botgrid2Left_two,
#botgrid2Mid1_two,
#botgrid2Mid2_two,
#botgrid2Right_two,
#botgrid3Left_two,
#botgrid3Mid1_two,
#botgrid3Mid2_two,
#botgrid3Right_two
{width: 45%;margin-right: 5%;float: left}

#topgrid1Right_two,
#topgrid1Mid2_two,
#topgrid2Right_two,
#topgrid2Mid2_two,
#topgrid3Right_two,
#topgrid3Mid2_two {float: right}
 
#topGrid1Left_one,
#topgrid1Mid1_one,
#topgrid1Mid2_one,
#topgrid1Right_one {width: 95%;float: left}

/* @end */

/* @group Bottom Modules */

#bottomWrap {
	width: 100%;
	float: left;
	display: inline;
	padding-top: 5px;
	padding-right: 0pt;
	padding-bottom: 30px;
	padding-left: 0pt;
	background-color: #FFFFFF;
	background-image: url(../images/topmodule.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
#bottomInner {margin: 0 auto;width: 100%;padding-top: 0px;float: left}

#bottomWrap span.tweet_text {font-family: georgia;font-size: 1.6em;line-height: 1.6em}

#bottomWrap .jTweet li {list-style-type: none}

#bottomWrap span.tweetDate,#bottomWrap span.tweetSource {font-style: italic}
#bottomWrap .bubbleInfo {margin-top: 30px}
/*----------------------- Bottom Modules ---------------------- */

#botMods {padding-bottom: 20px;margin-bottom: 20px;width: 100%;clear: both}
#botMods ul {margin: 0}
#botMods ul li {list-style-type: none;padding: 0;display: inline-block}
#botMods ul li a {text-decoration: none;display: block;border-bottom: 1px solid #222}
#botMods h3 {color: #fff;background: none;}
#botmodsLeft_three,#botmodsMid1_three,#botmodsMid2_three,#botmodsRight_three {width: 31%;margin-right: 2%;float: left}
#botmodsLeft_four,#botmodsMid1_four,#botmodsMid2_four,#botmodsRight_four {width: 22%;margin-right: 2.5%;float: left}
#botmodsLeft_two,#botmodsMid1_two,#botmodsMid2_two,#botmodsRight_two {width: 45%;margin-right: 5%;float: left}
#botmodsRight_two,#botmodsMid2_two {float: right}
#botmodsLeft_one,#botmodsMid1_one,#botmodsMid2_one,#botmodsRight_one {
	width: 100%;
	float: left;
	padding-bottom: 5px;
}
/* @end */

a.tweetdate {float: left}

/* @group Footer Area */
#footerWrap {
	margin: 0;
	float: left;
	width: 100%;
	background-color: #222;
	padding-top: 3px;
	padding-right: 0;
	padding-bottom: 3px;
	padding-left: 0;
	font-size: 11px;
	color: #999999;
}
#footerInner {margin: 0 auto;width: 100%}
#footerWrap ul li a {color: #fff}
#footerShadow {
	float: left;
	width: 100%;
	border-top: 1px solid #111;
	margin-top: 0px
}
#footerLeft {float: left;width: 48%;display: inline}
#footerRight {float: right;width: 20%;margin-right: 3%}
img.jbLogo {float: right;margin: 4px 0 0 0}
/* @end */

/* @group Sliding Panel */

#toppanel .tab {position: absolute;	width: 100px;line-height: 24px;margin: 0;right: 10px;	color: white;font-size: 80%;text-align: center;top: 0}
#toppanel .tab a{cursor: pointer;position: relative;color: #fff;text-decoration: none;color:#333;display: block;text-decoration: none;padding: 8px}
a#open {background: url(../images/panel.png) no-repeat left center;padding-left: 30px;position: absolute;top: 0;right: 0}
#toppanel {	width: 100%;top: 0;right: 0;position: absolute;z-index: 1000;}
#toppanel h3 {border-bottom: 1px solid #ddd}
#toppanel a {}
#toppanel #form-login ul {margin: 20px 0}
#toppanel ul li {list-style-type: none;margin: 0;padding: 0}
#toppanel ul li a {display: block}

#panelInner {background: #fff;width: 900px; height:600px;margin: 0 auto;position: relative;display:none;border: 4px solid #eee;z-index:101}
#panel {padding-top: 20px;margin: 40px;overflow: hidden;position: relative;padding-bottom: 30px}
#panelLeft,#panelMid {width: 30%;float: left}
#panelMid {margin-left: 3%}
#panelRight {float: right;width: 30%}

#backgroundPopup{z-index:100}

.overlay div.close{background:url(../images/panelClose.png) no-repeat; position:absolute; right:25px; top:25px; cursor:pointer; height:28px; width:28px}

#mask{background: #3E454B}

#panelLeft_one, #panelMidLeft_one, #panelMidRight_one, #panelRight_one {width: 100%}
#panelLeft_two, #panelMidLeft_two, #panelMidRight_two, #panelRight_two {width: 45%;float: left;margin-right: 2.5%}
#panelLeft_three, #panelMidLeft_three, #panelMidRight_three, #panelRight_three{width: 30%;float: left;margin-left: 3%}
#panelLeft_four, #panelMidLeft_four, #panelMidRight_four, #panelRight_four{width: 22%;float: left;margin-left: 2.5%}
/* @end */

.bbox {border: 1px solid #B3AB9C}
.bbImages4 {float: right}
.row1 {clear: both}
.local {
	background-color: #F1F1F1;
	padding: 15px;
	float: right;
	width: 300px;
	margin-bottom: 10px;
	margin-left: 20px;
}