/* main css */

html {
	height: 100.1%;
	margin-bottom: 0px;
}

body {
	font-family: arial, verdana, Helvetica, Sans-serif;
	line-height: 1.5em;
	font-size: 12px;
	color: #000000;
	margin: 15px 0px;
	text-align: center;
	background-color: #cccccc;
}

form {
	margin: 0;
	padding: 0;
}


A:link {
	color: #ff0000;
	text-decoration: underline;
}

A:visited {
	color: #555555;
	text-decoration: underline;
}

A:hover {
	text-decoration: none;
	color: #000066;
}

input.button {
	cursor: pointer;
}

img {
	border:0px;
}

p {
	margin-top: 0;
	margin-bottom: 5px;
}

div#wrapperholder table,
div#wrapperholder div {
	text-align: left;
}

div#center {
	margin-left: auto;
	margin-right: auto;
	width:990px;
	padding-bottom:30px;
}

div#wrapperholder {
	width:990px;
background-color: #ffffff;
	background-repeat: repeat-y;
}
div#wrappert {
background-color: #ffffff;
	background-repeat: no-repeat;
	height:5px;
	clear: both;
}
div#wrapperb {
background-color: #ffffff;
	background-repeat: no-repeat;
	background-position: 0% 100%;
	height:5px;
	clear: both;
}
div#wrapper {
	margin: 20px;
}

div#header {
	background: url('images/header.gif');
	background-repeat: repeat-x;
	position: relative;
	height: 140px;
}

/* div#headerl {
	background: url('/images/header_l.gif');
	background-repeat: no-repeat;
	height: 140px;
}

div#headerr {
	background: url('/images/header_r.gif');
	background-position: 100% 0%; 
	background-repeat: no-repeat;
	padding-left: 370px;
	padding-right: 40px;
	padding-top: 25px;
	text-align: left;
	color:#E52929; 
	height: 140px;
} */

div#topmenu {
	background: url('/images/top_menu_bg.gif');
	background-repeat: repeat-x;
	height: 30px;
	margin: 2px 0px;
	clear:both;
}

ul#mainlevel-nav {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

ul#mainlevel-nav li {
	float:left;
}

ul#mainlevel-nav li a {
	float:left;
	display:block;
	font-weight: bold;
	height: 30px;
	line-height: 30px;
	padding: 0 10px;
	color: #FFFFFF;
	text-decoration: none;
}

ul#mainlevel-nav li a:hover {
	text-decoration: underline;
}

div#pathway {
	height: 30px;
	text-align: left;
	font-size:0.92em;
	line-height:30px;
	margin-left:20px;
	width: 600px;
	float:left;
}

div#user4 {
	float: right;
}

div.search input.inputbox {
	width: 150px;
	margin-top:3px;
}


div#userholder {
	float:left;
	width:950px;
}


div#user1 {
	float:left;
	width:270px;
	margin-top: 10px;
	background-image: url('/images/panelfade.png');
	background-repeat: repeat-x;
	background-color: #ff0000;
	text-align: left;
	padding: 20px;
}

div#user2 {
	float:left;
	width:270px;
	margin-left:10px;
	margin-top: 10px;
	background-image: url('/images/panelfade.png');
	background-repeat: repeat-x;
	background-color: #ff0000;
	text-align: left;
	padding: 20px;
}

div#user3 {
	float:left;
	width:270px;
	margin-left:10px;
	margin-top: 10px;
	background-image: url('/images/panelfade.png');
	background-repeat: repeat-x;
	background-color: #ff0000;
	text-align: left;
	padding: 20px;
}


div#user1 h3,
div#user2 h3,
div#user3 h3 {
	color:#FFFFFF;
	margin:0px;
	padding:0px;
	font-size: 1.50em;
	margin-bottom:5px;
	line-height: 1em;
}

div#user1 ul,
div#user2 ul,
div#user3 ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

div#user1 ul li,
div#user2 ul li,
div#user3 ul li {
	padding-left: 15px;
}

div#user1 ul li a,
div#user2 ul li a,
div#user3 ul li a {
	line-height: 1.2em;
	color: #FFFFFF;
	text-decoration: none;
}

div#user1 ul li a:hover,
div#user2 ul li a:hover,
div#user3 ul li a:hover {
	text-decoration: underline;
}


