﻿@import url(Reset.css);
@import url(Colour.css);
@import url(Typography.css);

html
{ /*height:100%; margin-bottom:1px;*/ }

body
{ margin-top:5px; text-align:center; margin-bottom:20px; }

#Container
{ position:relative; width:800px; margin:0 auto; text-align:left; overflow:hidden; }


/*--------------------  BRANDING */
#Branding1_Branding
{ float:left; width:100%; }

#Branding1_Branding a
{ float:left; display:block; margin-top:10px; }

#Branding1_Branding p
{ float:right; margin-top:10px; display:none; }

#ThirdNav
{ position:absolute; top:30px; float:right; right:0; }


/*--------------------  MAIN MENU */
#MainMenu
{ float:left; width:100%; }

#Menu
{ float:left; width:100%; }

#Menu li
{ float:left; }

#Menu a
{ display:block; text-align:center; float:left; width:132px; padding:10px 0; }

#Menu .Last
{ /*float:right; margin-right:0px;*/ width:130px; }

#Menu ul
{ display:none; }

/*--------------------  Sub nav area (submenu with adds) */
#SubNavArea
{ float:left;  width:160px; margin-top:20px; margin-bottom:20px; overflow:hidden; }

/* Submenu */
#SubMenuBody
{ float:left; width:100%; margin-bottom:20px; }

#SubMenuBody ul
{ float:left; width:100%; }

#SubMenuBody li
{ padding:0; margin:0; clear:both; float:left; width:100%; }

#SubMenuBody ul li a
{ display:block; padding:5px 0; margin:0; width:100%; }

/* Third menu style (sub sub menu) */

#SubMenuBody ul li ul li a
{ padding:2px 10px 2px 15px; }


/*--------------------  ADVERTS */
.Advert
{ float:left; clear:both; }


/* Breadcrumbs */
#Menu1_Breadcrumbs
{ position:absolute; top:50px; left:0; z-index:500; display:none; }

#Menu1_Breadcrumbs li
{ float:left; }

#Menu1_Breadcrumbs li.Separator
{ padding:0px 3px; }



/*--------------------  Content Area */
#ContentArea
{ width:800px; float:left; }


/*--------------------  Side menu */
#SideMenu
{ float:right; width:180px; margin-top:20px; overflow:hidden; padding-bottom:5px; border:0px solid #ccc; }

#SideMenu li
{ float:right; width:180px; margin:0px 0px 10px 0px; overflow:hidden; }

#SideMenu li a
{ display:block; float:left; width:150px; height:33px; }

#SideMenu .OneLine
{ padding:9px 5px 13px 40px; }

#SideMenu .TwoLines
{ padding:2px 5px 7px 40px; }

#Content #SideMenu li.Fancy a
{ display:block; float:left; width:150px; height:46px; }

#OuterSidePanel
{ float:left; width:160px; margin-bottom:30px; }

#OuterSidePanel img
{ padding-bottom:30px; float:left;}


/*--------------------  ADVERTS */
.Advert p
{ padding:5px 0; }

/*--------------------  CONTENT */
#Content
{ float:left; display:inline; width:460px; overflow:hidden; margin:20px 0px 0px 0px; padding-bottom:20px; }

#InnerContent
{ min-height:340px; padding:0 20px 0 20px; }

/* Make individual pages longer if needed (as min-height doesn't work in IE) */
#pgRiskProComp #InnerContent #pgFinVVM #InnerContent, #pgRiskPro #InnerContent, #pgRiskProMBDI #InnerContent, #pgRiskProComp #InnerContent, #pgDealLogin #InnerContent, #pgError #InnerContent
{ height:340px; }

.PictureRight #InnerContent
{ width:400px; }

.PictureBottomRight #InnerContent
{ width:450px; }

.FullContent #InnerContent
{ width:620px; }


/*--------------------  Generic page style setup */
#Content p
{ padding-top:0px; padding-bottom:10px; margin:0; }

#Content p.PaddedBottom
{ padding-bottom:20px; }

#Content ul
{ margin:5px 0px 10px 20px; }

#Content ol
{ }

#Content .BigP
{ padding:0 0 10px 0; margin:0; }

#Content ol li
{ list-style-type:decimal; margin-left:30px; }

#Content ul li
{ /*list-style-image:url(../images/design/800/secondary_menubar_selected.gif);*/ list-style-type:disc; }

#Content .SeparatedList li
{ padding-bottom:10px; }

#Content dl
{ padding:0 3px 5px 0px; }

#Content dt
{ padding:10px 0 2px 0; }

#Content dd ul li
{ list-style-type:disc; }

#Content li
{ margin:5px 0; }

.Contact
{ display:block; clear:both; }

#Content .Post ul, #Content .Person ul
{ margin:0; }

#Content .Post ul li, #Content .Person ul li
{ list-style:none; margin:0; padding:0; }

#Content .Contact dt
{ margin:0; }

.Contact dd
{ margin-bottom:10px; }

#Content .Limit25
{ width:25%; }

#Content .Limit50
{ width:50%; }

#Content .Limit75
{ width:75%; }

#Content img
{ display:block; margin-bottom:20px; }

/***************************************************** /
#Content .NumberedPoints dt
{ padding:3px 0 0 0; margin:0; }

#Content .NumberedPoints dd
{ padding:0 0 10px 0; margin:0; }

#Content .NumberedPoints dd ul
{ margin:0; padding:0 0 0 16px; }

#Content .NumberedPoints dd ul li
{ margin:0; padding:2px 0px 0 0; }
/ *****************************************************/


#Content .NumberedPoints dt
{ padding:3px 0 0 35px; margin:0; }

#Content .NumberedPoints dd
{ padding:0 0 10px 38px; margin:0; }

#Content .NumberedPoints dd ul
{ margin:0; padding:0 0 0 12px; }

#Content .NumberedPoints dd ul li
{ margin:0; padding:2px 0px; }


.ClearIt
{ clear:both; }

#pgApply h3
{ padding-top:4px; }


/* FAQs page */
.Questions dd ul li
{ list-style-type:none; list-style:none; }

.Answers
{ margin-top:10px; }

.Answers .First
{ margin-top:10px; }


/*-------------------- FOOTER */
#Footer
{ width:100%; float:left; display:inline; padding:5px 0px; }

#Footer
{ /*Fix for IE6 Duplicate characters bug*/ margin-right:-3px; }

#Footer #FootLinks
{ float:left; clear:both; }

#FootLinks li
{ float:left; text-align:center; margin-right:40px; }

#Footer li.Last
{ margin-right:0; border-right:0; }

#Footer li a
{ display:block; }


#Footer #Foot_Top
{ margin-right:60px; }

#FootAdmin
{ clear:both; float:right; margin-top:8px; color:#bbb; font-size:10px; }

#FootAdmin a
{ color:#aaa; }

#FootAdmin li
{ float:left; border-right:1px solid #ccc; padding:0 5px; }

