/* -----------------------BODY ---------------------------*/

html, body { 
height:100%; 
} 
body
{
	vertical-align: top;
	text-align: center;
	background: #fff;
	font-family: Tahoma, Arial, helvetica, sans-serif;
	margin: 0;
	padding: 0;

}
#content
{
position: relative;
}
#Container
{
	padding-bottom: 11px;
	background: #fff url( 'images/bkg-f8faff.jpg' ) repeat-x bottom;
}
td
{
	font-size: 11px;
	color: #585858;
	line-height: 13px;
	vertical-align: top;
	padding: 0;
	text-align: justify;
}

table
{
	width: 100%;
}

img
{
	border: 0;
}
.img
{
	border: solid 1px #B4B4B4;
	padding: 3px;
	margin: 5px 11px 5px 11px;
}
.border img
{
	margin: 11px 0 11px 0;
	border: solid 1px #B4B4B4;
}
.link
{
	width: 600px;
	padding-top: 20px;
}

.sideimg
{
	border: solid 10px #ccc;
	padding: 0;
	margin: 0 0 11px 0;
}
.sideimg h1
{
	color: #523314;
	height: 10px;
	border-bottom: 1px dotted #666;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	padding: 10px 10px 6px 10px;
	margin: 0;
}
.sideimg p
{
	padding: 10px;
	margin: 0;
	font-size: 14px;
	line-height: 1.2em;
}
.sideimg b
{
	font-style: italic;
}
#ContentPlaceHolder2
{
	margin-top: -100;
}
.footer
{
	margin-top: 6px;
	text-align: center;
	color: #736F6E;
	font-family: Tahoma, Arial, helvetica, sans-serif;
	font-size: 9px;
	line-height: 20px;
}

.footer a, .footer a:visited
{
	color: #091d56;
	text-decoration: none;
	font-family: Tahoma, Arial, helvetica, sans-serif;
	font-size: 9px;
	line-height: 20px;
}
.footer a:hover
{
	color: #68b0e0;
}
.right_side
{
	width: 175px;
}

.Butt {
	-moz-border-radius-bottomleft:3px;
	-moz-border-radius-bottomright:3px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-topright:3px;
	background-color:#585858;
	border:1px solid #ffffff;
	padding:3px;
	margin-bottom: 11px;
	width: auto;
	height: 50px;
}
.Butt {
	border: #ccccce 2px solid;
	text-align: right;
}
.Butt:hover {
	color: #ffffff;
	text-decoration: underline;
	cursor: pointer;
}
.Butt p 
{
	color: #FFFFFF; font-size: 12px; text-transform: uppercase; line-height: 1.5em; margin: 10px 5px;
}
.Butt p b 
{
	font-size: 20px;
}


/* -----------------------Main Table ---------------------------*/
#MainTable
{
	margin-bottom: 10px;
	border-right: inactiveborder 1px solid;
	border-top: inactiveborder 1px solid;
	border-left: inactiveborder 1px solid;
	border-bottom: inactiveborder 1px solid;
	height: 155px;
	width: 600px;
}
#MainTable td
{
	width: 600px;
	padding: 10px 10px 0px 20px;
}

/* -----------------------Sub Table ---------------------------*/


#SubTable
{
	border: 0;
}
#SubTable td
{
	border-bottom: dotted #cccccc 1px;
	line-height: 11px;
}
/* -----------------------LIST, LINKS, TEXT ---------------------------*/


.Heading
{
	line-height: 15px;
	color: Green;
	font-size: 12px;
	font-family: Tahoma, Arial, helvetica, sans-serif;
	font-weight: bold;
}


/* -----------------------TOP TAB LINKS ---------------------------*/
.TopTab
{
	font-size: 16px;
	margin: 10px 15px;
	padding: 0;
	text-align: right;
	background: url( 'images/top-bkg.gif' ) #ccc;
}

.TopTab dt
{
	display: none;
}

.TopTab dd
{
	float: left;
	text-align: center;
	margin: 0;
	padding: 0;
}

.TopTab dd span.aa
{
	display: block;
	width: 4px;
	height: auto;
	float: left;
	padding: 6px 0 5px;
}

.TopTab dd span.bb
{
	height: auto;
	float: left;
	padding: 6px 6px 6px;
}

