/* SET WIDTH FOR CONTAINERS ON PAGE */

.appTitle,.pageTitle,.fixedContainer,.topNav,.pageContainer {
	margin:0 auto;
	width: 100%; /* example: width: 955px; */
}
#footerArea {
	margin: 40px auto;
	width: 100%; /* example: width: 955px; */
	min-width: 740px; 
	padding: 0px 0px 40px 0px;
}
/* END SET WIDTH FOR CONTAINERS ON PAGE */

/* BEGIN GLOBAL STYLES 
----------------------------------------------- 

*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
}
body {
	margin: 0px 10px;
	background-color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
}
a {
	color: #3399CC;
}
a:link {
	color: #3399CC;
}
a:hover {
	color: #ff0000 ;
}
img {
	border: 0px;
}
.clearfloat {
	/* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear: both;
	height: 0;
	font-size: 1px;
	line-height: 0px;
	overflow: hidden;
	visibility: hidden;	
	content: '.';
}
/* END GLOBAL STYLES 
----------------------------------------------- */

/* BEGIN NAV AREA STYLES 
----------------------------------------------- */
.appTitle {
	padding: 10px 0px 7px 0px;
}
.appTitle img{
	padding-left: 5px;
}
.languageArea {
	width: 49%;
	padding: 5px 0 0 0;
	margin-right: 3px;
	float: right;
}
.topNav {
	clear:both;
}
.citiLogo {
	width: 49%;
	margin: 5px 0;
	float: left;
}
.welcomeArea {
	width: 49%;
	margin: 5px 0;
	float: right;
}

#btnSearch  {
	float: left;
	height: 21px;
}
#query {
	float: left;
	background-color: transparent;
	background-image: none;
	background-repeat: repeat;
	background-attachment: scroll;
	/*background-x-position: 0%;
	background-y-position: 0%;*/
	font-family: arial,sans-serif,verdana;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: normal;
	color: #666666;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	height: 22px;
	margin-top: -2px;
	margin-right: 0pt;
	margin-bottom: -1px;
	margin-left: 0px;
	width: 138px;
}
#frmSearch {
	float: left;
	background-image: url(../images/search_box_bg.gif);
	background-repeat: no-repeat;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #ffffff;
	border-right-color: #ffffff;
	border-bottom-color: #ffffff;
	border-left-color: #ffffff;
	padding-top: 0pt;
	padding-right: 0pt;
	padding-bottom: 0pt;
	padding-left: 0px;
	margin-bottom: 9px;
	/margin-bottom: 0px;
	m/argin-bottom: 0px;
	height: 22px;
}
.searchArea{
	padding-left: 18px;
	margin-top: 10px;
}

/* BEGIN NAV AREA STYLES 
----------------------------------------------- */
.pageTitle{
	padding: 6px 0px 10px 0px;
}
.pageTitle h2 {
	font-size: 1.2em;
	color: #000066;
	font-weight: normal;
	padding-left: 24px;
}
.pageContainer {
	padding: 15px 0px 0px 0px;
	font-size: 0.83em;
}
.pageContainer p { 
	padding: 0px 15px 0px 15px;
}
.bgdivider {
	background: url('../images/col_divider_bg.gif') repeat-y 15px 2px;
	margin: 0;
}
.regCopy {
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.83em;
	line-height: 18px;
	margin: 15px 0 18px 0;
}
.regCopy a{
	color: #ff0000;
	text-decoration: underline;
}
.regCopy a:link{
	color: #ff0000;
	text-decoration: underline;
}
.regCopy a:hover{
	color: #666666;
	text-decoration: underline;
}
.horizontalDivider {
	padding: 20px 0px;
	background: url('../images/dot_x.gif') repeat-x left center;
}

