﻿/* CSS layout */
html {
	font-family: Arial, Verdana, Helvetica;
}

body {
	font-size:1.0em;
	background: #336699;
	vertical-align:top;
}

a {
	color: #133AA4;
	/*color: #083c66;*/
}

a:hover{
	color: Red;
}

a img{
	border: none;
}

ul {
	margin:0;
	padding:0;
}
/*-----------------------------------HEADERS-------------------------------------------*/
h1 {
	font-size:1.6em;
	color: #003399;
	border-bottom: 4px #339 double;
	margin: 0;
}
h1 a{
	color: #003399;
	text-decoration: none; 
}
h2 {
	font-size:1.2em;
	color: #003399;
	border-bottom: 2px #339 solid;
	margin: 0;
}
h2 a{
	color: #003399;
	text-decoration: none;
}
h3{
	font-size:1.3em;
	color:#003399;
	text-transform: uppercase;
	border-bottom: 2px #339 dotted;
	margin: 0;
}
h3 a{
	color: #003399;
	text-decoration: none;
}
h4{
	clear:both;
	float:none;
	font-size:1.3em;
	color: #003399;
	border-bottom: 1px #339 dotted;
	margin: 0;
}
h4 a{
	color: #003399;
	text-decoration: none;
}

h5{
	color: #aaaaaa;
	font-size:1.3em;
	font-style: italic;
}
h6{
	font-size:1.6em;
	color:red;
	border-bottom: 4px red double;
	margin:0;
}

/*-------------------------------END HEADERS ---------------------------------------------*/
/******************************************************************************************/
#container {
	background: white;
	position: relative;
	width: 750px;
	margin: auto;  /*CENTER---*/
	z-index:1;
	/*margin: 0; ---Left*/
}
#banner {
	position: relative;
	height:146px !important;
}
#topContainer { /*This is the object that contains the top navigation menu and the search box*/
	position: relative;
	float:left;
	background: #083c66; /*Color Matches banner*/
	/*height:45px;*/
	width: 750px;
	/*display: inline-block;*/
	z-index:6;
	font-size:.9em;
}
#top {
	position: relative;
	float:left;
	/*display: block;*/
	padding: 10px 0px 10px 0px;
	z-index: 6;
	background: #083C66; 
	height: 25px;
	font-size: 1.0em;
	width: 735px;
}
#topRight
{
	position: relative;
	float: left;
	z-index: 6;
	width: 140px;
	background: #083c66;
}
#topRight h2{
	text-transform: uppercase;
	font-family: "Times New Roman", Times, serif;
	font-size:.9em;	
	color:white;
	margin-top: 10px;
	margin-bottom: 10px;
	border-bottom: none;
}
#topRight h2 a {
	color:white;
	text-decoration:none;
}
#spacer {
	position: relative;
	background: white;
	height:10px;
	width: 750px;
	display: inline-block;
	z-index:5;
}
.spacer {
	position: relative;
	background: white;
	height:10px;
	width: 750px;
	display: inline-block;
	z-index:5;
}
#contentContainer{
	/*background: #fff url('images/ContentContainer.jpg') repeat-y 0 0; /*--This is for the Welcome Page with navigation on right & left--*/
	background: #fff url('images/ContentContainerInfoPageRight.jpg') repeat-y right 0;  /*--This is for the nav on the right side--*/
	/*background: #fff url('images/ContentContainerInfoPageRight.jpg') repeat-y left 0;   /*--This is for the nav on the left side--*/
	position: relative;
	width:750px; 
	/*margin: auto;*/
	margin: 0px 0 10px 0;
	z-index:2;
}
#contentHolder{
	float: left;
	width:550px;
	padding-left: 20px;
	padding-right: 20px;
}
#content {
	width: 540px;
	display: block;	
	font-size:.9em;
	/*margin-left: 30px;*/
	/*margin-left: 15px;
	/*padding-left: 15px;*/
	/*padding-right: 15px;
	/*padding: 15px 10px 15px 26px;*/
	border-collapse: collapse;
	vertical-align: top;
}
/*********************************************************************************************************************/
/*-------------------------------Begin LEFT Navigation Menu*/
#navigation {
	position: relative;
	float: left;
	width: 140px;
	background: #083C66;
	height: auto;
	padding: 10px;
	color: white;
	font-size:.75em;
}
#navigation h2{
	text-transform: uppercase;
	border:solid white;
	border-width:0 0 1px 0;
	font-size:.8em;	
	padding: 0;
	color:white;
	margin-bottom: 15px;
	width: auto;
		/*display: inline-block;*/
}
#navigation h2 a {
	color:white;
}
#navigation h2 a:hover{
	background-color: transparent;
	text-decoration: none;
}
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
#navigation ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: 140px;  /*Width of Menu Items */
	/***border-bottom: 1px solid #ccc;***/
	background:#083C66;  
	line-height: 1.7em;
}
#navigation ul li{
	position: relative;
	border-bottom-color: gray;
	border-bottom-width: 1px;
	border-bottom-style:dotted;
	padding: 5px 3px 5px 3px; 
}
/*Sub level menu items */
#navigation ul li ul{
	position: absolute;
	width: 110px; /*sub menu width*/
	top: 0;
	visibility: hidden;
	background: #336699;  /*--Lighter color for submenu items----*/
}
/* Sub level menu links style */
#navigation ul li a{
	display: block;
	overflow: auto; /*force hasLayout in IE7 */
	color: white;
	text-decoration: none;
	padding: 1px 5px;
	border-bottom: 0;
}
#navigation ul li a:visited{
	color: white;
}
#navigation ul li:hover{ 
	background-color: gray;   /*This highlights the menu item as you mouseover each item*/
}
#navigation .subfolderstyle{
	background: url('images/arrow.gif') no-repeat center right;
}
#navigation .subfolderstyle:hover{
	background-color:gray;    /*This highlights the menu item as you mouseover each item*/
}

