/*** HTML TAG DEFINITIONS ***/

html {
	height: 100%; 
	margin-bottom: 1px;}

body {
	margin-left: 10px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	padding-left: 10px;
	background: #ffffee;
	font: 1em Verdana, Helvetica, Arial, sans-serif;
	color: #404040;
	font-size: 12;
	text-align: justify;
	margin: 0px 0px 0px 0px;}
	
table {
	vertical-align: top;
	border-collapse: collapse;
	border-width: 0px;
	padding: 0px; 
	margin: 0px;}
	
table td {
	font: normal 80% Verdana, Verdana, Arial, sans-serif;
	font-size: 12;
	padding: 8px; 
	margin: 0px; 
	border-spacing: 20px;
	border-collapse: separate;
	border-width: 0px;}

table.norm {
	vertical-align: center;
	border-collapse: separate;}

table.norm td {
	font: normal 80% Verdana, Verdana, Arial, sans-serif;
	font-size: 12;
	padding: 2px; 
	margin: 2px; 
	border-spacing: 2px;
	border-collapse: separate;
	border-width: 0px;}

table.normbord {
	vertical-align: center;
	border-width: 2px;
	border-collapse: separate;}

table.normbord td {
	font: normal 80% Verdana, Verdana, Arial, sans-serif;
	font-size: 12;
	padding: 2px; 
	border-style: ridge;
	border-width: 1px;}

table.normblue {
	vertical-align: center;
	border-collapse: separate;}