.TopTab dd span.cc
{
	display: block;
	width: 4px;
	height: auto;
	float: left;
	padding: 6px 0 5px;
}

.TopTab a, .TopTab a:visited
{
	color: #fff;
	text-decoration: none;
	font-size: 0.75em;
	cursor: pointer;
}

.TopTab a:hover
{
	color: #523314;
}

/* -----------------------SIDE MENU LINKS---------------------------*/

#SideMenu
{
	margin: 0;
	padding: 0;
	top:0;
	list-style: none;
	width: 164px;
	border-top: 1px dotted #666;
	border-bottom: 1px dotted #666;
}
#DivAffBkg
{
	position: relative;
}
#DivAff
{
	position: absolute;
	min-height: 100%;
	bottom: 0;
}
#AdFlex
{
	position: relative;
	min-height: 100%;
	background: #fff;
	overflow: hidden;
}
#SideMenu h1
{
	color: #523314;
	margin: 10px 0;
	padding: 0 0 0 10px;
}
#SideMenu h1 a
{
	color: #523314;
}

#SideMenu p
{
	line-height: 1.2em; font-size: 13px; padding: 10px; border-top: 1px dotted #666; background-color:#ecebe6;
}
	
#SideMenu ul
{
	padding: 0;
	margin: 0;
	list-style-type: none;
	width: 164px;
}

#SideMenu li
{
	display: inline;
	margin: 0;
	border: 0;
	padding: 0;
	text-indent: 0;
}

#SideMenu li a
{
	display: block;
	margin: 0;
	text-align: left;
	text-decoration: none;
	color: #523314;
	height: 1%;
}

#SideMenu li a
{
	border-top: 1px dotted #666;
	padding: 5px 0px 5px 0px;
	font-weight: normal;
}

#SideMenu li a.active
{
	background: #ecebe6;
	color: #523314;
	font-weight: bold;
}

#SideMenu li a:hover
{
	background: #ecebe6;
	color: #523314;
	font-weight: bold;
}

#SideMenu li a:hover, #SideMenu li a:active, #SideMenu li a:focus
{
	background: #ecebe6;
	color: #523314;
}

#SideMenu li a:hover.flyout, #SideMenu li a:active.flyout, #SideMenu li a:focus.flyout
{
	background: #ecebe6;
	color: #523314;
}


/* -----------------------Text Styles---------------------------*/

.Text
{
	font-size: 12px;
	color: #585858;
	vertical-align: top;
	text-align: justify;
	font-family: Arial;
	padding: 0 11px;
	width: 626px;
	line-height: 1.3em;
}
h1
{
	color: #523314;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	padding: 1px 1px 0px 0px;
	margin: 0px 0px 10px 0px;
}
h2
{
	color: #523314;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	padding: 1px 1px 0px 0px;
	margin: 0px 0px 10px 0px;
}
h3
{
	color: #a31d00;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	padding: 2px;
	margin: 10px 0 10px 0;
}
h4
{
	color: #a31d00;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	padding: 0;
	margin: 0;
}
.DivH1, .DivCentre h1, .DivRight h1, .DivLeft h1
{
	color: #523314;
	height: 10px;
	border-bottom: 1px dotted #666;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	padding: 0 0 6px 0;
	margin: 11px 0 11px 0;
	text-transform: uppercase;
}
.DivH2
{
	color: #a31d00;
	height: 10px;
	border-bottom: 1px dotted #666;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	padding: 0 0 6px 0;
	margin: 11px 0 11px 0;
}
p
{
	padding: 0;
	margin: 0 0 11px 0;
}
.FloatLeft a, .FloatRight a
{
	color: #cccccc;
}
.FloatLeft a:hover, .FloatRight a:hover
{
	color: #999999;
}
a, a:visited
{
	color: #523314;
	text-decoration: none;
}
a:hover
{
	color: #9da919;
	text-decoration: underline;
	cursor: pointer;
}
h10 
{
	color: #666;
	height: 1px;
	margin: 11px;
}

ol
{
	margin-top: 1.3em;
}