/* Holly Hack for IE \*/
* html #navigation ul li { float: right; height: 1%; }
* html #navigation ul li a { height: 1%; }
/* End */
/*-------------------------------End LEFT Navigation Menu*/
/*********************************************************************************************************************/
/*----------------------------------------------------------------------------------------Begin RIGHT Navigation Menu*/
#rightNavigation {
	width: 140px;
	position: relative;
	float: right;
	background: #083C66;
	padding: 15px 10px 10px 10px;
	color: white;
	font-size:.75em;
	background: #fff url('images/ContentContainerInfoPageRight.jpg') repeat-y right 0;
}
#rightNavigation h2{
	text-transform: uppercase;
	font-family: "Times New Roman", Times, serif;
	border:solid white;
	border-width:0 0 1px 0;
	font-size:1.2em;	
	padding: 0;
	color:white;
	margin-bottom: 15px;
	width: auto;
		/*display: inline-block;*/
}
#rightNavigation h2 a {
	color:white;
}
#rightNavigation h2 a:hover{
	background-color: transparent;
	text-decoration: none;
}

.highlight{  /*This is used to accent a NEW or IMPORTANT MENU item*/
	background-color: #436389;
}

.highlightEmergency{
	background-color: #CC0000;
}
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.navigationRight ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: 140px;  /*Width of Menu Items */
	background:#083C66; 
	line-height: 1.7em;
}
	
.navigationRight ul li{
	position: relative;
	border-bottom-color: gray;
	border-bottom-width: 1px;
	border-bottom-style:dotted;
	padding: 5px 0px 5px 6px; 
}
	
/*Sub level menu items */
.navigationRight ul li ul{
	position: absolute;
	width: 120px; /*sub menu width*/
	top: 0;
	visibility: hidden;
	background: #336699; /*--Lighter color for submenu items----*/
}

/* Sub level menu links style */
.navigationRight ul li a{
	display: block;
	overflow: auto; /*force hasLayout in IE7 */
	color: white;
	text-decoration: none;
	/*background: #083C66;*/ 
	padding: 1px 5px;
	/***border: 1px solid #ccc;***/
	border-bottom: 0;
}

