/* DSDM 2006 Default CSS Document */
body,html {margin:0;padding:0;color:#000;font:11px Verdana,Arial,Helvetica,sans-serif}
body {
	background: #6699cc url(/images/background-home.gif) repeat-x  0px -20px ;

}

h1{
font-size:20px;
color:#6699cc;
}
h2{
font-size:18px;
color:#000;
line-height:30px;
font-family:Geneva, Arial, Helvetica, sans-serif;
margin:0;
margin-bottom: 6px

}

h3{
font-size:16px;
color:#6699cc;
}

a, a:link, a:visited{
color:#365879;
text-decoration:none;
}

a:active, a:hover {
text-decoration:underline;

}

img {border:0}

input, select, textarea {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px}

#container {margin:0 auto;width:960px; }
/*#header {height:60px;background:url(/images/dsdm_logo.gif) no-repeat #fff;}*/
#header {height:82px; padding-left:10px}
#header h1 {padding:5px;margin:0; display:none;}
#header img {float:left; padding:20px 0px}
#header #menu_regions { height:26px;margin-top:4px;float:right}
#header #search { float:right;margin-right:5px;clear:right; border:1px solid #ddd; padding:10px;; text-align:right; }
#header #search form {margin:0;padding:0}
#header #search form input {font-size:11px;}

#navigation {background:#6699cc; height:16px;padding:0px;}
#navigation ul {margin:0;padding:0;list-style:none}
#navigation li {display:inline;margin:0;padding:0}
#navigation ul li a, #navigation ul i a:link, #navigation ul li a:visited {color:#fff;text-decoration:none;font-weight:bold;margin-right:2px;padding-right:5px;border-right:1px solid #fff}
#navigation ul a:hover, #navigation ul li a:active {color:#fff;text-decoration:underline}

#submenu ul {margin:0;padding:0;list-style:none}
#submenu li {display:inline;margin:0;padding:0}
#submenu {background:#bdd8f4; height:16px;padding:8px;border-top:1px solid #365879}
#submenu ul li a, #submenu ul i a:link,#submenu ul li a:visited {color:#365879;text-decoration:none;margin-right:2px;padding-right:5px;border-right:1px solid #000;font-weight:bold}
#submenu ul a:hover,#submenu ul li a:active {color:#fff;text-decoration:underline}
#submenu ul li a.last, #submenu ul i a.last:link,#submenu ul li a.last:visited {border-right:0px;}

#navigationa #search {margin:0;float:right}
#navigationa #search input {font-size:10px}

#content {background:#fff;float:left;width:490px;border-right:1px solid #bdd8f4;padding:0 10px 10px 10px}
#content h2,#content h3,#content p {}
#home {background:#fff;float:left;width:100%;padding:10px; width:940px}
#sidebar {;float:right;width:240px}
#sidebar a {font-weight:bold;}
#sidebar ul {margin:0;padding:0;margin-left:16px;}
#sidebar ul li {margin:0;padding:0; list-style:square}
#sidebar h3,#sidebar p {padding:0 10px 0 0}
#footer {background-color:#bdd8f4;clear:both;padding:5px;display:block;height:28px}
#footer a,#footer a:link,#footer a:visited {color:#365879;text-decoration:none}
#footer a:active,#footer a:hover {color:#365879;text-decoration:underline}
#footer div {margin-top:4px;}

.inner {margin:0 auto;width:940px; }

#footer-menu {background-color:#bdd8f4; height:140px; border-top:3px solid #385b7d; padding:5px 10px}
#footer-menu ul { margin:0; padding:0; list-style:none; }
#footer-menu ul  li { margin:0; padding:0; list-style:none; font-weight:bold; font-size:13px; width:128px;  float:left;; margin-right:5px }
#footer-menu ul  li ul {  float:none}
#footer-menu ul  li ul li {  float:none; font-size:10px; font-weight:normal}


#footer-legal { background-color:#FFFFFF; height:50px; border-top:3px solid #385b7d; padding:5px 0px}
#footer-legal ul {  margin:0; padding:0}


#menu_other, #menu_regions {margin:0}
#menu_other ul, #menu_regions ul {margin:0;padding:0;list-style:none; background:#006666}
#menu_other li, #menu_regions li {display:inline;margin:0;padding:0;border-right:1px solid #365879;margin-right:5px;padding-right:5px; font-weight:bold; color:#999; list-style:none}
#menu_other li.last, #menu_regions li.last {border:0}

.wide , #container div.wide{width:750px ; background:none; border:none; background-color:#FFF;margin-right:0}


#mission { text-align:center;  border:1px solid #336699; padding:4px; margin:0px 4px 4px 4px}
#mission h2 { text-align:center; font-size:11px; margin:0px}

#scroller { padding:0px; margin:0px; ; overflow:hidden; width:910px;}
#home .autoscroller {width:930px;margin-bottom:0px; background-color:#FFFFFF; ;padding:4px; margin-left:10px; overflow:hidden}
#home .autoscroller ul li { margin:0px 12px;width:90px; height:40px; overflow:hidden; background:#FFF; line-height:40px; list-style:none;padding-left:0px; text-align:center; }
#home .autoscroller ul li img { vertical-align:middle}

#home h2 { border-bottom:2px solid #6699cc;}
#home h2.no-border { border-bottom:0}
#home .borders { float:left; width:305px; border-top:2px solid #6699cc; height:2px; margin-top:5px}
#home .borders.margins { margin-right:10px; h}
#home .seperator { clear:both}
#home .box {float:left; width:305px}
#home .box.margins {margin-right:10px}

#navigation {
	position: relative;
	width: 100%;
	height: 2.2em;
	/*width: 760px; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
}

#navigation ul#toggle {
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: -1px;
	/*width: 60em; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
}

#navigation ul#toggle li  {
	display: inline;
	list-style: none;
}

#navigation ul#toggle a,#navigation ul#toggle span,#navigation ul#toggle a.current {

	display: block;
	float: left;
	padding: 4px 8px;
	margin: 1px 2px 0 0;
	margin: 1px 0px 0 0;	
	text-align: center;
	font-size: 100%;
	text-decoration: none;
	color: #333;
	height:14px;

}

#navigation ul#toggle span,#navigation ul#toggle a.current,#navigation ul#toggle a.current:hover {
	border: 2px solid  #365879;
	border-bottom: none;
	padding-bottom: 6px;
	margin-top: 0;
}

#navigation ul#toggle a {
	background: #6699cc;
	border-top:  1px solid  #6699cc;	
	border-right: 1px solid  #365879;	
	border-bottom:  1px solid  #365879;
	color:#FFF;
}

#navigation ul#toggle li a:hover, #navigation ul#toggle li a.selected{
	margin-top: 0;
	background: #bdd8f4;
	padding-bottom: 5px;
	border-top:  1px solid  #365879;	
	border-bottom:  1px solid  #bdd8f4;	
	color:#365879;

}

#navigation ul#toggle li.selected a#current {
	background: #bdd8f4;
}

#toggle .sub{
	display:none;

}

#guide { clear:both}

#home{ height:100%}
#home h3 {color:#365879}
#home{}
#home ul {margin:0;padding:0}
#home ul li {margin:0;padding:0;padding-left:14px; background:url(/images/b.gif) no-repeat 3px; list-style:none}

#home form {margin:0;padding:0}
#home form label {width:70px; display:block;text-align:right;  float: left;padding-top:2px;font-weight:bold}
#home form input {width:150px; font-size:10px}
#home form #btnSignin,#home form #btnSignup  {width:60px; font-weight:bold}

.homebox1, .homebox2  {float:left; width:238px; height:170px; padding:4px; margin:3px; border-left:1px solid #ccc;border-top:1px solid #ccc;border-right:3px solid #69c;border-bottom:4px solid #369;}
.homebox2 {background-color: #FFEEFF;height:170px;}
.homeend {width:238px;margin-right:0}

#homeboxtv {float:left; width:502px; height:308px; padding:0px; margin:3px; border-left:1px solid #ccc;border-top:1px solid #ccc;border-right:3px solid #69c;border-bottom:4px solid #369;; overflow:hidden; background-color:#FFFFFF}
#homeboxnews {float:left; width:238px; height:265px; padding:4px; margin:3px; border-left:1px solid #ccc;border-top:1px solid #ccc;border-right:3px solid #69c;border-bottom:4px solid #369; overflow:hidden; background-color:#FFFFFF}

#homeboxnews  h3 { margin:0px}

#homeboxtv2 {float:left; width:502px; padding:0px; margin:4px;}
#homeboxtv2 div.box-spec {border-left:1px solid #ccc;border-top:1px solid #ccc;border-right:3px solid #69c;border-bottom:4px solid #369;;background-color:#FFFFFF; width:502px; height:132px; overflow:hidden; margin-bottom:4px}


#homeboxnews ul {margin:0;padding:0}
#homeboxnews ul li {margin:0;padding:0;padding-left:14px; background:url(/images/b.gif) no-repeat 3px; list-style:none}

fieldset {
  clear: both;
  font-size: 100%;
  border-color: #336699;
  border-width: 1px;
  border-style: solid;
  padding: 10px;
  margin: 0px 0px 0px 0px;
}

fieldset table th { text-align:right; width:112px;}

fieldset legend {
  font-size: 150%;
  font-weight: bold;
  color: #336699;
  margin: 0px 0px 0px 0px;
  padding: 0px 5px;
}

/* Login */

#frmLogin fieldset {
  clear: both;
  font-size: 100%;
  border-color: #333;
  border-width: 1px;
  border-style: solid;
  padding: 10px;
  margin: 0px 0px 0px 0px;
}