/* BEGIN CONTENT LAYOUT CONTAINERS
----------------------------------------------- */
.leftContent {
	width: 22%;
	float: left;
	margin-right: 1%;
	padding: 0px;
	overflow: hidden;
	color: #666;
}
.centerContent {
	width: 54%;	
	background-color: #ffffff;
	float: left;
	padding: 0px;
	margin-right: 1%;
	margin-top: 0px;
	overflow: hidden;
}
.centerContentLDot {
	width: 54%;	
	background: url('../images/dot_y.gif') repeat-y left top;
	float: left;
	padding: 0px;
	margin-right: 1%;
	margin-top: 0px;
	overflow: hidden;
}
.DotRight {
	background: url('../images/dot_y.gif') repeat-y right top;
}
.rightContent {
	width: 22%;
	/width:;
	w/idth:;
	background-color: #fff;
	float: left;
	padding: 0px;
	overflow: hidden;
	margin: 0px;
}
.fluid3Col_Container {
	padding: 3px 0px 0px 0px;
}
/* END CONTENT LAYOUT CONTAINERS
----------------------------------------------- */

/* BEGIN ROUNDED CORNER CONTAINER
----------------------------------------------- */

.topLeft {
	width: 11px; 
	float: left; 
	background: url('../images/topleft_hdr.gif') no-repeat 0 0; 
	height: 10px; 
	margin: 0px;
	padding: 0px;
}
.topCenter {
	background: url('../images/topcenter_hdr.gif') repeat-x 0 0;
	height: 10px;
	margin: 0px; 
	padding: 0px;
}
.topRight {
	width: 12px; 
	float: right; 
	background: url('../images/topright_hdr.gif') no-repeat 0 0; 
	height: 10px;
	margin: 0px;
	padding: 0px;	
}
.midLeft { 
	float: left; 
	width: 100%;
	background: #ffffff url('../images/navleft_nosub.gif') repeat-y top left; 
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}
.midRight { 
	background: url('../images/navright_nosub.gif') repeat-y top right; 
	margin: 0px;
	padding: 0px;
	width: 100%;
	overflow: hidden;
	float:right;
}
.midCenter {
	padding: 2px 19px 25px 17px;
	margin: 0px;
	clear: both;
}
.midCenter1 {
	padding: 2px 19px 25px 17px;
	margin: 0px;
	clear: both;
	font-size: 10.1pt; 
}

.btmLeft {
	width: 11px; 
	float: left; 
	background: url('../images/btmleft_hdr.gif') no-repeat 0 0; 
	margin: 0;
	height: 12px;	
}
.btmRight {
	width: 12px; 
	float: right; 
	background: url('../images/btmright_hdr.gif') no-repeat 0 0; 
	margin: 0;
	height: 12px;	
}
.btmCenter {
	background: url('../images/btmcenter_hdr.gif') repeat-x 0 0; 
	height: 12px;
	clear:BOTH;
	margin: 0px; 
	padding: 0px;
}
/* END ROUNDED CORNER CONTAINER
----------------------------------------------- */

/* BEGIN RIGHT COL STYLING
----------------------------------------------- */