.navigationRight ul li a:visited{
	color: white;
}

.navigationRight ul li:hover{
	background-color: gray;  /*This highlights the menu item as you mouseover each item*/
	color: white;
}
.navigationRight ul li a:hover{
	background-color: gray;  /*This highlights the menu item as you mouseover each item*/
	color: white;
}


.navigationRight .subfolderstyle{
	padding: 0 0 0 10px;
	background: url('images/arrowleft.gif') no-repeat center left;
}
.navigationRight .subfolderstyle:hover{
	background-color:gray; /*This highlights the menu item as you mouseover each item*/
	color: white;
}

/* Holly Hack for IE \*/
* html .navigationRight ul li { float: left; height: 1%; }
* html .navigationRight ul li a { height: 1%; }
/* End */
/*---------------------------------End RIGHT Navigation Menu*/
/********************************************************************************************************************************/
/*-------------------------------------------------------------------------------------------------------------Begin BREADCRUMBS*/
#crumbs {
	width: 500px;
	position: relative;
	font-size: .56em;
	padding-bottom: 20px;
	padding-top: 15px;
	/*padding: 10px 30px 15px 30px;*/
	/*margin:  10px 30px 15px 30px;*/
}
#crumbs ul{
	list-style: none;
  	display: inline;
  	margin: 0 0 0 0; 
  	padding: 0;
}
#crumbs ul li {
	background: url("images/ArrowSmall.gif") no-repeat right 50%;
  	display: inline;
  	margin: 0 15px 0 0;
  	padding: 0 5px 0 0px; 
}
/*--------------------------------End BREADCRUMBS*/
/********************************************************************************************************************************/
/*--------------------------------Begin FOOTER*/
.footer {
	/*position: relative;*/
	clear: both;
	margin: auto; /*CENTER-------*/
	/*margin: 0;------LEFT*/
	width: 730px;
	padding: 10px;
	font-size: .75em;
	text-align: center;
	background:white;
	z-index: -2000;
}
.footer .footerLubbock{
	font-size:.8em;
}
.footer ul {
	list-style-type: none;
	display: inline;
	/*border-left: 1px black solid;*/
}
.footer li {
	display: inline;
	padding: 4px;
	/*border-right-color: black;
	border-right-style: solid;
	border-right-width: 1px;*/
}
.footer ul li a{
	text-decoration: none;
	color: black;
}
.footer ul li a:hover{
	text-decoration: underline;
	color: #339;
}
/*-------------------------------End FOOTER*/
/********************************************************************************************************************************/
/*--------------------------------------------------------BEGIN TOP NAVIGATION -------------------------------------------------*/	
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.topNavigation ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
/*Top level list items*/
.topNavigation ul li{
	position: relative;
	display: inline;
	float: left;
	background: #083C66;  
  	border-right: 1px gray dotted;
}  	
/*Top level menu link items style*/
.topNavigation ul li a{
	display: block;
	width: 60px; /*Width of top level menu link items*/
	padding: 1px 5px;
	/*border: 1px solid gray;*/
	text-decoration: none;
	color: white;
}
/*1st sub level menu*/
.topNavigation ul li ul{
	position: absolute;
	top: 1em; /* no need to change, as true value set by script */
	display: block;
	visibility: hidden;
	background:#436389;  /*--Lighter color for submenu items---*/
}
/*Sub level menu list items (undo style from Top level List Items)*/
.topNavigation ul li ul li{
	display: list-item;
	float: none;
	border-bottom: 1px gray dotted;
	padding: 5px 0px 5px 0px; 
	background:#436389;
}
/*All subsequent sub menu levels offset after 1st level sub menu */
.topNavigation ul li ul li ul{ 
	left: 159px; /* no need to change, as true value set by script */
	top: 0;
}
.topNavigation ul li ul li a{
	display: block;
	width: 173px; /*width of sub menu levels*/
	color: white;
	text-decoration: none;
	padding: 1px 5px;
}
.topNavigation ul li:hover{
background-color: gray; /*This highlights the menu item as you mouseover each item*/
color: white;
}
.topNavigation ul li a:hover{
background-color: gray; /*This highlights the menu item as you mouseover each item*/
color: white;
}
/*Background image for top level menu list links*/
.topNavigation .mainfoldericon{
background: transparent;
}
.topNavigation .mainfoldericon:hover{
	background-color:gray;  /*This highlights the menu item as you mouseover each item*/
	color:white;
}
/*Background image for subsequent level menu list links*/
.topNavigation .subfoldericon{
background:  url('images/arrow.gif') no-repeat 95% center;
}
.topNavigation .subfoldericon:hover{
	background-color: gray;  /*This highlights the menu item as you mouseover each item*/
	color:white;
}

