body {margin-top:0;}

.maincontainer {
	background-color: #ffffff;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
}
#header { 
	margin: 0px; 
	text-align: left; 
	padding:0px;
	height:130px;;
}

.topbanner {
   padding-top:6px;
   padding-left:5px;
}

#contentpad { 
 padding:5px;
}

#footer { 
	font-size: 11px; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}

/* Blue Box Controls */

.boxHeader {
	height: 22px;
	border-top: 1px solid #395a90;
	border-right:1px solid #395a90;
	border-bottom:1px solid #395a90;
	border-left:1px solid #395a90;
	background-color: #bfd2e3;
	padding-left: 6px;
	padding-right: 6px;
}
.boxHeaderText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color:	#395a90;
	text-align: left;
}.boxTopLt {
	background-image: url(../images/boxes/boxTopLt.gif);
	background-repeat: no-repeat;
	width: 6px;
	height: 24px;
}
.boxTopBg {
	background-image: url(../images/boxes/boxTopBg.gif);
	background-repeat: repeat-x;
	height: 24px;
	text-align: left;
}
.boxTopRt {
	background-image: url(../images/boxes/boxTopRt.gif);
	background-repeat: no-repeat;
	width: 6px;
	height: 24px;
}
.boxBotLt {
	background-image: url(../images/boxes/boxBotLt.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	width: 6px;
	height: 24px;
}
.boxBotBg {
	background-image: url(../images/boxes/boxBotBg.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	height: 24px;
}
.boxBotRt {
	background-image: url(../images/boxes/boxBotRt.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	width: 6px;
	height: 24px;
}
.boxSubSection {
	border-right:1px solid #395a90;
	border-left:1px solid #395a90;
	background-color: #e3ebf3;
	padding-left: 6px;
	padding-right: 6px;
	background-image: url(../images/boxes/boxTopBg.gif);
	background-repeat: repeat-x;
	height: 24px;
	text-align: left;
}
.boxSubTop {
	height: 22px;
	border-top:1px solid #395a90;
	border-right:1px solid #395a90;
	border-bottom:1px solid #395a90;
	border-left:1px solid #395a90;
	background-color: #e3ebf3;
	padding-left: 6px;
	padding-right: 6px;
}
.boxSubBottom {
	height: 22px;
	border-top:1px solid #395a90;
	border-right:1px solid #395a90;
	border-bottom:1px solid #395a90;
	border-left:1px solid #395a90;
	background-color: #e3ebf3;
	padding-left: 6px;
	padding-right: 6px;
}
.boxSubTitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
	color: #333333;
}
.boxSubHeaderTitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #333333;
}
.boxHeaderBorder { /* use if no top subheader is used -tih: 10.02.2006*/
	border-bottom:1px solid #395a90;
}
.boxFooterBorder { /* use if no bottom subheader is used */
	border-top:1px solid #395a90;
}
.boxFooter {
	border-top:1px solid #395a90;
	border-right:1px solid #395a90;
	border-bottom:1px solid #395a90;
	border-left:1px solid #395a90;
	background-color: #bfd2e3;
	padding-left: 6px;
	padding-right: 6px;
	height: 22px;
}
.boxSectionHeader {
	border-right: 1px solid #395a90;
	border-left: 1px solid #395a90;
	background-color: #e3ebf3;
	padding-left: 6px;
	padding-right: 6px;
	height: 22px;
}
.boxSectionHeaderText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	color:	#395a90;
}
.boxText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	padding-left: 6px; /* CD 09/11/06 */
	padding-right: 6px; /* CD 09/11/06 */
}
.boxText a:link {
	color: #333333;
	text-decoration: underline;
}
.boxText a:active {
	color: #333333;
	text-decoration: underline;
}
.boxText a:visited {
	color: #333333;
	text-decoration: underline;
}
.boxText a:hover {
	color: #333333;
	text-decoration: underline;
}

/* Display Table */
.displayTableBorder {
	border-right: 1px solid #395a90;
	border-left: 1px solid #395a90;
	background-color:#FFFFFF;
}
.displayTableBorderLast {
	border-right: 1px solid #395a90;
	border-left: 1px solid #395a90;
	border-bottom: 1px solid #395a90;
	background-color:#FFFFFF;
}
.displayTableText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
}
.displayTableText b {
	font-weight: bold;
}
.displayTableText a:link {
	color: #333333;
	text-decoration: underline;
}
.displayTableText a:active {
	color: #333333;
	text-decoration: underline;;
}
.displayTableText a:visited {
	color: #333333;
	text-decoration: underline;;
}
.displayTableText a:hover {
	color: #333333;
	text-decoration: underline;;
}

/* submit button */

.submitButton {
	border-left: 1px solid #5a7692;
	border-right: 1px solid #5a7692;
	padding-right:4px;
	text-align: center;
	background-color:#799fc5;
	padding-left:4px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}

.submitButton a:link {
	color: #FFFFFF;
	text-decoration: none;
}
.submitButton a:active {
	color: #FFFFFF;
	text-decoration: none;
}
.submitButton a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
.submitButton a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}