.article {
	padding-top:.5em;
}
.box {
	padding:0px 1em 0 1em;
}
.boxCenter {
	padding:0px 1em 0 1em;
	font-size: 0.86em;
}
.boxCenter h3 {
	color: #3399CC;
	font-size: 1.3em;
	margin-bottom: 20px;

}
.boxRight {
	padding:0px;
}
.boxRight .article {
	padding:0px;
}
.box .article {

	padding: 20px 0px 0px 0px;
}
.article h2 {
	font-size:2em;
	font-weight:normal;
	text-transform:none;
	color:#333;
	background:transparent;
	padding:0;
	margin:0;
	border:none;
}
.article h3 {
	margin-bottom:.2em;
	font-size:1.1em;
}
.box .first {
	background: none;
	padding: 0px 0px 0px 0px;
}
.article h4 {
	font-size:0.90em;
	text-transform:uppercase;
	margin-bottom:.5em;
	color: #666;	
}
.article a.image {
	float:left; 
	margin:3px 10px 3px 0; 
	padding:4px;
	border:1px solid #bbb;
	background:#fff;
}
.article a.image:hover {
	border:1px solid #666;
}
.article a.image img {
	float:left; 
}
.article p.meta {
	font-size: 0.76em;
	color:#000066;
	border-top:1px solid #dddddd;
	border-bottom:1px solid #dddddd;
	padding:.3em 0;
	margin-bottom: 1.1em;
}
.article p.copy {
	font-size: 0.83em;
	color: #666;
	padding: 0 0 3em 0;
	line-height: 18px;
}
.article p {
	font-size: 0.83em;
	color: #666;
	padding-bottom: 3em;
	line-height: 18px;
}
.article h3 a{
	text-decoration: none;
}
.article h3 a:link{
	text-decoration: none;
}
.article h3 a:hover{
	text-decoration: underline;
}
.boxRight h3{
	color: #3399CC;
	font-size: 1.1em;
	padding-bottom: 15px;
}
.calendarContainer {
	padding: 0px 0px 0px 0px;
}

/*END RIGHT COL STYLING
----------------------------------------------- */

/* BEGIN TABLE STYLING
----------------------------------------------- */
.tabDataContainer {
	padding: 15px 0px;
}
.tabDataContainer table{
	overflow: hidden;
}
table {
	border-collapse: collapse;
	width: 100%;
}
th, td {
	padding: 0.4em 0.4em;
}
caption {
	font-size: 1.2em;
	font-weight: bold;
	margin: 0em 0;
	color: #000066;
	text-align: left;
	padding: 1em 0 1em 0.2em;
	
}
thead {
	color: #000;
	text-align: left;
	padding: 0.6em 1em;
	font-size: 0.93em;
}
thead a{
	color: #000;
	text-decoration:none;
}
thead a:link{
	color: #000;
	text-decoration:none;	
}
thead a:hover{
	color: #ff0000;
	text-decoration: underline;
}
thead #sort{
	color: #3399CC;
}
tbody {
	font-size: 0.93em;
	color: #666;
}
tr.odd:hover {
	background-color: #f6fbff;
}
tr.even:hover {
	background-color: #f6fbff;
}
tr.odd {
	background-color: #e5effa;
}
tbody tr.odd td a {
	color: #000066;
	text-decoration: underline;
}
tbody tr.odd td a:link {
	color: #000066;
	text-decoration: underline;
}
tbody tr.odd td a:hover {
	color: #ff0000;
	text-decoration: underline;
}
tbody tr.even td a {
	color: #000066;
	text-decoration: underline;
}
tbody tr.even td a:link {
	color: #000066;
	text-decoration: underline;
}
tbody tr.even td a:hover {
	color: #ff0000;
	text-decoration: underline;
}
tbody tr.odd td.sub {
	color: #3399CC;
}
tbody tr.odd td.sub a{
	color: #3399CC;
	text-decoration: underline;	
}
tbody tr.odd td.sub a:link{
	color: #3399CC;
	text-decoration: underline;	
}
tbody tr.odd td.sub a:hover{
	color: #ff0000;
	text-decoration: underline;	
}
tbody tr.even td.sub {
	color: #3399CC;
}
tbody tr.even td.sub a{
	color: #3399CC;
	text-decoration: underline;	
}
tbody tr.even td.sub a:link{
	color: #3399CC;
	text-decoration: underline;	
}
tbody tr.even td.sub a:hover{
	color: #ff0000;
	text-decoration: underline;	
}

col {
	border-right: 1px solid #fff;
} 
col#albumCol {
	border: none;
}
thead tr th   {
	border: none;
} 
.buttonContainer {
	text-align: right;
	padding: 10px 0px;
}
.iconContainer {
	text-align: right;
	width: 300px;
	float: right;
	margin-top: -20px;
}
.iconContainer img {
	margin-left: 4px;	
}
.Button{
    font-weight: bold;
    color: #333333;
    font-family: Arial;
    margin-top: 5px;
	font-size: 1em;
	padding: 2px 4px; 
}
.bottomshadow {
	background: url('../images/shadow_btm_data.jpg') repeat-x left center; 
	padding: 10px 0px;
	margin: 0px;
}