/* Holly Hack for IE \*/
* html .topNavigation ul li { float: left; height: 1%; }
* html .topNavigation ul li a { height: 1%; }
/* End */
/*END NAVIGATION - TOP -------------------------------------------------*/	
/***************************************************************************************************************************************/
/*BEGIN Banner LINKS-------------------------------------------------------*/
a#LubbockLink{
	position: absolute;
	float: left;
	width: 306px;
	height: 103px;
	Top: 10px;
	left: 11px;
	z-index:1;
}

a#TitleLink{
	position: absolute;
	float: left;
	width: 324px;
	height: 132px;
	Top: 5px;
	left: 5px;
	z-index:1;
}

div#searchBox{
	position: absolute;
	float: left;
	height: 35px;
	width:160px;
	padding: 10px 0 10px 0;
	/*top: 75px;*/
	/*left: 550px;*/
	z-index:1;
}
/*END Banner LINKS------------------------------------------------------------*/
/***********************************************************************************/
/*BEGIN IMAGE Formatting---------------------------*/
.imageLeft
{
	float: left;
	/*width: auto;*/
	/*height: auto;*/
	padding-right:10px;
	padding-bottom: 5px;
	vertical-align: top;
}
.imageRight
{
	float: right;
	/*width: auto;*/
	/*height: auto;*/
	padding-left:10px;
	padding-bottom: 5px;
	vertical-align: top;
}

.imageNoPadding{

	/*width: auto;*/
	/*height: auto;*/
	vertical-align: top;
}
.imageNoPaddingLeft{
	float:left;
	/*width: auto;*/
	/*height: auto;*/
	vertical-align: top;
}

/*END IMAGE Formatting-----------------------------*/
/*****************************************************************************************************/
/*-------------------------------------Begin quickLinks Container*/
.ciOtherLinks{
	width: 526px;
}

.ciOtherLinksContainer{
	float: left;
	width:256px;
	padding-bottom: 6px;
	padding-right: 5px;
}

.ciOtherLinksHeader{
	font-size: .8em;
	font-weight:bold;
	line-height: 1.7em;
	color: #083c66;   
	background: #bbbbbb;
	padding-right: 5px;
	padding-left: 5px;
	text-transform:uppercase;
	width: 244px;
}
.ciOtherLinksEmergency{
	font-size: 1.7em;
	font-weight:bold;
	color: White;   
	background: #A80000;
	padding-right: 5px;
	padding-left: 5px;
	text-transform:uppercase;
	width: 244px;
}

.ciOtherLinksContent{
	width: 244px;
	padding: 5px;
	background:#ebebeb;
}

.ciOtherLinksContent ul{
	margin: 7px;
}
.ciOtherLinksContent li{
	list-style: none;
	margin:0px;
	padding: 4px 0px 7px 20px;
	background: url('images/ButtonSmall.gif') no-repeat left 6px;
}
/*--------------------------------------------------------------------End quickLinks Container--------*/
/*****************************************************************************************************/
/*-------------------------------------------------------------------Welcome Container----*/
#Welcome{
	width: 530px;
}
.contentWelcome{
	float: left;
	width: 256px;
	height: 151px;
	padding-right: 7px;
	/*padding: 0 10px 5px 0px;*/
	color: White;
	vertical-align: top;
	padding-bottom: 30px;
}