/* Vertical Navigation */ 

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.arrowlistmenu{
width: 120px; /*width of menu*/
border-right: 1px solid gray;
border-bottom: 1px solid gray;
}

.arrowlistmenu .headerbar{
font-size: 10px;
color: #494949;
background: white url(../images/topnav_bg.gif) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
border-bottom: 1px solid gray;
border-top: 1px solid gray;
padding: 2px 0 2px 5px; /*header text is indented 10px*/
}

.arrowlistmenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #A70303;
background: url(../images/nav/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 10px;
}

.arrowlistmenu ul li a:visited{
color: #A70303;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #A70303;
background-color: #F3F3F3;
}


/* horizontal navigation */

#slantedmenu{
font-weight: bold;
font-size: 10px;
}

#slantedmenu:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

#slantedmenu ul{
text-indent: 10px;
padding: 3px 0;
margin: 0;
background-color: #e0e0e0;
border: 1px solid #bebebe;
background-image: url(../images/topnav_bg.gif);
background-repeat: repeat-x;
text-align: left; /*set value to "center" for example to center items*/
}

#slantedmenu ul li{
display: inline;
}

#slantedmenu ul li a{
color: #494949;
padding: 3px 0;
padding-right: 25px;
margin: 0;
text-decoration: none;
background: transparent url(../images/nav/slantdivider.gif) top right no-repeat;
}

#slantedmenu ul li a:visited{
color: #494949;
} 

#slantedmenu ul li a:hover{
color: black;
}

/* SpryTabbedPanels.css - version 0.4 - Spry Pre-Release 1.5 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/* Horizontal Tabbed Panels
 *
 * The default style for a TabbedPanels widget places all tab buttons
 * (left aligned) above the content panel.
 */

/* This is the selector for the main TabbedPanels container. For our
 * default style, this container does not contribute anything visually,
 * but it is floated left to make sure that any floating or clearing done
 * with any of its child elements are contained completely within the
 * TabbedPanels container, to minimize any impact or undesireable
 * interaction with other floated elements on the page that may be used
 * for layout.
 *
 * If you want to constrain the width of the TabbedPanels widget, set a
 * width on the TabbedPanels container. By default, the TabbedPanels widget
 * expands horizontally to fill up available space.
 *
 * The name of the class ("TabbedPanels") used in this selector is not
 * necessary to make the widget function. You can use any class name you
 * want to style the TabbedPanels container.
 */
.TabbedPanels {
	margin: 0px;
	padding: 0px;
	float: left;

	clear: none;
	width: 400px; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
}

/* This is the selector for the TabGroup. The TabGroup container houses
 * all of the tab buttons for each tabbed panel in the widget. This container
 * does not contribute anything visually to the look of the widget for our
 * default style.
 *
 * The name of the class ("TabbedPanelsTabGroup") used in this selector is not
 * necessary to make the widget function. You can use any class name you
 * want to style the TabGroup container.
 */
.TabbedPanelsTabGroup {
	margin: 0px;
	padding: 0px;
}

/* This is the selector for the TabbedPanelsTab. This container houses
 * the title for the panel. This is also the tab "button" that the user clicks
 * on to activate the corresponding content panel so that it appears on top
 * of the other tabbed panels contained in the widget.
 *
 * For our default style, each tab is positioned relatively 1 pixel down from
 * where it wold normally render. This allows each tab to overlap the content
 * panel that renders below it. Each tab is rendered with a 1 pixel bottom
 * border that has a color that matches the top border of the current content
 * panel. This gives the appearance that the tab is being drawn behind the
 * content panel.
 *
 * The name of the class ("TabbedPanelsTab") used in this selector is not
 * necessary to make the widget function. You can use any class name you want
 * to style this tab container.
 */
.TabbedPanelsTab {
	position: relative;
	top: 1px;
	float: left;
	padding: 4px 10px;
	margin: 0px 1px 0px 0px;
	font: bold 12px verdana, arial, sans-serif;
	background-color: #C5DBFC;
	list-style: none;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #999;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
}

/* This selector is an example of how to change the appearnce of a tab button
 * container as the mouse enters it. The class "TabbedPanelsTabHover" is
 * programatically added and removed from the tab element as the mouse enters
 * and exits the container.
 */
.TabbedPanelsTabHover {
	background-color: #CCC;
}

/* This selector is an example of how to change the appearance of a tab button
 * container after the user has clicked on it to activate a content panel.
 * The class "TabbedPanelsTabSelected" is programatically added and removed
 * from the tab element as the user clicks on the tab button containers in
 * the widget.
 *
 * As mentioned above, for our default style, tab buttons are positioned
 * 1 pixel down from where it would normally render. When the tab button is
 * selected, we change its bottom border to match the background color of the
 * content panel so that it looks like the tab is part of the content panel.
 */
.TabbedPanelsTabSelected {
	background-color: #fff;
	border-bottom: 1px solid #fff;
}

/* This selector is an example of how to make a link inside of a tab button
 * look like normal text. Users may want to use links inside of a tab button
 * so that when it gets focus, the text *inside* the tab button gets a focus
 * ring around it, instead of the focus ring around the entire tab.
 */