#frmLogin fieldset legend {
  font-size: 150%;
  font-weight: normal;
  color: #000000;
  margin: 0px 0px 0px 0px;
  padding: 0px 5px;
}

#frmLogin input, #frmLogin select, #frmLogin textarea {
  font-family: Tahoma, Arial, sans-serif;
  font-size: 100%;
  color: #000000;
}

#frmLogin div {
  clear: left;
  display: block;
  width: 354px;
  height: expression('1%');
  margin: 5px 0px 0px 0px;
  padding: 1px 3px;
}

#frmLogin fieldset div.notes {
  float: right;
  width: 158px;
  height: auto;
  margin: 0px 0px 10px 10px;
  padding: 5px;
  border: 1px solid #666666;
  background-color: #ffffe1;
  color: #666666;
  font-size: 88%;
}

#frmLogin fieldset div.notes h4 {
  background-image: url(/images/icon_info.gif);
  background-repeat: no-repeat;
  background-position: top left;
  padding: 3px 0px 3px 27px;
  border-width: 0px 0px 1px 0px;
  border-style: solid;
  border-color: #666666;
  color: #666666;
  font-size: 110%;
}

#frmLogin fieldset div.notes p {
  margin: 0em 0em 1.2em 0em;
  color: #666666;
}

#frmLogin fieldset div.notes p.last {
  margin: 0em;
}