.contentMenu
{
	/*padding: 10px 0px 0 5px;*/
	float: left;
	padding-bottom: 5px;
	padding-top: 15px;
	padding-left: 3px;
	width: 110px;
	height:151px;
	color: white;
	background: #083c66;  
}

.contentMenu a{
	color:white;
}
/*------------------------------------End Welcome Container*/
/*****************************************************************************************************/

/*-----------------Master Div used in the History City Council Page ----*/
#master{
	clear:both;
	margin: 10px 0 20px 0;
	width: 526px;
	page-break-before: always;
}
.masterDivLeft{
	float:left;
	width:243px;
	margin: 0;
	padding: 10px 15px 10px 0px;

}
.masterDivRight{
	float:left;
	width:243px;
	margin: 0;
	padding: 10px 10px 10px 0px;
}
.menutitle{
	width: 243px;
	text-align:	left;
	cursor:default;
	cursor:pointer;
	color: #083c66; 
	text-decoration: underline;
}
.submenu{
	width: 243px;
}
.submenu ul{
	margin: 0px;
}
.submenu li{
	list-style: none;
	margin:0px;	
	padding: 4px 0px 6px 20px;
	background: url('images/ButtonSmall.gif') no-repeat left 6px;

}
/*-------------END-------------------Master Div used in the History City Council Page ----*/
/*BEGIN Page Links */
.pageLinks{
	width: 300px;
	float:left;
	margin-left: 20px;
}
.pageLinks ul{
	margin: 0px;
}
.pageLinks li{
	list-style: none;
	margin:0px;	
	padding: 4px 0px 6px 20px;
	background: url('images/ButtonSmall.gif') no-repeat left 6px;

}
.pageLinks ul li ul li{
	clear: both;
	font-size: .9em;
	list-style: none;
  	margin: 0 0 0 0; 
  	padding: 0 18px 0 18px; 
  	line-height: 1.5em;
	background: url('images/ButtonSmall.gif') no-repeat  no-repeat left 50%;
}
/*****************************************************************************************************/
/*---------------------------------Begin COLUMNS-------------*/
.columns{
	clear:both;
	margin: 10px 0 20px 0;
	width: 530px;
	background: url('images/centerLine.gif') repeat-y center top;
	page-break-before: always;
	/*page-break-after: always;*/
}
.columns:after {  /* For most non-IE browsers, this encloses the two floating columns completely in the wrapper */
	content: "."; 
	display: block; 
	height: 0; 
	clear: both;
	visibility:hidden;
	}
	.columns {display: inline-block;}  /* Fix for IE Mac */
	/* Hides from IE Mac 5 \*/
	* html #two-column-wrapper {height: 1%;}
    /* End IE Mac 5 Hack */
.columnsLeft{
	float:left;
	width:240px;
	margin: 0;
	padding: 10px 10px 10px 0px;
}
.columnsRight{
	float:left;
	width:240px;
	margin: 0 0 0 20px;
	padding: 10px 0px 10px 10px
}
.columns ul{
	margin: 9px;
}
.columns li{
	list-style: none;
	margin:0x;
	padding: 4px 0px 7px 20px;
	background: url('images/ButtonSmall.gif') no-repeat left 6px;
}
/*----------------------------End COLUMNS*/
/*****************************************************************************************************/
/*--------------------------------------------------Three Columns-------------------------------*/
.threeColumns
{
	width:530px;
}
.threeColumnsContainer{
	float: left;
	width: 172px;
	padding-left: 3px;
}
.threeColumnsHeader{
	color: #083c66; 
	background:#bbbbbb;
	font-size: 1.0em;
	line-height: 2.2em;
	padding: 0 5px 0 5px;
	font-weight: 700;
}
.threeColumnsContent ul{
	margin: 0px;
}
.threeColumnsContent li{
	list-style: none;
	margin:0px;
	padding: 4px 0px 7px 20px;
	height: 45px;
	border-bottom: 1px #083c66 dashed; 
}
.threeColumnsLinks ul{
	margin: 0px;
}
.threeColumnsLinks li{	list-style: none;
	margin:0px;
	padding: 4px 0px 7px 20px;
	background: url('images/ButtonSmall.gif') no-repeat left 6px;
}
/*--------------------------------------------------End Three columns----------*/
/*****************************************************************************************************/