/* END BEGIN TABLE STYLING
----------------------------------------------- */


/* BEGIN LEFT NAV
----------------------------------------------- */

ul.treeview { 
	padding: 0px;
	margin-left: -3px;
	border: 1px dashed #e5e5e;
}

ul.treeview li{ /*Style for LI elements in general (excludes an LI that contains sub lists)*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.83em;
	background: url('../images/leftNav.gif') no-repeat left center;
	list-style-type: none;
	padding-left: 22px;
	margin-bottom: 3px;
	color: #000066;
}
ul.treeview li a{
	color: #000066;
	text-decoration: none;
}
ul.treeview li a:hover{
	text-decoration: underline;
	color: #ff0000;
}
ul.treeview li#active {
	font-weight: bold;
}
ul.treeview li.submenu{ /* Style for LI that contains sub lists (other ULs). */
	background: white url('../images/leftNav_open.gif') no-repeat left 1px;
	cursor: hand !important;
	cursor: pointer !important;
}
ul.treeview li.submenu ul{ /*Style for ULs that are children of LIs (submenu) */
	/*display: none; Hide them by default. Don't delete. */
	padding: 3px 0 0 0;
}
ul.treeview .submenu ul li{ /*Style for LIs of ULs that are children of LIs (submenu) */
	cursor: default;
	background: none;
	color: #3399CC;
	font-size: 0.93em;
	padding: 0 0 3px 0;
	font-weight: normal;
}
ul.treeview .submenu ul li a{
	text-decortion: none;
	color: #3399CC;
}
ul.treeview .submenu ul li a:hover{
	text-decortion: underline;
	color: #ff0000;
}
ul.treeview .submenu ul li#active {
	color: #000066;
	text-decoration: none;
}
ul.treeview .submenu ul li#active a {
	color: #000066;
	text-decoration: none;
}
ul.treeview .submenu ul li#active a:hover{
	color: #000066;
	text-decoration: none;
}

/* END LEFT NAV
----------------------------------------------- */


/* BEGIN LEFT CONTENT STYLING
----------------------------------------------- */

.leftContent h3{
	color: #3399CC;
	font-size: 1.1em;
	margin-bottom: 15px;
}
.leftContent .listItemCopy {
	font-size: 0.83em;
	padding: 15px 0px
	line-height: 18px;
}
.leftContent h3.listItemHdr {
	background: url('../images/dot_x.gif') repeat-x left top;
	margin-top: 15px;
	padding: 25px 0px 0px 0px;
}
.leftContent h6{
	padding-bottom: 6px;
}
.leftContent ul.listItem {
	font-size: 0.83em;
	padding: 0px 0px 6px 0px; 
	margin: 8px 0px 0px 0px;
}
.leftContent ul.listItem li{
	background: url('../images/dbl_cyan_arrow.gif') no-repeat 0 center;
	padding-left: 22px;
	line-height: 18px;
	padding-bottom: 5px;
}
ol.orderedListItem {
	color: #666;
	font-size: 0.83em;
	margin-top: 10px;
	padding-left: 25px;
	line-height: 18px;
}

/* END LEFT CONTENT STYLING
----------------------------------------------- */



/* BEGIN FOOTER AREA STYLING
----------------------------------------------- */