table.normblue td {
	font: normal 80% Verdana, Verdana, Arial, sans-serif;
	font-size: 12;
	padding: 2px; 
	margin: 2px; 
	border-spacing: 2px;
	border-collapse: separate;
	border-width: 2px;	
	color: #ffffff; 
	background-color: #666699;}

table.normblue a {
	color: #FFFF00;}
table.normblue a:hover {
	color: #FF8800;}

table.small {
	vertical-align: center;
	border-collapse: collapse;}
table.small td {
        font-size: 10;
	padding: 0px; 
	margin: 0px; 
	border-collapse: collapse;
	border: 0px;}
        

table.nil {
	vertical-align: center;
	border-collapse: collapse;}

table.nil td {
	font: normal 80% Verdana, Verdana, Arial, sans-serif;
	font-size: 12;
	padding: 0px; 
	margin: 0px; 
	border-collapse: collapse;
	border: 0px;}

table.tfull {
	width: 980px;
	vertical-align: top;
	border-collapse: collapse;
	border-width: 0px;
	padding: 0px; 
	margin: 0px;}

table.tfull td {
	padding: 0px;}

table.tside {
	padding: 0px; 
	margin: 0px; 
	border-collapse: collapse;
	border: 0px;
	}

table.tindex {
	padding: 0px; 
	margin: 0px; 
	border-collapse: collapse;
	border: 0px;
	}

table.tside tr {
	height: 16;
	vertical-align: center;}

table.tindex tr {
	vertical-align: center;}

table.tside td {
	background: url(gif/bullet_s.gif) left top no-repeat;
	border-collapse: collapse;
	padding: 2 2 2 20;
	border-spacing: 0;
	border-width: 0;}

table.tindex td {
	border-collapse: collapse;
	padding: 8 2 2 30;
	border-spacing: 0;
	border-width: 0;}

table.tside a {
	color: #000000;
	font-size: 10;
	font-weight: normal;
	text-decoration: none;}

table.tindex a {
	color: #ffffff;
	font-size: 10;
	font-weight: normal;
	text-decoration: none;}

table.tside a:hover {
	color: #444477;
	font-size: 10;
	font-weight: bold;
	text-decoration: none;}
	
table.tindex a:hover {
	color: #ffff00;
	font-size: 10;
	font-weight: bold;
	text-decoration: none;}
	
table.links td {
	background: url(gif/bullet.gif) left top no-repeat;
	padding: 0 0 0 20;}

table.links td.heading {
	background: none;
	background-color: #AAAA44;
	color: #FFFFFF;
	font-weight: bold;}

table.links a {
	color: #000000;
	font-size: 12;
	font-weight: normal;
	text-decoration: none;}

table.links a:hover {
	color: #ff0000;
	font-size: 12;
	font-weight: bold;
	text-decoration: none;}

	
table.menu td {
	background-color: #EEEEEE;
	border-width: 2px;
	padding: 0px;
	border-style: outset;
	border-color: white;
	text-align: center;}

a#mlink {
	display:block;
	width:100%;
	height:100%;
	color: #666699;
	font-family:verdana;
	font-size:12;
	font-weight: bold;
	text-decoration: none;
}
a#mlink:hover {
	background-color:#888888;
	color:#FFFFFF;
	font-weight:bold;
}

hr {
	background-color: #ffffff;
	color: #4151a0;
	height: 1px;
	width: 100%;}

img {
	border: none;
	margin: 0;
	padding: 0;}

img#pad { padding: 5px;}
	
h1 {
	color: #364680;
	font: bold 22px Georgia, Georgia, serif;
	text-align: left;
	padding: 0 0 5px 0;
	margin: 10px 0 10px 0;}

h2 {
	color: #4151a0;
	font: normal 20px Georgia, Georgia, serif;
	text-align: left;
	padding: 0 0 5px 0;
	margin: 0 0 10px 0;
	border-bottom: 1px solid #c0c0c0;}

h3 { 
	background-color: #666699; 
	font-family: Verdana; 
	font-size: 14; 
	font-weight:bold; 
	color:white;}
	
h4 { 
	background-color: #FFFF88; 
	font-family: Verdana; 
	font-size: 14; 
	font-weight:bold;}

h5 {
	color: #404040;
	font: bold 14px Verdana, Helvetica, sans-serif;
	margin: 10px 0;
	padding: 10px 0;
	border-bottom: 1px solid #c0c0c0;}

h6 {
	color: #7a140f;
	font: bold 14px Verdana, Helvetica, sans-serif;
	margin: 10px 0;}

a {
	color: #444477;
	font-weight: bold;
	text-decoration: none;}

a:hover {
	color: #8888BB;
	font-weight: bold;
	text-decoration: none;}

a#smwhite {
	font: bold xx-small Verdana; 
	color: #FFFFFF; 
	text-decoration: none;}
a#smwhite:hover {
	color:#FFFF00;}

a#white {
	font: bold Verdana; 
	color: #FFFFFF; 
	text-decoration: none;}
a#white:hover {
	color:#FFFF00;}

a#pale {
	font: bold 18px Georgia, Georgia, serif;
	color: #DDDDFF; 
	text-decoration: none;}
a#pale:hover {
	color:#6666FF;}

a#br {
	color: #000000;
	text-decoration: none;}
a#br:hover {
	color:#FF0000;}
a#brl {
	font: normal 20px Georgia, Georgia, serif;
	color: #000000;
	text-decoration: none;}
a#brl:hover {
	color:#FF0000;}
	

a#rss {
	color: #000000;
	font-size: 12;
	font-weight: normal;
	text-decoration: none;}

a#rss:hover {
	color: #666699;
	font-size: 12;
	font-weight: bold;
	text-decoration: none;}

a.boxed:link, a.boxed:visited, a.boxed:active {
	color: #111199; 
	font-family:verdana; 
	font-size: 12; 
	font-weight:normal; 
	border: 1px solid #FFFFEE; padding: 1px; 
	text-decoration: none; }
	
a.boxed:hover {
	color: #114411;	
	font-size: 12; 
	border: 1px solid #2B547F; padding: 1px; 
	text-align: left; 
	vertical-align: middle; }

p.center {
	text-align: center;}	

/*** PAGE LAYOUT IDs ***/

#wrapper {
	background: #fff url('images/wrapperbg.jpg');
	text-align: left;
	width: 980px;
	margin: 3px auto;}
	
#logoimage {
	background: #fff url('jpg/banner2.jpg');
	width: 980px;
	height: 130px}
	
#table2 {
	width: 350px;
	height: 120px;
	float: left;
	border-collapse: collapse;
	border: none;
	text-align: left;}
	