a.iconPDF {
	display:inline-block;
	background: url('images/iconPDF.jpg') no-repeat 100% 50%;
	padding-right: 25px;
}
a.iconDOC {
	display:inline-block;
	background: url('images/iconDOC.jpg') no-repeat right center;
	padding-right: 25px;
}

a.iconBUTTON {
	display:inline-block;
	background: url('images/ButtonSmall.gif') no-repeat left center;
	padding-left: 15px;
}

/*--------------------------------------------------End ICON Formatting*/
/*****************************************************************************************************/
.CITYHELP
{
	text-align:center;
}

.largeText{
	font-size: 1.6em;
	font-weight:bold;
}
.smallText
{
	font-size: .8em;
}
.colorChange{
	color: red;
}
.cp{
	/*font-size: .9em;*/
	color:#003399;
	font-weight: bold;
}
.links ul{
	margin:0px;
}
.links li{
	list-style:none;
	margin:0px;
	padding: 4px 0px 6px 20px;
	background:url('images/ButtonSmall.gif') no-repeat left 6px;
}
.calLinks
{
	padding: 4px 0px 6px 20px;
	background: url('images/ButtonSmall.gif') no-repeat left 6px;
}
.infoHeading{
	font-size: 1.2em;
	font-weight: bold;
	color: #003399;
}
.infoBox
{
	float: left;
	background: #ebebeb;
	padding: 5px;
	border: solid 1px black;
	margin-right: 10px;
	margin-bottom: 10px;
}
.quotes
{
	font-family:"Times New Roman", Times, serif;
	font-size: .8em;
	color: #003399;
}	
.noDecoration
{
	text-decoration:none;
	color: #003399;
}	
.hpText
{
	color: #083c66;
	font-size: 1.0em;
}
.categoryLinks ul
{
	margin: 0px;
	padding: 0px;
}
.categoryLinks li
{
	list-style:none;
	margin:	10px;
	padding: 4px 0px 6px 10px;
}
.categoryLinksHeader
{
	font-weight: bold;
	font-size: 1.1em;
}
.categoryLinksSubHeading
{
	font-style:italic;
	font-size: 1.0em;
}
.w500px {
	width: 500px;
}
.w400px {
	width: 400px;
}
.w300px {
	width: 300px;
}
.w250px {
	width: 250px;
}
.w166px {
	width: 166px;
}
.w125px {
	width: 125px;
}
.w100px {
	width: 100px;
}
.f20px {
	font-size: 1.5em;
}
.f16px {
	font-size: 1.0em;
}
.f26px {
	font-size: 1.6em;
}
.bold {
	font-weight: bold;
}
.italic
{
	font-style: italic;
}
.underlineSolid{
	border-bottom-width: 2px;
	border-bottom-style: solid;
}
.underlineDashed{
	border-bottom-width: 2px;
	border-bottom-style: dashed;
}
.underlineDouble{
	border-bottom-width: 2px;
	border-bottom-style: double;
}
.red
{
	color: red;
}
.box
{
	border:1px black solid;
	line-height:1.25em;
}

/********************************************************************************************************************************/
/*-------------Begin Table Formatting*/
table {
	width: 100%;
	border-collapse: collapse;
}
table tr
{
	text-align: left;
}
table td, .border td, table.twoCols td
{
	border: solid 1px black;
	vertical-align: top;
	padding: 5px 2px 5px 3px;
}
table.noBorder td
{
	border: 0;
}
table .rowHeader
{
	text-align: center;
	font-size: 1.0em;
	font-weight:700;
	background: #ebebeb;
	border-right: solid 1px black;
	border-left: solid 1px black;
	border-bottom: solid 3px black;
	vertical-align: middle;
}