div#mainholder {
	float:left;
	width:950px;
}

div#left { 
	text-align: left;
	float:left;
	width: 205px;
	margin-right: 10px;
}

div#right { 
	text-align: left;
	float:left;
	width: 205px;
	margin-left: 10px;
}

div#main { 
	font-size:1em;
	text-align: left;
	float:left;
}

div#right div.moduletable_text,
div#right div.moduletable,
div#left div.moduletable {
	margin-bottom:10px;
	text-align: left;
	background-image: url('/images/module_bg.gif');
	background-repeat: repeat-y;
	position: relative;
	padding:40px 20px 20px 20px;
	border-bottom: 1px solid  #E3EAEE;
}

div#right div.moduletable_text {
	font-size: 0.92em;
}

div#right div.moduletable_text h3,
div#right div.moduletable h3,
div#left div.moduletable h3 {
	margin: 0px;
	top: 0px;
	left: 0px;
	display:block;
	width:205px;
	height: 29px;
	position: absolute;
	background-image: url('/images/module_t.gif');
	background-repeat: no-repeat;
	padding:7px 0px 10px 20px;
	color: #003456;
	font-size: 1.17em;
}

div.bannerheader {
	font-weight: bold;
	margin-bottom: 15px;
	margin-top:10px;
}

div.bannergroup_text div.clr {
	height:15px;
}

div#left .input {
	border:0px;
	padding:0px;
	margin:0px;
}


div#left div.moduletable ul {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	list-style-type: none;
}

div#left div.moduletable ul li a {
	line-height: 1.2em;
	font-size: 0.92em;
	text-decoration: underline;
}

div#left div.moduletable ul li a:hover {
	text-decoration: none;
}

div#left div.moduletable_menu {
	margin-bottom:10px;
	text-align: left;
	background-image: url('/images/module_menu_bg.gif');
	background-repeat: repeat-y;
	position: relative;
	padding:30px 10px 20px 10px;
	border-bottom: 1px solid  #E3EAEE;
}


div#left div.moduletable_menu h3 {
	margin: 0px;
	top: 0px;
	left: 0px;
	display:block;
	width:185px;
	height: 9px;
	position: absolute;
	background-image: url('/images/module_menu_t.gif');
	background-repeat: no-repeat;
	padding:7px 0px 10px 20px;
	color: #FFFFFF;
	font-size: 1.17em;
}

div#left div.moduletable_menu ul {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	list-style-type: none;
}

div#left div.moduletable_menu ul li {
	border-bottom: 1px solid #e3eaee;
	padding: 5px 10px;
}
div#left div.moduletable_menu ul li ul li {
	border:0px;
}
div#left div.moduletable_menu ul li a {
	line-height: 1.2em;
	font-size: 0.92em;
	text-decoration: none;
	color: #006699;

	display:block;
	padding-left:15px;
	background-image: url('/images/bullet_menu.gif');
	background-repeat: no-repeat;
	background-position: 0px 4px;
}

div#left div.moduletable_menu ul li a:hover {
	text-decoration: underline;
	color: #ff0000;
}


div.componentheading {
	font-size: 2em;
	color: #010101;
	font-weight: bold;
	line-height: 1em;
}

table.contentpaneopen td.contentheading {
	font-size: 1.25em;
	line-height: 1.1em;
	color: #ffffff;
	font-weight: bold;
        background: #0F6EAC;
        padding: 5px;
}

td.contentheading2 {
	height: 20px;
	font-size: 1.25em;
	line-height: 3em;
	color: #ffffff;
	font-weight: bold;
        background-image: url('/images/user_bg.gif');
		background-repeat: repeat-x;
	background-color: #379DDF;
        padding: 0px;
		border: 0px;
}


td.modifydate {
	font-size:0.83em;
	line-height: 1em;
	color: #999999;
}

td.createdate {
	font-size:0.83em;
	line-height: 1em;
	color: #999999;
}

span.small {
	font-size:0.83em;
	line-height: 1em;
}

table.contentpaneopen {
	line-height: 1.3em;
	font-size: 1.1em;
        width: 100%;
}