#navigation {
	background: #999999 url('images/navbg.gif'); 
	text-align: center;
	color: #fff;
	font-size: 90%;
	height: 31px; padding-left:0; padding-right:0; padding-top:0px; padding-bottom:0}
	
#navigation a {
	font-weight: normal;
	text-decoration: none;}

#navigation a:hover {
	font-weight: normal;
	text-decoration: underline;}
	
#sidebarleft {
	background: url('jpg/sideleft.jpg') repeat-y;
	width: 180px;
	float: left;
	text-align: left;
	vertical-align: top;
	font-size: 85%;
	padding-left:0; padding-right:5px; padding-top:0; padding-bottom:100px;}
	
#sidebarright {
	background: url('jpg/sideright.jpg');
	width: 155px;
	float: left;
	text-align: left;
	vertical-align: top;
	font-size: 85%;
	padding-left:10px; padding-right:0; padding-top:0px; padding-bottom:100px;}
	
#content {
	width: 580px;
	text-align: justify;
	vertical-align: top;
	line-height: 1.3em;
	padding: 10px 5px 0 10px;}
	
#content2 {
	width: 82%;
	text-align: justify;
	vertical-align: top;
	line-height: 1.3em;
	padding: 10px 5px 0 10px;}
	
#content3 {
	width: 100%;
	text-align: justify;
	vertical-align: top;
	line-height: 1.3em;
	padding: 10px 5px 0 10px;}

#subbut {
	margin:0; 
	color:#364680; 
	font-weight:bold; 
	width:13em;}

#footer {
	background: #000 url('jpg/footer.jpg') no-repeat;
	color: #ffffff;
	height: 50px;
	text-align: center;
	line-height: 1.0em;
	font-size: 80%;}
	
#footer a {
	font-weight: normal;
	color: #CCCCCC;}
	
#footer a:hover {
	font-weight: normal;
	color: #ffffff;}
	
#footer p {
	padding: 0;
	margin: 0;}

#unseen {display: none;}

/*** FORMATTING CLASSES ***/

.box {
	background: #f7f7f7;
	border: 1px dashed #c0c0c0;
	padding: 10px;}

.contact#font-family {
	padding: 5px;
	text-align: left;
	margin: 20px 0;}

.contact label {
	width: 150px; 
	float: left; 
	text-align: right; 
	margin: 3px 5px 5px 5px; 
	clear: both;}

.contactbox {
	margin: 3px 5px 5px 5px; 
	background-color: #fff; 
	color: #000; 
	border: 1px solid #c0c0c0;}

.contactbutton#font-family {
	text-align: center; 
	margin: 5px 0 0 170px; 
	border: none;}
	
