/* JB Global Theme V0.91 */

* { margin: 0; padding: 0; }
body { background: #0b3a49 url(../images/bg.png) repeat-x scroll 0 0; color: #333; font-family: verdana, helvetica, sans-serif; font-size: 62.5%; margin: 0 auto; padding: 0; }
h1, h2, h3 { color: #7b1; font-family: Georgia,'Times New Roman',serif; font-weight: normal; margin: 0 0 7px 0; }
h4, h5, h6 { color: #f61; font-family: Georgia,'Times New Roman',serif; font-weight: normal; margin: 0 0 7px 0; font-size: 17px; }
p { margin: 0 0 15px 0; padding: 0; color: #555; }
a { color: #03f; }
	a img{ border: none; }
ul { margin: 0 0 9px 15px; }
	ul li { margin: 1px 0; }
		ul li a { text-decoration: none; }
ol { margin: 0 0 9px 15px; }
	ol li { margin: 1px 0; }
		ol li a { text-decoration: none; }

/* structure divs */

#wrapper { margin: 0 auto; width: 865px; font-size: 1.3em; padding: 15px 15px 0 15px; }
#header { background: transparent url(../images/logo.png) no-repeat 0 4px; height: 108px; width: 100%; margin: 19px auto 0 auto; padding: 0; }
#container { background: #fff; margin: 0; padding: 22px 0 0 0; float: left; width: 100%; }
	#content { float: left; padding: 0 15px 30px 30px; margin: 0 290px 0 0; width: 530px; background: #fff; text-align: justify; }
	#sidebar { float: right; margin: 0 0 0 -290px; padding: 0 30px 30px 15px; width: 245px; background: #fff; }
#footer { margin: 20px 0 0 0; border-top: 1px solid #c9c9c9; background: #fff; padding: 15px 0; font-size: 10px; text-align: center; }
 
/* header */

#header a { text-align: left; }
	#header a img { border: none; text-align: left; }

#logolink { display: block; width: 383px; height: 72px; float: left; text-indent: -999px; }
	
/* navbar */

#navbar { margin: 57px 0 0 0; padding: 26px 3px 0 2px; float: right; background: transparent url(../images/navbg.png) no-repeat scroll 0 0; height: 30px; }
	#navbar li { display: inline; list-style: none; padding: 4px 17px	; margin: 0; font-size: 10px; text-align: center; height: 16px; border-right: 1px solid #555; }
		#navbar li.lastnav { border: none; }
	#navbar a { color: #05f; text-decoration: none; }
		#navbar a:hover { color: #028; padding: 0 0 3px 0; }


/* pages */


#content h1 { color: #7c1; font-size: 37px; padding: 0; margin: 0 0 15px; }
#content h2 { color: #822; font-size: 37px; padding: 62px 0; margin: 0 0 20px 0; font-family: georgia,serif;  }
	#content h2 small { font-weight: normal; font-size: 11px; margin: 0 0 0 50px; }

.textarea { float: left; width: 630px; margin: 10px 15px 0 47px; padding: 0 18px 0 15px; border-right: 1px dashed #ccc; border-left: 1px dashed #ddd; }
	.textarea h3 { line-height: 50px; font-size: 20px; font-family: Georgia,'Times New Roman',serif; font-weight: normal; }
	.textarea p { margin: 0 0 9px 0; text-align: justify; }
		.textarea p a { text-decoration: none; color: ##55e; }
	.textarea ul { list-style-type: circle; padding: 0 0 9px 25px; }
	.textarea ol { list-style-type: decimal-leading-zero; padding: 0 0 0 30px; }

/* block */

#block { background: url(../images/block.jpg); height: 352px; width: 1013px; }
	#block h2 { position: relative; top: 45px; left: 35px; font-size: 25px; color: #fff; margin: 0; padding: 0; border: none; background: none; width: 252px; }

#block1 { font-size: 13px; position: relative; top: 119px; left: 48px; width: 100px; }
	#block1 a { text-decoration: none; color: #fdd2d7; }

/* panels */

#featurebox { padding: 0 30px; height: 218px; }
	#featurebox a { text-decoration: none; color: #7c1; }
	#featurebox img { margin: 0 51px 7px 0; border: 1px dashed #ccc; }
#panels { margin: 40px 0 0 0; height: 280px; width: 100%; padding: 0; }

.panel { border-right: 1px solid #ccc; clear: both; float: left; height: 250px; margin: 0 0 0 30px; padding: 0 30px 0 0; text-align: left; width: 367px; }
	.panel h3 { font-size: 16px; margin: 0 0 10px 0; }
	.panel li { margin: 0 0 5px 0; }
	.panel a { color: #7c1; text-decoration: none; }
	.panel img { height: 100px; width: 357px; }

.endpanel { float: left; margin: 0 0 0 15px; padding: 0 30px 0 15px; width: 367px; }
	.endpanel h3 { font-size: 16px; margin: 0 0 10px 0; }
	.endpanel li { margin: 0 0 5px 0; }
	.endpanel a { color: #7c1; text-decoration: none; }
	.endpanel img { width: 357px; height: 100px; }

.subhead { font-style: italic; margin: 0 0 20px 0; }

/* sidebar */

#sidebar h3 { color: #39f; font-size: 30px; margin: 0; padding: 7px 0 15px 0; }
#sidebar ul, #sidebar ol { margin: 0; padding: 0; }
	#sidebar li { border-bottom: 1px solid #dce1e5; list-style-type: none; margin: 0 0 10px 0; padding: 0 0 10px 0; }
		#sidebar li a { color: #333; }
			#sidebar li a:hover { color: #666; }

/* footer */

#footer p { margin: 0; padding: 0; }
#footer ul { margin: 0; padding: 0; }
		#footer li { display: inline; list-style: none; padding: 0 0 0 20px; }
	#footer a { color: #555; text-decoration: none; }
		#footer a:hover { border-bottom: 2px solid #bbb; padding: 0 0 3px 0; }

/* forms */

form textarea { border: 1px solid #c9c9c9; padding: 8px; margin: 4px 4px 4px 0; font-size: 9pt; font-family: verdana; color: #333; background: #fff; }
	form textarea: focus { background: #fffeec; }
form input { border: 1px solid #c9c9c9; padding: 4px; margin: 4px 4px 4px 0; font-size: 9pt; font-family: verdana; color: #333; background: #fff; }
	form input: focus { background: #fffeec; }
form h2 { font-size: 30px; margin: -7px 0 10px 0; text-align: right; }
	h2 small { font-size: 10px; }

/* floats */

.left { float: left; }
.right { float: right; }
.both { clear: both; }

/* images alignments */

img.border { border: 1px solid #c6c6c6; padding: 4px; margin: 0; }
	img.border:hover { background: #e3f5fe; }
img.center { display: block; margin: auto; margin: 0 0 10px 0; }
img.leftimage { float: left; padding: 4px; margin: 0 7px 2px 0; display: inline; }
img.rightimage { float: right; padding: 4px; margin: 0 7px 2px 0; display: inline; }

/* text alignments */

.textcenter { text-align: center; }
.textright { text-align: right; }
.textleft { text-align: left; }