table.contenttoc {
	margin:10px 0px 10px 10px;
	text-align: left;
	background-repeat: repeat-y;
	position: relative;
	padding:10px;
	border: 1px solid  #E3EAEE;
}

a.readon:link, a.readon:visited {
	padding-left:15px;
	background-image: url('/images/readon.gif');
	background-repeat: no-repeat;
	background-position: 0px 3px;
	text-decoration: none;
	font-size: 11px;
}

a.readon:hover {
	text-decoration: underline;
}

strong {
	color: #379ddf;
	font-weight: normal;
}

table.pollstableborder td.sectiontableentry1,
table.pollstableborder td.sectiontableentry2 {
	padding:2px 2px;
}

a.pathway:link,
a.pathway:visited {
	color: #000000;
	text-decoration: none;
}
a.pathway:hover {
	text-decoration: underline;
}

.sectiontableheader,
.sectiontableheader a {
	font-weight: bold;
	color: #333333;
}

tr.sectiontableentry1 td {
	background-color: #FFFFFF;
	padding:10px 5px;
}
tr.sectiontableentry2 td {
	background-color: #f1f6f8;
	padding:10px 5px;
}

div#footer {
	border:1px solid #c7d5dd;
	background-color: #eef2f6;
	height:40px;
	width: 948px;
	float:left;
	margin: 10px 20px;
	position: relative;
}


div#footerText {
	position: absolute;
	top: 13px;
	right: 10px;
	color: #0f6eac;
	font-size: 0.92em;
}

div#footerText a {
	color: #0f6eac;
	font-size: 1em;
}

div#footer2 {
	border:1px solid #c7d5dd;
	background-color: #eef2f6;
	height:100px;
	width: 948px;
	float:left;
	margin: 10px 20px;
	position: relative;
}

div#footerText2 {
	position: absolute;
	top: 13px;
	left: 10px;
        right: 10px;
	color: #0f6eac;
	font-size: 0.92em;
}

div#footerText2 a {
	color: #5AA427;
	font-size: 1em;
}

div#syndicate img {
	margin-right: 10px;
	border:0px;
	text-decoration: none;
}

div#syndicate a {
	color: #0f6eac;
	font-size: 0.92em;
}

div#syndicate {
	padding:13px 10px 10px 10px;
}

/* System Standard Messages */
#system-message dd.message ul { background: #C3D2E5 url('/images/notice-info.png') 4px center no-repeat;}

/* System Error Messages */
#system-message dd.error ul { color: #c00; background: #E6C0C0 url('/images/notice-alert.png') 4px center no-repeat; border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B;}

/* System Notice Messages */
#system-message dd.notice ul { color: #c00; background: #EFE7B8 url('/images/notice-note.png') 4px center no-repeat; border-top: 3px solid #F0DC7E; border-bottom: 3px solid #F0DC7E;}


/* CSS for top header */

DIV.Table_01 {
	position:absolute;
	left:0px;
	top:0px;
	width:950px;
	height:140px;
}

DIV.Top-banner-shop-01 {
	position:absolute;
	left:0px;
	top:0px;
	width:294px;
	height:103px;
}

DIV.Top-banner-shop-02 {
	position:absolute;
	left:294px;
	top:0px;
	width:320px;
	height:103px;
}

DIV.Top-banner-shop-03 {
	position:absolute;
	left:614px;
	top:0px;
	width:336px;
	height:103px;
}

DIV.Top-banner-shop-04 {
	position:absolute;
	left:0px;
	top:103px;
	width:950px;
	height:37px;
}


/* CSS for scroller and collapseable */

.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 650px; /*Width of Carousel Viewer itself*/
height: 250px; /*Height should enough to fit largest content's height*/
background:url('/images/panelbg.jpg') #006699;
background-repeat: repeat-x;
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px; /*margin around each panel*/
width: 650px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
/* #outer  #rightpanel  a, a:link {
	color: #CCCCCC;
}
*/

#outer {
width:950px;
height:285px;
margin: 2px 0px 20px 0px;
}
#rightblock {
width:300px;
height:250px;
background-color: #006699;
float:right;
}
#rightpanel {
	float: right;
	height: 20px;
	width: 290px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #000066;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