.imagemiddle {
	margin: 0; 
	border: 3px double #c2c2c2;}
	
.imageleft-noborder {
	margin: 0 10px 0 0; 
	float: left;}

.imageright-noborder {
	margin: 0 0 0 10px; 
	float: right;}
	
.imageleft-border {
	margin: 0 10px 0 0; 
	float: left;
	border: 3px double #c2c2c2;}

.imageright-border {
	margin: 0 0 0 10px; 
	float: right;
	border: 3px double #c2c2c2;}

/* Section boxes on index page */
div#section-box-container {
	margin: 11px 0 11px 0;
	padding: 0 0 0 10px;
	background: transparent;
}
div.section-box {
	background: url(gif/bg_sectionbox.gif) no-repeat bottom left;
	width: 190px;
	float: left;
	margin: 0 5px 0 0;
	padding: 0 0 4px 0;
}
div.section-box h3 {
	background: url(gif/bg_sectionbox_heading.gif) no-repeat top left;
	font-size: 1.2em;
	color: #fff;
	padding: 8px 18px 7px 18px;
	margin: 0;
}
div.section-box h3 a {
	font-weight: bold;
	text-decoration: none;
}
div.section-box h3 a:link, div.section-box h3 a:visited {
	color: #fff;
}
div.section-box h3 a:active, div.section-box h3 a:hover {
	color: #cccccc;
}
img.section-pic {
	display: block;
	margin: 0 5px 0 5px;
	border-top: 1px solid #fff;
}
div.section-box p {
	font-size: 0.9em;
	width: 172px;
	margin: 10px 10px 10px 10px;
	padding: 0 10px 0 0;
}

div.section-box p a {
	font-weight: normal;
	text-decoration: none;
}

div.section-box p a:link, div.section-box p a:visited {
	color: #404040;
}

div.section-box p a:active, div.section-box p a:hover {
	font-weight: normal;
	color: #404040;
}

/* Full width boxes */
div#750box-container {
	margin: 11px 0 11px 0;
	padding: 0 0 0 10px;
	background: transparent;
}
div.750box {
	background: url(gif/bg_750box_long.gif) no-repeat bottom left;
	width: 760px;
	float: left;
	margin: 0 5px 0 0;
	padding: 0 0 4px 0;
}
div.750box h3 {
	background: url(gif/bg_750box_heading.gif) no-repeat top left;
	font-size: 1.2em;
	color: #fff;
	padding: 8px 18px 7px 18px;
	margin: 0;
}
div.750box h3 a {
	font-weight: bold;
	text-decoration: none;
}
div.750box h3 a:link, div.750box h3 a:visited {
	color: #fff;
}
div.750box h3 a:active, div.750box h3 a:hover {
	color: #cccccc;
}
img.section-pic {
	display: block;
	margin: 0 5px 0 5px;
	border-top: 1px solid #fff;
}
div.750box p {
	font-size: 0.9em;
	width: 732px;
	margin: 10px 10px 10px 10px;
	padding: 0 10px 0 0;
}

div.750box p a {
	font-weight: bold;
	text-decoration: none;
}

div.750box p a:link, div.750box p a:visited {
	color: #404040;
}

div.750box p a:active, div.750box p a:hover {
	font-weight: bold;
	color: #404040;
}

/* Half width boxes */
div#375box-container {
	margin: 11px 0 11px 0;
	padding: 0 0 0 10px;
	background: transparent;
}
div.375box {
	background: url(gif/bg_375box.gif) no-repeat bottom left;
	width: 375px;
	float: left;
	margin: 0 5px 0 0;
	padding: 0 0 4px 0;
}
div.375box h3 {
	background: url(gif/bg_375box_heading.gif) no-repeat top left;
	font-size: 1.2em;
	color: #fff;
	padding: 8px 18px 7px 18px;
	margin: 0;
}
div.375box h3 a {
	font-weight: bold;
	text-decoration: none;
}
div.375box h3 a:link, div.375box h3 a:visited {
	color: #fff;
}
div.375box h3 a:active, div.375box h3 a:hover {
	color: #cccccc;
}
div.375box p {
	font-size: 0.9em;
	width: 357px;
	margin: 10px 10px 10px 10px;
	padding: 0 10px 0 0;
}

div.375box p a {
	font-weight: bold;
	text-decoration: none;
}

div.375box p a:link, div.375box p a:visited {
	color: #404040;
}

div.375box p a:active, div.375box p a:hover {
	font-weight: bold;
	color: #404040;
}

div#right-box-container {
	margin: 1px 0 11px 0;
	padding: 0 0 0 10px;
	background: transparent;
}
div.right-box {
	background: url(gif/bg_rightbox.gif) no-repeat bottom left;
	width: 175px;
	float: left;
	margin: 0 5px 0 0;
	padding-bottom: 18px;
}
div.right-box h3 {
	background: url(gif/bg_rightbox_heading.gif) no-repeat top left;
	font-size: 1.0em;
	color: #fff;
	padding: 8px 18px 7px 18px;
	margin: 0;
}
div.right-box p {
	font-size: 0.8em;
	width: 150px;
	padding: 8px 18px 7px 18px;
	margin: 0;
}
div.right-box ul {
	list-style: none;
	margin: 0 0 0 0;
	padding: 0 5px 0 15px;
}
div.right-box ul li {
	padding-bottom: 4px;
}
div.right-box ul li main {
	background: url(gif/bullet_circle_sidebox.gif) no-repeat 0 0.6em;
	padding: 8px 0 4px 24px;
	border-top: 1px dashed #22589D;
	margin-bottom: 0.6em;
}
div.right-box ul li#active {
	background: url(gif/bullet_circle_sidebox_reverse.gif) no-repeat 0.2em 0.6em;
}