table.oneColumn, table.twoColumns, table.threeColumns, table.fourColumns, table.fiveColumns, table.sixColumns{
	width: 100%;
	border-collapse: collapse;
}
table.oneColumn td, table.twoColumns td, table.threeColumns td, table.fourColumns td, table.fiveColumns td, table.sixColumns td{
	border-bottom: dashed 1px #083c66;
	border-left: solid 1px #083C66;
	border-right: solid 1px #083C66;
	padding: 10px;
}
table .columnHeader td{
	border-bottom: solid 3px #083c66;
	border-right: solid 1px white;
	border-left: solid 1px white;
	border-top: none;
	height: 25px;
	font-size: 1.0em;
	color: #003399;
	background: #bbbbbb;
	font-weight: bold;
}

table#TableContent{
	font-weight: bold;
 	text-align: left;
 	vertical-align: top;
	border-collapse: collapse;
	padding: 0; 
}
table#TableContent tr{
	vertical-align: top;
}
table#TableContent td{
	vertical-align:top;
}
table#News {
	width:268px;
	text-align:left;
	vertical-align:top;
}
table#News tr{
	vertical-align:top;
	text-align:left;
}
table#News td{
	border-style:none;
	padding: 8px 10px 2px 2px;
	vertical-align:top;
}
table#Other {
	width: 268px;
	vertical-align: top;
}
table#Other tr {
	vertical-align:top;
	text-align:left;	
}
table#Other td{
	vertical-align:top;
	border-style:none;
	padding: 8px 2px 2px 10px;
}

/***FORMATTING for ONE COLUMNS TABLES*****BEGIN****/

table.oneCol td{
	font-size: .8em; 
}

table.oneColumn td{
	font-size: .9em;
}

/************************************************FORMATTING for ONE COLUMNS TABLES*****END***/
/***FORMATTING for TWO COLUMNS TABLES*****BEGIN****/
table.twoCols td
{
	width:50%;
}

table.twoColumns td{
	width: 50%;
}
/**********************************************************************FORMATTING for TWO COLUMNS TABLES*****END*************/

/***FORMATTING for THREE COLUMNS TABLES*****BEGIN****/
table.threeCols td
{
	width: 33%;
	border-color: Black;
	border-width: 1px;
	border-style: solid;
}
table.threeCols .underline
{
	border-bottom: solid 3px black;
}
table.threeColumns td{
	height: 45px;
	width: 33%;
}
table.threeColumns .threeColumnsHeader td{
	border-bottom: solid 3px #083c66;
	border-right: solid 1px white;
	border-left: solid 1px white;
	height: 25px;
	font-size: 1.0em;
	color: #003399;
	background: #bbbbbb;
	font-weight: bold;
}


/**********************************************************************FORMATTING for THREE COLUMNS TABLES*****END*************/
/***FORMATTING for FOUR COLUMNS TABLES*****BEGIN****/

table.fourCols td
{
	width:25%;
	font-size: .75em;
	border: solid 1px black;
	vertical-align: top;
	padding: 2px 0px 2px 0px;
}

table.fourColumns td{
	width: 25%;
}

/**********************************************************************FORMATTING for FOUR COLUMNS TABLES*****END*************/
/***FORMATTING for FIVE COLUMNS TABLES*****BEGIN****/

table.fiveCols td
{
	width:20%;
	font-size: .75em;
	border: solid 1px black;
	vertical-align: top;
	padding: 2px 0px 2px 0px;

}

table.fiveColumns td{
	width: 20%;
	font-size: .8em;
}

/**********************************************************************FORMATTING for FOUR COLUMNS TABLES*****END*************/
/***FORMATTING for SIX COLUMNS TABLES*****BEGIN****/
table.sixCols td
{
	font-size: .7em;
	width: 16.6%;
	border: solid 1px black;
	vertical-align: top;
	padding: 2px 0px 2px 0px;
}
table.sixColumns td{
	font-size: 1.3em;
	width: 16.6%;
}
/**********************************************************************FORMATTING for SIX COLUMNS TABLES*****END*************/

/*--------------End Table Formatting--------------------------------------------*/

.skipLinks {
	display:none;
}