ol li
{
	margin-bottom: 1.3em;
}
hr 
{
	border:0; border-top: dotted 1px #ccc; height: 1px; width: 100%; color: #fff; background-color:#fff; margin:1em 0 1em 0;
}
.Red 
{
	color: Red;
}


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


.DivList li a {
color:gray;
text-decoration:none;
padding-left:11px;
margin-left:2px;
line-height:22px;
font-family:Tahoma, Arial, helvetica, sans-serif
}

.DivList li a:hover {
text-decoration:none;
color:Red;
}

.DivList li {
line-height:22px;
color:#4B4B4B;
font-size:11px;
border-bottom:dotted Gray 1px;
font-family:Tahoma, Arial, helvetica, sans-serif;
}

/* -----------------------Content Structures---------------------------*/

#DivLoginBkg
{
	position: relative;
}
#DivLogin
{
	position: absolute;
	width: 189px;
	height: 102px;
	top: 19px;
	right: 1px;
	background: #cccccc;
}


.DivP3
{
	width: 602px;
	padding: 0;
	margin: 0 0 4px 8px;
}
.DivLeft
{
	width: 280px;
	float: left;
	padding: 10px;
	margin: 4px 0 4px 0;
}
/* .DivLeft ul  (Not Needed on this portal)
{
margin:100px 0 0 0;
background-repeat: no-repeat;
background-position: 0px 5px; 
padding-left: 150px; 

}*/
.DivLeft li a
{
	margin: 2px 0 0 5px;
	padding: 0 0 0 2px;
	font-family: Franklin Gothic Book;
	font-size: 15px;
	color: #3c3c3c;
	text-decoration: none;
}
.DivLeft li a:hover
{
	margin: 2px 0 0 5px;
	padding: 0 0 0 2px;
	font-family: Franklin Gothic Book;
	font-size: 15px;
	color: #0066cc;
}
.DivRight
{
	width: 290px;
	float: right;
	padding: 9px;
	margin: 4px 0 4px 0;
}
.DivCentre
{
	width: 602px;
	padding: 11px;
	margin: 10px 0 4px 0;
}
.DivHome
{
	width: 610px;
	margin: 20px 0 0 0;
}
.FloatLeft
{
	float: left;
	text-align: left;
	padding: 0 11px;
	margin: 0px 0 4px 0;
	color: #999999;
}
.FloatRight
{
	float: right;
	text-align: right;
	padding: 0 11px;
	margin: 0px 0 4px 0;
	color: #999999;
}

