@import url(appstyles.css);

/*-----------------------------------------------------------------------------------
  Global Reset - (Help maintain consistent base state across browsers)
-----------------------------------------------------------------------------------*/
  html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, code, em, img, small, strike, strong, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption { margin: 0; padding: 0; border: 0; outline: 0; /*vertical-align: baseline;*/ background: transparent; }
  table, tbody, tfoot, thead, tr, th, td { outline: 0; font-size: 100%; /*background: transparent;*/ }
  ol, ul { list-style: none; }
  :focus { outline: 0; }
  table { border-collapse: collapse; border-spacing: 0; }


/* General Style
---------------------------------------------*/

ul.showUL, ol.showUL {list-style-type:disc;padding:10px 0px 10px 15px;}

form,body {width:100%;}
body {margin:0; padding:0; font-family:"Calisto", Arial, Helvetica, sans-serif; background:#bcbcd7;  font-size:14px;}
body table {font-family:"Calisto", Arial, Helvetica, sans-serif; font-size:14px;}

.mastWrap {float:left; width:100%; background:url(images/bn-tile.gif) repeat-x top;}
.cntrWrap {width:960px; margin:0 auto;}
.flt-fix {float:left; width:960px; height:auto; background:#fff;}

a {color:#221e72; text-decoration:underline;}
a:hover {color:#000; text-decoration:underline;}
a:visited{}
a:active{}
a img{border:none;}
img{border:none;}
/*
h1, h2, h3, h4, h5, .PageTitleHeader, .PageSubTitleHeader {font-weight:bold;margin:0;padding:2px 5px 3px 0;}
h1 {}
.PageTitleHeader {font-size:24px;line-height:24px;}
h2 {}
.PageSubTitleHeader {font-size:20px; line-height:24px;}
h3 {font-size:18px;line-height:21px;}
h4 {font-size:15px;line-height:18px;}
h5 {font-size:13px;line-height:15px;}
p {margin:7px 0;padding:0;}
*/
h1, h2, h3, h4, h5, h6 {color:#000c62; font:normal 10px Georgia, 'Times New Roman', serif; padding-bottom:5px;}
h1 {font-size:3.2em; padding-bottom:15px; }
h2 {font-size:2.1em; }
h3 {font-size:1.8em; }
h4 {font-size:1.6em; }
h5 {font:1.3em Arial, sans-serif; padding-bottom:2px; }
h6 {color:#999; font:1.3em Arial, sans-serif; padding-bottom:2px; }

hr {background-color: #D9D9D9; border: 0px; color: #D9D9D9; display: block; height: 1px; margin: 0; !margin: -7px; }
/**/
.left{float:left;}
.right{float:right;}
.center{text-align:center;}
.textalignright{text-align:right;}
.textalignleft{text-align:left;}

img.left{float:left;margin:0 7px 1px 0;}
img.right{float:right;margin:0 0 7px 7px;}
img.outline{border:4px solid #333;}

.clear{clear:both;}

/* HEAD ELEMENTS
---------------------------------------------*/
.structHead {float:left; width:960px; height:132px; background:url(images/bn-tile.gif) repeat-x; vertical-align:top;}

.logoWrap {float:left; width:100%; height:86px;}
#ContentLogo {float:left; width:auto; height:auto;}
#ContentLogo img {margin:20px 0 0 5px;}
#ContentSubLogo {float:right; width:auto; height:auto;}
#ContentSubLogo img {display:inline; margin-top:10px;}

#ContentMemberTools {float:left; clear:left; width:100%; height:auto; margin-top:11px;}
#ContentMemberTools ul {margin:0; padding:0; list-style:none; font-size:14px;}
#ContentMemberTools ul li {float:left;}
#ContentMemberTools ul li a {float:left; display:inline; height:35px; line-height:35px; color:#fff; background:url(images/bn-nav-left.gif) no-repeat; text-decoration:none; padding:0 0 0 12px;}
#ContentMemberTools ul li a .inner {background:url(images/bn-nav-right.gif) no-repeat right; padding-right:12px; display:block;}
#ContentMemberTools ul li a:hover {color:#221e72; background:url(images/bn-nav-left-roll.gif) no-repeat;}
#ContentMemberTools ul li a:hover .inner {background:url(images/bn-nav-right-roll.gif) no-repeat right;}

.structSubHead {float:left; clear:left; width:960px; height:50px; vertical-align:top;}
#ContentBreadCrumbs {float:left; width:auto; height:auto;}
#ContentBreadCrumbs ul {float:left; display:inline; margin:20px 0 0 10px; padding:0; list-style:none; width:auto; height:auto;}
#ContentBreadCrumbs ul li {float:left; font-size:14px; background:url(images/bc-arrow.gif) no-repeat right; padding-right:10px;}
#ContentBreadCrumbs ul li.navselected {background:url(images/bc-arrow-active.gif) no-repeat right;}
#ContentBreadCrumbs ul li a {color:#bcbcd7; text-decoration:none; padding-left:5px;}
#ContentBreadCrumbs ul li.navselected a {color:#000c62;}
#ContentBreadCrumbs ul li a:hover {text-decoration:underline;}

/* LEFT COLUMN
---------------------------------------------*/
.structLeft {float:left; width:185px; height:auto; font-size:14px;}
.structLeft #ContentLeftNav {width:170px; height:auto; margin:0 0 0 10px;}
.structLeft #ContentLeftNav ul {width:auto; height:auto; margin:0; padding:0; list-style:none;}
.structLeft #ContentLeftNav ul li {}
.structLeft #ContentLeftNav ul li a {float:left; display:inline; height:35px;line-height:35px; color:#000c62; text-decoration:none; width:170px; text-indent:5px;}
.structLeft #ContentLeftNav ul li a:hover {color:#fff; background:#000c62;}

/* BODY ELEMENTS
---------------------------------------------*/
.structMidWrap {float:left; clear:left; width:960px; height:auto; vertical-align:top;}
.structBody {float:right; width:775px; height:auto;}
.structBody .MidWrap {margin:10px 20px 0 5px;}
.structBody #ContentMiddle {}

/* Footer Elements 
---------------------------------------------*/
.structFooter {float:left; clear:left; height:50px; width:960px; background:#FBFCFC; border-top:1px solid #EAEEF1; padding:26px 0;
text-align:center; font-size:10px; color:#000;}
.structFooter a {font-size:12px; text-decoration:none; color:#666;}
.structFooter a:hover {color:#000c62;}

/*---------------------------
  Elements - (Styles applied to all elements)
---------------------------*/
.structBody {font-family: Arial, sans-serif; color: #565656;}
.structBody	h1, .structBody	h2, .structBody	h3, .structBody	h4, .structBody	h5, .structBody	h6 { color: #00397C; font-family: Georgia, 'Times New Roman', serif; font-weight: normal; padding-bottom: 5px; }
.structBody h1 { font-size: 3.2em; padding-bottom: 15px; }
.structBody	h2 { font-size: 2.1em; }
.structBody	h3 { font-size: 1.8em; }
.structBody	h4 { font-size: 1.6em; }
.structBody	h5 { font: 1.3em Arial, sans-serif; padding-bottom: 2px; }
.structBody	h6 { color: #999; font: 1.3em Arial, sans-serif; padding-bottom: 2px; }
.structBody	p { color: #565656; font-size:14px !important; padding-bottom: 5px; }
.structBody	a { color: #00397C; text-decoration: none; }
.structBody	p a { font-size: 0.923em;}
.structBody	a:hover { color: #EA760A; }
.structBody hr { background-color: #D9D9D9; border: 0px; color: #D9D9D9; display: block; height: 1px; margin: 0; !margin: -7px; }
	
/*---------------------------
  Global (Styles used throughout all of site)
---------------------------*/
.structBody .clear { clear: both; }
.structBody .left { float: left; }
.structBody .right { float: right; }
.structBody .column { float: left; width: 33.3%; }
.structBody .caption { color: #00397C; font-size: 1em; padding-left: 5px; }
.structBody .content_inner { padding: 5px 5px 0 5px; }
.structBody .caret { color: #EB7E18; font-weight: bold; font-size: 1.7em; line-height: 1em; }
.structBody .photo { background: url(../images/img_bg.png) repeat-x; padding: 5px; padding-bottom: 0; }
.structBody .photoset { background: url(../images/img_bg.png) repeat-x; padding: 5px; }
.structBody .photoset img { margin-right: 3px; }
.structBody .photoset img.last { margin-right: 0; }
.structBody .photoset a { font-size: 1em; font-weight: bold; }
.structBody .photoset strong { color: #00397C; display: block; padding: 0 0 2px 0; }

.structBody .flashplayer { width: 291px; }
.structBody .structBody 

.structBody img.left, .left img.photo { margin-right: 10px; }
.structBody img.right { margin-left: 10px; }
.structBody ul.column li a { font-size: 1.1em; line-height: 1.5em; }

/* Tabs */
.structBody ul.tabs { border-bottom: 1px solid #d9d9d9; height: 25px; margin-bottom: 10px; }
.structBody ul.tabs li { display: inline; }
.structBody ul.tabs a { background-color: #fff; display: block; float: left; padding-left: 6px; position: relative; text-decoration: none; }
.structBody ul.tabs a span { color: #ccc; display: block; float: left; font-size: 0.9em; height: 18px; padding: 7px 9px 0 3px; }
.structBody ul.tabs a:hover span { color: #00397C; }
.structBody ul.tabs a.topselected { background: url(../images/tab_left.png) no-repeat top left; border-bottom: 1px solid #fff; margin-bottom: -1px;}
.structBody ul.tabs a.topselected span { background: url(../images/tab_right.png) no-repeat top right; color: #00397C; font-size: 1em; }
	
	/* Generic list */
.structBody ul.list li { padding: 0 0 5px 0; }
	
	/* Tag Cloud */
.structBody a.tag { color: #565656; padding: 0 3px; }
.structBody a.tag:hover { color: #EA760A; }
.structBody a.weight_1 { font-size: 0.9em; }
.structBody a.weight_2 { font-size: 1em; }
.structBody a.weight_3 { font-size: 1.2em; }
.structBody a.weight_4 { font-size: 1.3em; }
.structBody a.weight_5 { font-size: 1.4em; }
.structBody a.weight_6 { font-size: 1.6em; }
.structBody a.weight_7 { font-size: 1.8em; }

#ContentMiddle ol, #ContentMiddle ul {list-style:disc!important; *list-style-position:outside!important; margin: 0 5px;}
#ContentMiddle ol, #ContentMiddle ul li {*list-style:disc!important; *list-style-position:outside!important; margin: 0 5px;}