#footerArea_App {
	margin:auto;
	width: 100%;
	min-width: 740px;
	border-top: 1px solid #666666;
}
.footerAreaLinks {
	border-bottom: 1px solid #d6d6d6;
	border-top: 1px solid #d6d6d6;
	padding: 0px 1px;
	margin: 0 4px 0px 2px;
	height: 35px;
}
.footerLinksUl {
	list-style:none;
	margin: 0;
	padding: 0;
}
.footerLinksUl li {
	display: inline;
	padding-left: 30px;
}
.footerLinks {
	float:right;
	width: 60%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.70em;
	color: #666666;
	text-align: right;
	padding: 10px 0;
}
.footerLinks a{
	color: #666666;
	text-decoration: none;
}
.footerLinks a:link{
	color: #666666;
	text-decoration: none;
}
.footerLinks a:hover{
	color: #ff0000;
	text-decoration: underline;	
}
.footerTxt {
	float:left;
	width: 30%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.70em;
	color: #666666;
	text-align: left;
	padding: 10px 0;
}
.footerTxt a{
	color: #666666;
	text-decoration:none;
}
.footerTxt a:link{
	color: #666666;
	text-decoration:none;
}
.footerTxt a:hover{
	color: #ff0000;
	text-decoration: underline;
}
#disclaimer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.65em;
	color: #666666;
	text-align: right;
	padding: 10px 3px 10px 0px;
	background: #ffffff url('../images/sm_footer_logo.gif') no-repeat 1px 8px;
}
#disclaimer a{
	color: #c0c0c0;
	text-decoration: underline;
}
#disclaimer a:link{
	color: #c0c0c0;
	text-decoration: underline;
}

#disclaimer a:hover{
	color: #ff0000;
	text-decoration: underline;
}

/* END FOOTER AREA STYLING
----------------------------------------------- */

/* LIST STYLE BUTTONS
----------------------------------------------- */

.listbtns {
	float:left;
	line-height: normal;
	font-family: Arial;
	margin: 0px;	
	padding: 0px;
}
.listbtns ul {
	margin: 0;
	padding: 0px;
	list-style: none;
}
.listbtns li {
	font-size: 0.83em;
	display: inline;
	margin: 0;
	padding: 0;
	height: 1px;
	/height: 1px;
	h/eight: 1px;
}
.listbtns a {
	float: left; 
	background: url(../images/left_btns.gif) no-repeat left top;
	margin: 0;
	padding: 0 0 0 7px; 
	text-decoration: none;
}
.listbtns a span {
	display: block;
	background: url(../images/right_btns.gif) no-repeat right top;
	padding: 3px 17px 7px 6px; 
	font-weight: bold;
	color: #ffffff;
	margin-right: 3px; 
	margin-bottom: 0px;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
.listbtns a span {float:none;}
/* End IE5-Mac hack */
.listbtns a:hover span {
	color: #ffffff;
	text-decoration: none;
	background-position: 100% -31px;
}
.listbtns a:hover {
	background-position: 0% -31px;
}
.listbtns_gradient {
	float:left;
	line-height: normal;
	font-family: Arial;
	margin: 0px;	
	padding: 0px;
}
.listbtns_gradient ul {
	margin: 0;
	padding: 0px;
	list-style: none;
}
.listbtns_gradient li {
	font-size: 0.83em;
	display: inline;
	margin: 0;
	padding: 0;
	height: 1px;
	/height: 1px;
	h/eight: 1px;
}
.listbtns_gradient a {
	float: left; 
	background: url(../images/left_btns_gradient.jpg) no-repeat left top;
	margin: 0;
	padding: 0 0 0 7px; 
	text-decoration: none;
}
.listbtns_gradient a span {
	display: block;
	background: url(../images/right_btns_gradient.jpg) no-repeat right top;
	padding: 5px 17px 7px 6px; 
	font-weight: bold;
	color: #ffffff;
	margin-right: 3px; 
	margin-bottom: 0px;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
.listbtns_gradient a span {float:none;}
/* End IE5-Mac hack */
.listbtns_gradient a:hover span {
	color: #ffffff;
	text-decoration: none;
	background-position: 100% -31px;
}
.listbtns_gradient a:hover {
	background-position: 0% -31px;
}
/* END LIST STYLE BUTTONS
----------------------------------------------- */