.Div111 {
width:198px; margin-right:3px; float:left; }
.Div222 {
width:198px; margin-right:3px; float:left; }
.Div333 {
width:198px; float:left; }
.Div111 ul, .Div222 ul, .Div333 ul {
list-style-type:none; margin: 5px; padding: 0; line-height: 20px; }
.Div111 ul ul, .Div222 ul ul, .Div333 ul ul {
list-style-type: none; margin: 0 0 0 15px; font-size: 11px; line-height: 15px; }
.Div111 a, .Div222 a, .Div333 a, .Div111 a:visited, .Div222 a:visited, .Div333 a:visited {
color: #0066cc; text-decoration: none; }
.Div111 a:hover, .Div222 a:hover, .Div333 a:hover {
color: #211f5f; text-decoration: underline; cursor: pointer; }
.Div111 h1, .Div222 h1, .Div333 h1 {
color: #523314; border-bottom: 1px dotted #666; font-family: Arial; font-size: 12px; font-weight: bold; padding: 11px 0 6px 0; }


img.thumbnail {
	-moz-border-radius-bottomleft:3px;
	-moz-border-radius-bottomright:3px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-topright:3px;
	background-color:#EEEEEE;
	border:1px solid #DDDDDD;
	padding:3px;
	margin-bottom: 11px;
}
img.thumbnail {
	border: #A4A4A4 2px solid;
	
}
/* -----------------------Footer---------------------------*/
#FooterNav
{
	width: 978px;
	padding: 11px;
	margin: 11px 0;
	background: #fff url( 'images/bkg-f8faff-footer.jpg' ) repeat-x top;
}
.FooterLinks, .FooterLinks ul
{
	padding: 0;
	margin: 0;
	list-style: none;
	font: 11px Arial, Helvetica, sans-serif;
}
.FooterLinks li
{
	width: auto;
	font: 11px Arial, Helvetica, sans-serif;
	color: #091d56;
	background-color: transparent;
	float: left;
	text-align: left;
	margin: 0;
	padding: 0;
}
.FooterLinks li ul li
{
	background: none;
	text-align: left;
}
.FooterLinks li ul, .FooterLinks ul li
{
	width: 122px;
}
.FooterLinks ul li a
{
	color: #999;
	background-color: transparent;
	text-decoration: none;
	font-size: 11px;
	white-space: nowrap;
	font-weight: normal;
}
.FooterLinks li ul
{
	display: block;
	margin-top: 6px;
}
.FooterLinks li:hover a, .FooterLinks a:focus, .FooterLinks a:active, .FooterLinks li.FooterLinks-hover a
{
	color: #523314;
	background-color: transparent;
	text-decoration: underline;
	font-size: 11px;
}
.FooterLinks a:hover
{
	color: #9da919;
	background-color: transparent;
	text-decoration: underline;
	font-weight: normal;
}
.FooterLinks li:hover ul, .FooterLinks li.FooterLinks-hover ul
{
	display: block;
}
.FooterLinks li:hover ul a, .FooterLinks li.FooterLinks-hover ul a
{
	color: #6e6a12;
	background-color: transparent;
	text-decoration: none;
	font-size: 11px;
}
.FooterLinks li ul a:hover
{
	color: #9da919;
	background-color: transparent;
	text-decoration: underline;
}
.FooterLinks ul a:hover
{
	color: #9da919;
	background-color: transparent;
	text-decoration: underline;
}
.FooterLinks a.FooterLinksTrigger
{
	color: #333333;
	background-color: transparent;
	font: bold 11px Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.FooterLinks .FooterLinks-section
{
	padding: 0;
	color: #333333;
	background-color: transparent;
	font-weight: bold;
}
.FooterLinks .FooterLinks-section:hover
{
	color: #333333;
	background-color: transparent;
}


/* -----------------------Content Slider---------------------------*/

/* styles for the links...*/
a.itemLink {
	display: block;
	background-color:#e8e8e8;
	height:30px;
	margin:0px;
	padding:0px;
	text-decoration: none;
	display:block; 
line-height:30px;
width:600px;
font-weight:bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
}
/* top level container...*/
#menu {
	position: relative;
	width:600px;
	background-color:#fff;
	padding-left:1px;
}
/* affects all divs in #menu*/
#menu div {
	display: block;
	margin:0px;
	padding:0px;
	text-decoration: none;
	display:block; 
width:600px;
color:#5d5d5d;
text-indent:5px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
}

/* remove all the bullets, borders and padding from the default list styling */
#menu ul {
padding:0;
margin:0;
list-style-type:none;
width:600px;
}
/* style the list items */
#menu li {
height:auto;
width:600px;
}

/* style the links */
#menu a, .menu a:visited {
display:block; 
text-decoration:none;
height:auto;
line-height:30px;
width:600px;
color:#5d5d5d;
text-indent:5px;
border:1px solid #fff;
border-width:0 0px 2px 0px;
}
/* hack for IE5.5 */
* html #menu a, * html #menu a:visited {width:600px;}
/* style the link hover */
* html #menu a:hover {color:#5d5d5d; background:#003366; font-weight:bold; position:relative;}

#menu li:hover {position:relative;}

/* For accessibility of the top level menu when tabbing */
#menu a:active, #menu a:focus, #menu a:hover{color:#5d5d5d; background:#cccccc; font-weight:bold;}

/* retain the hover colors for each sublevel IE7 and Firefox etc */
#menu li:hover > a {color:#000000; background:#e8e8e8; font-weight:bold;}
 
/* hide the sub levels and give them a positon absolute so that they take up no room */
#menu li ul {
visibility:hidden;
position:absolute;
top:31px;
left:0px;
padding:0px;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-weight: bold;
font-size: 10px;
}
#Table_Slider
{
background:#ffffff;
width:600px;
}
#Table_Slider td
{border-bottom:dotted 1px #5d5d5d; height: 30px;
}
</style>
<!--[if IE 7]>
<style type="text/css">
#menu li {float:left;}
</style>
<![endif]-->