#rightpanel a {
color: #FFFFFF;
text-decoration: underline;
}
#gallery {
	background-color: #006699;
	background-repeat: repeat-x;
	float: left;
	height: 250px;
	width: 650px;
}
#gallery    .belt .panel .item    {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 190px;
	width: 590px;
	padding-top: 30px;
	padding-right: 25px;
	padding-bottom: 30px;
	padding-left: 35px;
	display: block;
	line-height: normal;
	position: relative;
	overflow: hidden;
	visibility: visible;
	text-align: left;
	float: left;
}
#gallery    .belt  .panel  .item img  {
	float: left;
	margin-right: 20px;
	border:solid 1px #FFFFFF;
	vertical-align:top;
}
#gallery   .belt .panel  .item h3  {
	color: #FFFFFF;
	padding-bottom: 12px;
	margin: 0px;
}
#gallery   .belt  .panel .item p  {
	color: #FFFFFF;
}
#gallery   .belt  .panel .item strong  {
	color: #FFFFFF;
	font-weight: bold;
}
#gallery   .belt  .panel .item a:link  {
	color: #cccccc;
}
#gallery   .belt  .panel .item a:hover  {
	color: #000000;
}
#gallery   .belt  .panel .item a:visited  {
	color: #333333;
}
.clear {
	clear: both;
}
#buttons {
	float: left;
	height: 25px;
	width: 640px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	background-color: #000066;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
#buttons .middlebutton {
float: left;
width: 33%;
text-align:center;
height: 25px;
}
#buttons .leftbutton {
float: left;
width: 33%;
text-align:right;
height: 25px;
}
#buttons .rightbutton {
float: left;
width: 34%;
text-align:left;
height: 25px;
}

/* Other */
.TableTopBackground {
	background-color: #eeeeee;
	 font-size: 13px;
	 font-weight: bold;
	 font-family: verdana, sans-serif;

}
.TableTopBackground a:link
{
 color: #FF0000;
 }
 .TableTopBackground a:visited
{
 color: #006699;
 }
.TableTopBackground a:hover
{
	color: #000000;
	text-decoration: underline;
}

h1 {
font-size: 15px;
color: #FFFFFF;
font-weight: bold;
padding: 10px; 
}

/* drop downs */

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

div#sitemap {
	  background-image: url('/images/user_bg.gif');
		background-repeat: repeat-x;
	background-color: #379DDF;
	width: 948px;
	float:left;
	margin: 10px 20px;
}

div#sitemap a, #sitemap a:link {
color:#FFFFFF;
}

div#sitemap a:hover {
color:#000066;
}

div#sitemap a:visited {
color:#000000;
}

div#randompic {
text-align:center;
background-color:#FFFFFF;
}

div#Q1 {
display:none;
}

div#menuovers {
margin: 0px;
height: 120px;
}

/* top row of selection */

.menu1rollover {
	float:left;
	display:block;
	width:310px;
	height:120px;
	margin-top: 10px;
	text-indent:-9999px;
	background: url('images/rolloversbookshop.jpg') no-repeat top left;
}

.menu1rollover a {
	float:left;
	display:block;
	width:310px;
	height:120px;
	background: url('images/rolloversbookshop.jpg') no-repeat top left;
	outline: none;
}

.menu1rollover a:hover {
background-position:0 -120px;
}

.menu2rollover {
	float:left;
	display:block;
	width:310px;
	height:120px;
	margin-left:10px;
	margin-top: 10px;
	text-indent:-9999px;
	background: url('images/rolloverslinks.jpg') no-repeat top left;
}

.menu2rollover a {
	float:left;
	display:block;
	width:310px;
	height:120px;
	background: url('images/rolloverslinks.jpg') no-repeat top left;
	outline: none;
}

.menu2rollover a:hover {
background-position:0 -120px;
}

.menu3rollover {
	float:left;
	display:block;
	width:310px;
	height:120px;
	margin-left:10px;
	margin-top: 10px;
	text-indent:-9999px;
	background: url('images/rolloversecard.jpg') no-repeat top left;
}

.menu3rollover a {
	float:left;
	display:block;
	width:310px;
	height:120px;
	background: url('images/rolloversecard.jpg') no-repeat top left;
	outline: none;
}

.menu3rollover a:hover {
background-position:0 -120px;
}