#frmLogin div fieldset {
  clear: none;
  border-width: 1px;
  border-style: solid;
  border-color: #666666;
  margin: 0px 0px 0px 142px;
  padding: 0px 5px 5px 5px;
  width: 197px;
}

#frmLogin div fieldset legend {
  font-size: 100%;
  padding: 0px 3px 0px 9px;
}

#frmLogin div.required fieldset legend {
  font-weight: bold;
}

#frmLogin div label {
  display: block;
  float: left;
  width: 70px;
  padding: 3px 5px;
  margin: 0px 0px 5px 0px;
  text-align: right;
}

#frmLogin div.optional label, #frmLogin label.optional {
  font-weight: normal;
}

#frmLogin div.required label, #frmLogin label.required {
  font-weight: bold;
}

#frmLogin p.error {
  background-color: #ff0000;
  background-image: url(/images/icon_error.gif);
  background-repeat: no-repeat;
  background-position: 3px 3px;
  color: #ffffff;
  padding: 3px 3px 5px 27px;
  border: 1px solid #000000;
  margin: auto 100px;
}

#frmLogin div.error {
  background-color: #ffffe1;
  background-image: url(/images/required_bg.gif);
  background-repeat: no-repeat;
  background-position: top left;
  color: #666666;
  border: 1px solid #ff0000;
}