div.right-box ul ul {
	margin: 0.6em 0 0 0;
}
div.right-box ul ul li {
	padding: 1px 0 4px 9px;
	background: url(gif/bullet_arrow_blue.gif) no-repeat 0 0.4em;
}
div.right-box ul ul li#current {
	padding: 4px 0 0 0;
	background: url(gif/bg_videonav_on.gif) repeat-y right;
}
div.right-box ul ul li#current a {
	background: url(gif/bullet_arrow_oblue_reverse.gif) no-repeat 0 0.35em;
	padding: 0 0 0 9px;
	font-weight: bold;
	letter-spacing: 1px;
}
div.right-box a {
	text-decoration: none;
	font-weight: normal;
	font-size: 0.8em;
}
div.right-box a:link, div.right-box a:visited {
	color: #404040;
}
div.right-box a:active, div.right-box a:hover {
	color: #8888BB;
	font-weight: bold;
}




/* below here are the properties for the menus
/* blue grades - root level; text properties for states: normal */
.TM0i0 {
	font-family: Verdana, Tahoma, Geneva, Arial, Helvetica, sans-serif;;
	color: #FFFFEE;
	font-size: 11px;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
}

/* blue grades - root level; text properties for states: hover, click */
.TM0i1 {
	font-family: Verdana, Tahoma, Geneva, Arial, Helvetica, sans-serif;;
	color: #DDDDDD;
	font-size: 11px;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
}

/* blue grades - root level; box properties for states: normal */
.TM0o0 {
	background: none;
	border: 0px;
	padding: 1px;
	text-align: left;
	vertical-align: middle;
	text-decoration: none;
}

/* blue grades - root level; box properties for states: hover, click */
.TM0o1 {
	background: #999999;
	border: 0px;
	padding: 1px;
	text-align: left;
	vertical-align: middle;
	text-decoration: none;
}

/* blue grades - sub levels; text properties for states: normal */
.TM1i0 {
	font-family: Verdana, Tahoma, Geneva, Arial, Helvetica, sans-serif;;
	color: #FFFFFF;
	font-size: 10px;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}

/* blue grades - sub levels; box properties for states: normal */
.TM1o0 {
	background: #364680;
	border: 1px solid #142460;
	padding: 2px;
	text-align: left;
	vertical-align: middle;
	text-decoration: none;
}

/* blue grades - sub levels; text properties for states: hover, click */
.TM1i1 {
	font-family: Verdana, Tahoma, Geneva, Arial, Helvetica, sans-serif;;
	color: #000000;
	font-size: 10px;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}

/* blue grades - sub levels; box properties for states: hover, click */
.TM1o1 {
	background: #AAAAAA;
	border: 1px solid #2B547F;
	padding: 2px;
	text-align: left;
	vertical-align: middle;
	text-decoration: none;
}

/* blue grades - sub sub levels; box properties for states: normal */
.TM2o0 {
	background: #AA3333;
	border: 1px solid #2B547F;
	padding: 2px;
	text-align: left;
	vertical-align: middle;
	text-decoration: none;
}

/* blue grades - sub sub sub levels; box properties for states: normal */
.TM3o0 {
	background: #006600;
	border: 1px solid #2B547F;
	padding: 2px;
	text-align: left;
	vertical-align: middle;
	text-decoration: none;
}

span.select { 
  position: absolute; 
  width: 190px; /* With the padding included, the width is 190 pixels: the actual width of the image. */ 
  height: 21px; 
  padding: 0 0 0 0; 
  color: #ffffee; 
  font: 12px/21px arial,sans-serif; 
  background: url(gif/select.gif) no-repeat; 
  overflow: hidden; 
} 


	
/*** END ***/