div#menu1text {
	float: left;
	width: 270px;
	height: 140px;
	background-color: #ffffff;
	color: #666666;
	text-align: left;
	padding-top: 20px;
	padding-right: 40px;
	padding-bottom: 20px;
	padding-left: 0px;
}

div#menu2text {
	float: left;
	width: 270px;
	height: 120px;
	margin-left: 10px;
	background-color: #ffffff;
	color: #666666;
	text-align: left;
	padding-top: 20px;
	padding-right: 40px;
	padding-bottom: 20px;
	padding-left: 0px;
}

div#menu3text {
	float: left;
	width: 270px;
	height: 140px;
	margin-left: 10px;
	background-color: #ffffff;
	color: #666666;
	text-align: left;
	padding-top: 20px;
	padding-right: 40px;
	padding-bottom: 20px;
	padding-left: 0px;
}


div#menu1text h3,
div#menu2text h3,
div#menu3text h3 {
	color: #FF0000;
	margin: 0px;
	padding: 0px;
	line-height: 15px;
	font-size: 15px;
	padding-bottom: 10px;
}

div#menu1text h3 a,
div#menu2text h3 a,
div#menu3text h3 a {
	color: #3399FF;
}

div#menu1text h3 a:hover,
div#menu2text h3 a:hover,
div#menu3text h3 a:hover {
	color: #000066;
	text-decoration: underline;
}



/* bottom row of selection */

.menu4rollover {
	float:left;
	display:block;
	width:310px;
	height:120px;
	margin-top: 10px;
	text-indent:-9999px;
	background: url('images/rolloversjobs.jpg') no-repeat top left;
}

.menu4rollover a {
	float:left;
	display:block;
	width:310px;
	height:120px;
	background: url('images/rolloversjobs.jpg') no-repeat top left;
	outline: none;
}

.menu4rollover a:hover {
background-position:0 -120px;
}

.menu5rollover {
	float:left;
	display:block;
	width:310px;
	height:120px;
	margin-left:10px;
	margin-top: 10px;
	text-indent:-9999px;
	background: url('images/rolloversforums.jpg') no-repeat top left;
}

.menu5rollover a {
	float:left;
	display:block;
	width:310px;
	height:120px;
	background: url('images/rolloversforums.jpg') no-repeat top left;
}

.menu5rollover a:hover {
background-position:0 -120px;
}

.menu6rollover {
	float:left;
	display:block;
	width:310px;
	height:120px;
	margin-left:10px;
	margin-top: 10px;
	text-indent:-9999px;
	background: url('images/rolloversfb.jpg') no-repeat top left;
}

.menu6rollover a {
	float:left;
	display:block;
	width:310px;
	height:120px;
	background: url('images/rolloversfb.jpg') no-repeat top left;
	outline: none;
}

.menu6rollover a:hover {
background-position:0 -120px;
}


div#menu4text {
	float: left;
	width: 270px;
	height: 120px;
	background-color: #ffffff;
	color: #666666;
	text-align: left;
	padding-top: 20px;
	padding-right: 40px;
	padding-bottom: 20px;
	padding-left: 0px;
}

div#menu5text {
	float: left;
	width: 270px;
	height: 140px;
	margin-left: 10px;
	background-color: #ffffff;
	color: #666666;
	text-align: left;
	padding-top: 20px;
	padding-right: 40px;
	padding-bottom: 20px;
	padding-left: 0px;
}

div#menu6text {
	float: left;
	width: 270px;
	height: 120px;
	margin-left: 10px;
	background-color: #ffffff;
	color: #666666;
	text-align: left;
	padding-top: 20px;
	padding-right: 40px;
	padding-bottom: 20px;
	padding-left: 0px;
}


div#menu4text h3,
div#menu5text h3,
div#menu6text h3 {
	color: #FF0000;
	margin: 0px;
	padding: 0px;
	line-height: 15px;
	font-size: 15px;
	padding-bottom: 10px;
}

div#menu4text h3 a,
div#menu5text h3 a,
div#menu6text h3 a {
	color: #3399FF;
}

div#menu4text h3 a:hover,
div#menu5text h3 a:hover,
div#menu6text h3 a:hover {
	color: #000066;
	text-decoration: underline;
}