.TabbedPanelsTab a {
	color: #fff;
	text-decoration: none;
}

/* This is the selector for the ContentGroup. The ContentGroup container houses
 * all of the content panels for each tabbed panel in the widget. For our
 * default style, this container provides the background color and borders that
 * surround the content.
 *
 * The name of the class ("TabbedPanelsContentGroup") used in this selector is
 * not necessary to make the widget function. You can use any class name you
 * want to style the ContentGroup container.
 */
.TabbedPanelsContentGroup {
	clear: both;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	background-color: #fff;
}

/* This is the selector for the Content panel. The Content panel holds the
 * content for a single tabbed panel. For our default style, this container
 * provides some padding, so that the content is not pushed up against the
 * widget borders.
 *
 * The name of the class ("TabbedPanelsContent") used in this selector is
 * not necessary to make the widget function. You can use any class name you
 * want to style the Content container.
 */
.TabbedPanelsContent {
	padding: 4px;
}

/* This selector is an example of how to change the appearnce of the currently
 * active container panel. The class "TabbedPanelsContentVisible" is
 * programatically added and removed from the content element as the panel
 * is activated/deactivated.
 */
.TabbedPanelsContentVisible {
}

/* new css for new pages march 2010 */
.urbangreymenu {
width:135px;
margin-top:0;
}

.urbangreymenu .headerbar {
font:bold 17px Verdana;
color:#FFF;
background:#333 url(../images/navbarback.gif); background-repeat: repeat-x;
margin-bottom:0;
padding:4px 0 5px 4px;
}


.urbangreymenu .headerbar2 {
font:bold 17px Verdana;
color:#FFF;
background:#5B99BE url(-/includes/osceola/arrowstop.gif) no-repeat 6px 4px;
margin-bottom:0;
padding:4px 0 5px 4px;
}

.headerbar2 a {
color:red;
}

.urbangreymenu ul {
list-style-type:none;
margin:0;
padding:0;
}

.urbangreymenu ul li {
padding-bottom:1px;
}

.urbangreymenu ul li a {
font:normal 11px Arial;
color:#000;
background:#F9F9F8;
display:block;
line-height:17px;
text-decoration:none;
border:1px #ccc solid;
padding:1px 0 1px 8px;
}

.urbangreymenu ul li a:hover {
color:#FFF;
background:#338CEF;
}

.bulletlist li {
list-style:disc;
margin-left:20px;
}




#navcontainer
{
height: 52px;
width:960px;
background:#2c2c2c ;
margin-top: -15px;

	background-image: url(../images/navbarbacktop.gif);
	background-repeat: repeat-x;

}


ul#navlist
{
margin-left: 0;
padding-left: 0;
white-space: nowrap;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
padding-top: 8px;
padding-bottom: 10px;
font-size: 15px; 
font-weight: bold;



}

#navlist li
{
display: inline;
list-style-type: none;
}

#navlist a { padding: 5px 10px; }

#navlist a:link, #navlist a:visited
{
color: #fff;
background-color: #;
text-decoration: none;
}

#navlist a:hover
{
color: #fff;
background-color: #338CEF;
text-decoration: none;
}

.navred
{
background:#333 url(../images/navbarbackred.gif); background-repeat: repeat-x;
color: #fff; font-weight: bold;
}

.newheading
{
font-size: 30px;
font-weight: bold;
margin-bottom: 5px;
margin-top: 20px;
}

.newheadingsmaller
{
font-size: 20px;
font-weight: bold;
}



.newheadback
{
font:bold 13px arial;
color:#FFF;
background:#333 url(../images/navbarback.gif); background-repeat: repeat-x;
margin-bottom:0;
padding:3px 0 3px 3px;
}
.newsmall
{
font-size: 11px;
font-weight: bold;
}

.tabborder
{
border: 1px #ccc solid;
font-size: 12px;
}

.footerback
{
	background-image: url(../images/footerback.gif);
	background-repeat: repeat-x;
	height: 136px;
	border-bottom: 1px #333 solid;
	}
	
	.topadsskytable a:link{color:#666; font-size:10px; text-align:left; text-decoration:none; font-weight:bold; font-family:Verdana,Arial,Helvetica,sans-serif}
.topadsskytable a:visited{color:#666; font-size:10px; text-align:left; text-decoration:none; font-weight:bold; font-family:Verdana,Arial,Helvetica,sans-serif}
.topadsskytable a:hover{color:#c03; font-size:10px; font-weight:bold; text-decoration:underline; font-family:Verdana,Arial,Helvetica,sans-serif}
.topadsskytable{width:160px; background-color:#fff; border:1px solid #777; padding:2px; border-spacing:0px; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:9; text-align:left; line-height:10px}
.topadsskyheader{background:#8091DE url("../images/topadsskyheader_back.gif") no-repeat left top; vertical-align:middle; font:bold 12px "Trebuchet MS",Verdana,sans-serif; color:#FFF; font-weight:bold; width:160px; border:1px solid white; padding:2px; border-spacing:0px; line-height:15px; text-transform:uppercase}

.formbutton  {
background-color:#166010;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
padding: 3px;
}