#frmLogin div.error #frmLogin p.error {
  background-image: url(/images/icon_error.gif);
  background-position: top left;
  background-color: transparent;
  border-style: none;
  font-size: 88%;
  font-weight: bold;
  margin: 0px 0px 0px 118px;
  width: 200px;
  color: #ff0000;
}

#frmLogin div input, #frmLogin div select, #frmLogin div textarea {
  width: 200px;
  padding: 1px 3px;
  margin: 0px 0px 0px 0px;
}


#frmLogin div.submit {
  width: 214px;
  padding: 0px 0px 0px 90px;
}

#frmLogin div.submit div {
  display: inline;
  float: left;
  text-align: left;
  width: auto;
  padding: 0px;
  margin: 0px;
}

#frmLogin div.submit input {
  width: auto;
}

#btnMoveUp,#btnMoveDown{ background: url(/images/icons/24x24/up.gif) 13px 2px no-repeat #EEE; width:54px; height:34px; border: 2px outset #ccc; }
#btnMoveDown { background-image:url(/images/icons/24x24/down.gif); }


table.data { background-color:#365879;border: 1px solid #444; border-bottom:0px;}
table.data td, table.data th { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000; text-decoration:none; background-color:#FFF;padding:3px;border-bottom:1px solid #444; vertical-align:top}
table.data th { text-align:left; color:#FFF; background-color:#6699cc;padding:6px 3px;font-size:12px;}

.highlight {color:#6699cc; font-weight:bold}
.highlightalt {color: #990000; font-weight:bold}
.notice {font-size:9px}
.error { border:1px solid #F00; background-color:#FF8083;padding:6px; text-align:center; font-weight:bold; color:#fff}

.memberlist {width:250px; float:left;}

ul.sr li {margin-top:12px;}
ul.sr li h5 { margin-bottom:0px;}

#slider							{ background: white url(../images/slider-bg.jpg); height: 200px; overflow: hidden; border-bottom::2px solid #6699cc;
								  position: relative; margin: 0px 0; }
								  
                                /* DEFAULT is for three panels in width, adjust as needed
                                   This only matters if JS is OFF, otherwise JS sets this. */								  
#mover							{ width: 2880px; position: relative; }

.slide							{ padding: 30px 10px; width: 940px; float: left; position: relative; }
.slide h1						{ font-family: Helvetica, Sans-Serif; font-size: 30px; letter-spacing: -1px; margin:0; padding:0 ;								  color: #385b7d; }
.slide p						{ color: #666; font-size: 12px; line-height: 22px; width: 350px; }
.slide img						{ position: absolute; top: 0px; left: 620px; }
#slider-stopper					{ position: absolute; top: 1px; right: 20px; background: #6699cc; color: white;
								  padding: 3px 8px; font-size: 10px; text-transform: uppercase; z-index: 1000; }


#scrollerbox { padding:0px 4px}

.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
height: 16px;
}

.shadetabs li{
display: inline;
margin: 0;
}

#content .shadetabs li a, #content .shadetabs li a:link{
text-decoration: none;
padding: 6px 10px 6px 10px;
margin-right: 3px;

color: #fff;
background: #035683 ;
}

#content .shadetabs li a:visited{
color: #fff;
}

#content .shadetabs li a:hover{
text-decoration: none;
color: #fff;
}

#content .shadetabs li.selected{
position: relative;
top: 1px;
}

#content .shadetabs li.selected a{ /*selected main tab style */
background: #F30;
color:#FFF;
border-bottom-color: white;
}

#content .shadetabs li.selected a:hover{ /*selected main tab style */
text-decoration: none;
}

.tabcontentstyle{ /*style of tab content oontainer*/
border: 1px solid #F30;
border-top-width:5px;
margin-bottom: 1em;
padding: 8px;
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block!important;
}
}