/*******************************************
GLOBAL STYLES

COLORS:
Dark Blue:  #002b5c
Brown:      #a6600c
Gold:       #b38707
Straw:      #cbac50
Sand:       #e1d4ac
Light Grey: #999999
Dark Grey:  #666666 77828b
TopNavGrey: #939ba1
Blue Grey : #d2dbe1
Link blue:  #00428e 
*******************************************/

html {/* Stops flickering of background images in IE6*/
  filter: expression(document.execCommand("BackgroundImageCache", false, true));}

html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a {
    margin: 0;
    padding: 0;
    border: 0;
    color: #666;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 9pt;
    line-height: 18px;} 

body {
    background: url(../images/body_bg.jpg) top left #939ba1;
    margin-left: 7px; /* margin needed for background shadow alignment*/}      
    
body, p, div, td {}

h1, h2, h3, h4, h5, h6 {
    color: #002b5c;
    font-family: "Frutiger Linotype", Verdana, Helvetica, sans-serif;
    font-weight: normal;
    line-height: 18px;
    margin-bottom: 18px;}

h1 {font-size: 16pt;}
h2 {font-size: 14pt;}
h3 {font-size: 13pt;}
h4 {font-size: 12pt}
h5 {font-size: 11pt;}
h6 {font-size: 10pt;}

h1 span,
h2 span,
h3 span,
h4 span,
h5 span,
h6 span {
    color: #999999;
    text-transform: none;
    text-decoration: none;
    border: 0 none;}
    
p, ul, ol {margin-bottom: 18px;}

ul ul,
ol ol {margin-bottom: 0;}

ul {
    margin: 0 18px 18px 24px;
    list-style: url(../images/bullet.gif)}
    
ol {margin: 0 18px 18px 36px;}    

a:link {
    color: #00428e;
    text-decoration: none;
    padding-bottom: 3px;}
    
a:visited {
    color: #00428e;
    text-decoration: none;
    padding-bottom: 3px;}
    
a:hover {
    color: #00428e;
    text-decoration: underline;
    padding-bottom: 3px;}

a:active {
    color: #00428e;
    text-decoration: underline;
    padding-bottom: 3px;}


	
/*******************************************
LAYOUT STYLES
*******************************************/
#shadow {
    border-bottom: url(../images/bottom_shadow.jpg);
    width: 100%;}

#shadowRow1 {background: url(../images/content_bg.jpg) -35px 0px repeat-y;}    

#shadowRow2 {background: url(../images/content_bg.jpg) -947px 0px repeat-y;}    

#layout {
    width: 95%;
    margin: 0 auto;
    position: relative;
    left: -7px;}
    
    #layout td {
        vertical-align: top;}

/*******************************************
QUICKLINKS
*******************************************/        
    #quickLinks {background-color: #fff;}        
    
        #quickLinks ul {
            list-style: url();
            float: right;
            margin: 3px 12px;}
        
            #quickLinks ul li {
                margin: 3px;
                padding: 0 0 0 6px;
                display: inline;
                border-left: 1px solid #d2dbe1;}

                #quickLinks li:first-child {border-left: 0 none;}
                
                #quickLinks a {color: #939ba1;}
        
/*******************************************
NAVIGATIONS
*******************************************/  
    /*******************************************
    1st level
    *******************************************/     
    #topNav_1 {
        background: /*url(../images/content_bg.jpg) -1157px 0px repeat-y */#939ba1;
        color: #fff;
        height: 30px;}
        
        #topNav_1 ul {
            margin: 4px 0 0 12px;
            width: 100%; 
            height: 26px;}
    
        #topNav_1 li {
            display:inline;
            float:left;
            padding: 2px 8px 8px 8px;
            color: #d2dbe1;
            border-left: 1px solid #ccc;
            font: bold 12px/18px Verdana, Helvetica, sans-serif;}
            
            #topNav_1 li:first-child {border-left: 0 none;}
            
            #topNav_1 li a:link,
            #topNav_1 li a:visited,
            #topNav_1 li a:hover,
            #topNav_1 li a:active {color: #d2dbe1;}
            
            #topNavSelected {
                background-color:#fff;
                color:#000;}
                
            #topNav_1 li#topNavSelected a {
                background-color:#fff;
                color:#939ba1;}
 
    /*******************************************
    2nd and 3rd levels
    *******************************************/
        
        #topNav_2 {
            background-color: #fff;
            height: 30px;
            padding-left: 12px;}            
            
        #topNav_2 ul {
            margin: 6px 0 6px 0;
            border: 0 none;
            padding: 0;
            width: 100%; /*For KHTML*/
            list-style: none;
            height: 22px;}
        
            #topNav_2 ul li {
                margin: 0;
                border: 0 none;
                padding: 3px 8px 0 8px;
                float: left; /*For Gecko*/
                display: inline;
                list-style: none;
                position: relative;
                height: auto;
                color: #939ba1;
                background-color: #fff;
                cursor: pointer;
                font: 12px/18px Verdana, Helvetica, sans-serif;
                border-left: 1px solid #939ba1;}
                    
                #topNav_2 ul li:first-child {border-left: 0 none;}
                
                #topNav_2 ul ul {
                    margin: 0;
                    border: 0 none;
                    border-top: 9px solid #fff;
                    border-bottom: 1px solid #fff;
                    padding:0;
                    width: 200px;
                    list-style: none;
                    display: none;
                    position: absolute;
                    top: 18px;
                    left: 0;
                    height: auto;
                    background-color: #939ba1;}
        
                #topNav_2 ul ul:after /*For IE 7 lack of compliance*/{
                    clear: both;
                    display: block;
                    font: 1px/0px serif;
                    content: ".";
                    height: 0;
                    visibility: hidden;}
        
                    #topNav_2 ul ul li {
                        width: 186px;
                        padding: 6px;
                        background-color: #939ba1;
                        float: left; /*For IE 7 lack of compliance*/
                        display: block !important;
                        display: inline; /*For IE*/
                        border: 1px solid #fff;
                        border-bottom: 0 none;
                        height: auto;
                        font: 12px/18px Verdana, Helvetica, sans-serif;}

                    #topNav_2 ul ul li:first-child {
                        border-left: 1px solid #fff;}
        
        /* Root Menu */
        #topNav_2 ul a {
            border: 1px hidden;
            padding: 0;
            margin: 0;
            float: none !important; /*For Opera*/
            float: left; /*For IE*/
            display: block;
            color: #939ba1;
            font: 12px/18px Verdana, Helvetica, sans-serif;
            text-decoration: none;
            height: auto !important;
            height: 1%; /*For IE*/}
        
        /* Root Menu Hover Persistence */
        #topNav_2 ul a:hover,
        #topNav_2 ul li:hover,
        #topNav_2 ul li:hover a,
        #topNav_2 ul li.iehover a  {
            color: #939ba1;
            text-decoration: underline;}

        #topNav_2 ul #selectedNav2,
        #topNav_2 ul #selectedNav2 a  {
            color: #00428e;
            text-decoration: underline;}            
        
        /* 2nd Menu */
        #topNav_2 ul li:hover li a,
        #topNav_2 ul li.iehover li a {
            color: #fff;
            background-color: #939ba1;
            text-decoration: none;}
        
            #topNav_2 ul li#selectedNav2 ul li a {
                color: #fff;
                text-decoration: none;}
        
        /* 2nd Menu Hover Persistence */
        #topNav_2 ul li:hover li a:hover,
        #topNav_2 ul li:hover li:hover a,
        #topNav_2 ul li.iehover li a:hover,
        #topNav_2 ul li.iehover li.iehover a,
        #topNav_2 ul li#selectedNav2:hover li a:hover,
        #topNav_2 ul li#selectedNav2:hover li:hover a,
        #topNav_2 ul li#selectedNav2.iehover li a:hover,
        #topNav_2 ul li#selectedNav2.iehover li.iehover a  {
            color: #fff;
            text-decoration: underline;}
            
        
        
        #topNav_2 ul ul ul,
        #topNav_2 ul ul ul ul {
           /* display: none;
            position: absolute;
            top: 0;
            left: 160px;*/}
        
        /* Do Not Move - Must Come Before display:block for Gecko */
        #topNav_2 ul li:hover ul ul,
        #topNav_2 ul li:hover ul ul ul,
        #topNav_2 ul li.iehover ul ul,
        #topNav_2 ul li.iehover ul ul ul {
            display: none;}
        
        #topNav_2 ul li:hover ul,
        #topNav_2 ul ul li:hover ul,
        #topNav_2 ul ul ul li:hover ul,
        #topNav_2 ul li.iehover ul,
        #topNav_2 ul ul li.iehover ul,
        #topNav_2 ul ul ul li.iehover ul {
            display: block;}    
        
/*******************************************
HEADER
*******************************************/    
    
    #header {
        vertical-align: bottom;
        text-align: right;
        background: #002b5c;
        height: 153px;
        border: 1px solid #d2dbe1;
        border-left: 0 none;        
        border-right: 0 none;
		}


        #header a {
            margin: 0;
            padding: 0;}
        
        #header img {border: 0 none;}
	
	

/*******************************************
LOGIN
*******************************************/
    
    #login {
        background-color: #fff;
        border: 1px solid #d2dbe1;
        border-right: 0 none;

        height: 153px;}
        
        #login h2 {
            color: #939ba1;
            line-height: 24px;
            margin: 9px 0 0 9px;}
            
        #login table {
            margin: 9px;
            width: 225px;}
    
        #login th {
            text-align: left;
            font-weight: normal;}
            
        #login input {
            width: 100px;
            border: 1px solid #d2dbe1;}
            
        #login #submit {
            border: 0 none;
            width: 70px;  
            height: 22px;
            text-align: left;        
            background: url(../images/link_highlight_bg.jpg) right bottom no-repeat #fff;
            color: #939ba1;
            font-size: 8pt;
            font-weight: bold; }
            
        #login a {
            color: #00428e;
            margin: 0 9px;
            background: url(../images/bullet.gif) right -2px no-repeat;
            padding: 0 10px 0 0;}
            
        /*******************************************
        IE FIXES
        *******************************************/
        #ie7only #login #submit {padding: 0 0 0 7px;}

/*******************************************
BREADCRUMBS
*******************************************/            
    
    #breadcrumbs {
        background-color: #fff;
        color: #999;
        padding: 5px 0 0 20px ;}
        
        #breadcrumbs img {margin: 0;}
        
        #breadcrumbs ul {margin: 3px 20px 3px 20px;}
        
        #breadcrumbs li {
            display: inline;
            margin: 0 4px 0 0;
            float: left;}
            
            #breadcrumbs .currentPage a {text-decoration: underline;}

/*******************************************
CONTENT
*******************************************/
    #content {
        background-color: #fff;
        padding: 20px;}                
            
        #content table {margin-bottom: 18px;}
        
        #content .dataTable,
        #content .userFormTable,
        #div_main table {margin-bottom: 0;}
        
        #content cite {
            display: block;
            clear: both;
            text-align: right;
            margin: 18px;}
                        
        #ie7only #content blockquote:before {
            content: open-quote;}
            
        #ie7only #content blockquote:after {
            content: close-quote;}            
            
/*******************************************
TOP PANELS
*******************************************/          
    #topPanelContainer {
        background-color: #fff;
        padding-right: 10px;}
        
    #topPanelFix {border: 1px solid #fff;}
    
    #topPanels {
        margin: 0 0 0 10px;
        margin-top: -10px;
        width: 100%;}
        
        .topPanel {
            border: 1px solid #d2dbe1;
            height: 260px;
            width: 33%;}

        .topPanel h2 {margin: 9px;}
        
        .topPanel p {margin: 0 9px 9px 9px;}               
        
        .topPanel ul {list-style: url(../images/bullet.gif);}
        
        .topPanel div {min-height: 100px;}
        
        .topPanel a img {
            border: 0 none;
            padding: 0 none;}        
            
        .topPanel a:hover {text-decoration: none;}        
                
        .topPanel a:link.more,
        .topPanel a:visited.more {
            float: right;
            color: #77828b;
            font-weight: bold;
            background: url(../images/link_highlight_bg.jpg) right -1px no-repeat #fff;
            padding: 0 18px 0 3px;
            margin: 3px;
            text-decoration: none;}            
            
        .topPanel a:hover.more,
        .topPanel a:active.more {
            float: right;
            color: #77828b;
            font-weight: bold;
            padding: 0 18px 0 3px;
            margin: 3px;
            background-position: right -18px;
            text-decoration: none;}    
        
        #topPanel_1 {background: url(../images/topPanel_1.jpg) top left repeat-x;}
            
        #topPanel_2 {background: url(../images/topPanel_2.jpg) top left repeat-x;}
        
        #topPanel_3 {background: url(../images/topPanel_3.jpg) top left repeat-x;}
		
		/* *****************************************************************
		Graduate Diploma design
		
		***************************************************************** */		
		
		#header_gd {
        vertical-align: bottom;
        text-align: right;
        background: #002b5c; 
        height: 153px;
        border: 1px solid #d2dbe1;
        border-left: 0 none;        
        border-right: 0 none;
		border-bottom:0 none;}
		
		
		  #header_gd a {
            margin: 0;
            padding: 0;
			border: 0 none;
			}
        
        #header_gd img {
			border: 0 none;
			}
		
		#gd_topPanelContainer {
		   background: url(../images/body_bg_fill.gif) top left repeat-x;
		   }
		
		#lady {
		background: url(../images/body_bg_left.jpg) left 0px no-repeat;
		height:518px;
		width: 70%;

		}
		
		.box_left_end {
		 background: url(../images/box_left.gif) top left no-repeat;
		 height:140px;
		 width:13px;
		}
		
		.box_guts {
		 background: url(../images/box_fill.gif) top left repeat-x;
		 width:100%;
		 height:140px;
		 padding:8px;
		 margin:0px;
		}
		
		.box_guts h3 {
		 font-weight:bold;
		 font-size:14px;
		 margin:0px;
		 padding:0px;
		}
		
        .box_guts a img {
	        border: 0 none;
            padding: 0 none;
		}
		
		  .box_guts a.more:link,
          .box_guts a.more:visited {
              float: right;
              color: #77828b;
              font-weight: bold;
              background: url(../images/link_highlight_bg.jpg) right -1px no-repeat #fff;
              padding: 0 15px 0 3px;
              margin: 3px 3px 0 3px;
              text-decoration: none;}            
              
     		
		.box_right_end {
		 background: url(../images/box_right.gif) top right no-repeat;
		 height:140px;
		 width:9px;
		}
		
		#gd_boxes {
			position:relative;
			top:0px;
			left:250px;		
		}
	    
		#gd_blurb {
			color:white;
		}
		
		#gd_title {
			position:relative;
			top:10px;
			right:55px;		
			float:left;
		}
		
		/* *****************************************************************
		CPIB design
		
		***************************************************************** */		
		#header_cpib {
        vertical-align: bottom;
        text-align: right;
        background: #002b5c; 
        border: 1px solid #d2dbe1;
        border-left: 0 none;        
        border-right: 0 none;
		border-bottom:0 none;}
		
		
		  #header_cpib a {
            margin: 0;
            padding: 0;
			border: 0 none;
			}
        
        #header_cpib img {
			border: 0 none;
			}
		
		#cpib_topPanelContainer {
			height:518px;
			margin:0px;
			padding:0px;
			position:relative;
			z-index:1;
		   }
		
		#leftdiv {
		 background: url(../images/cpib_background.gif) top left repeat-x;
		  height:518px;
		  float:left;
		  width:55%;
		}
		
		#man {
		background: url(../images/cpib_left2.jpg) left 0px no-repeat;
		height:518px;
		width: 435px;
		float:left;
		}

		#rightdiv {
		  background: url(../images/cpib_background.gif) top left repeat-x;
		  height:518px;
		  float:left;
		  width:44.9%;
		  position:relative;
		}
		
		#right {
		background: url(../images/cpib_right2.jpg);
		background-position: right 0px;
		background-repeat:no-repeat;
		height:518px;
		width:390px; /* 340 */ 
		float:right;
		}
		
		#cpib_boxes {
			position:absolute;
			top:10px;
			left:255px;		
			margin:0px;
			padding:0px;
			z-index:1000;
		}
		
		#cpib_title {
			position:relative;
			top:0px;
			left:-65px;		
		}
		
		#cpib_blurb {
		position:relative;
		top:0px;
		left:-20px;		
		}
		
		.cpib_wrapper {
			position:relative;
			margin: 0 auto;
		}
		
		.div1 {
			background: url(../images/cpib_box_left.png) left 0 no-repeat;
			min-height: 156px;
			height: 156px;
			width:20px;
			float:left;
			position:relative;
			top:0;
			margin-left:-20px;
		}
		
		.div2 {
			background-image: url(../images/cpib_box_bg.png);
			background-repeat:repeat-x;
			min-height: 156px;
			height: 156px;
			padding-top:15px;
			padding-bottom:15px;
			width:auto;

		}
		
		.div3 {
			background-image: url(../images/cpib_box_right.png);
			background-repeat:no-repeat;
			min-height: 156px;
			height: 156px;
			width:27px;
			float:right;
			position:relative;
			top:0;
			margin-right:-27px;
		}

		.cpib_guts h3 {
		 font-weight:bold;
		 font-size:14px;
		 margin:0px;
		 padding:0px;
		}
		
        .cpib_guts a img {
	        border: 0 none;
            padding: 0 none;
		}
		
		  .cpib_guts a.more:link,
          .cpib_guts a.more:visited {
              float: right;
              color: #77828b;
              font-weight: bold;
              background: url(../images/link_highlight_bg.jpg) right -1px no-repeat #fff;
              padding: 0 15px 0 3px;
              xmargin: 3px 3px 0 3px;
              text-decoration: none;
			}           
		/* *****************************************************************
		Trainee design
		
		***************************************************************** */		
		
		#trainee {
		background: url(../images/traineeship_left.jpg) left 0px no-repeat;
		height:518px;
		width: 435px;
		float:left;
		}

		#right_trainee_div {
		  background: url(../images/trainee_bkgrd.jpg) top left repeat-x;
		  height:518px;
		  float:left;
		  width:44.9%;
		  position:relative;
		}
		
		#right_trainee_div2 {
		background: url(../images/traineeship_rigth.jpg);
		background-position: right 0px;
		background-repeat:no-repeat;
		height:518px;
		width:390px; /* 340 */ 
		float:right;
		}
		
		#trainee_title {
			position:relative;
			top:8px;
			left:-65px;		
		}
		
		#trainee_blurb {
		position:relative;
		top:0px;
		left:-20px;		
		}
		
	
       /*******************************************
        IE ONLY FIXES
        *******************************************/
        #ie7only #topPanelContainer {
            padding-left: 10px;
            padding-right: 0;}
        
        #ie7only #topPanelFix {margin-top: -10px;}
        
        #ie6only #topPanelContainer {
            padding: 0;
            padding-left: 10px;}
	
	        #ie7only #topPanelContainer {
            padding-left: 10px;
            padding-right: 0;}

        #ie6only #cpib_boxes {
            position:absolute;
			top:10px;
			clear:all;
			}
			
        #ie6only .div3 {
			right:27px;
			}

        #ie6only .div1 {
			left:0px;
		}
		
		 #ie6only .div2 {
			padding-left:20px;
		}
			
        #ie6only .cpib_wrapper {
			position:static;
			}

			
			
			
			

/*******************************************
NEWS CONTENT
*******************************************/ 
	#newsContainer	{
		padding: 20px;
        background-color: #fff;}        

	.newsHeading {
	font-weight:bold;
	float: left;
	
	}

/*******************************************
RIGHT PANEL, NEWS, ARTICLES
*******************************************/    
    #rightPanelContainer {
        background-color: #fff;
        border-left: 1px solid #d2dbe1;
        width: 278px;}
        
        #rightPanelContainer table {
            width: 250px;
            margin: 0 10px;}
        
        #rightPanelContainer h2 {
            width: 100%;
            border-bottom: 1px solid #d2dbe1;
            padding-bottom: 3px;
            margin-bottom: 18px;}
            
        #rightPanelContainer h3 {
            width: 100%;
            font-size: 10pt;
            font-weight: bold;
            margin-bottom: 0;}

        #rightPanelContainer a:link,
        #rightPanelContainer a:visited {
            color: #77828b;
            font-weight: bold;
            background: url(../images/link_highlight_bg.jpg) right -1px no-repeat #fff;
            padding: 0 18px 0 3px;
            margin-bottom: 3px;
            text-decoration: none;}            
            
        #rightPanelContainer a:hover,
        #rightPanelContainer a:active {
            color: #77828b;
            font-weight: bold;
            padding: 0 18px 0 3px;
            margin-bottom: 3px;
            background-position: right -18px;
            text-decoration: none;}
            
        #rightPanelContainer ul {
            clear: both;
            list-style: url() none;
            margin: 0 0 18px 0;}
            
            #rightPanelContainer li {
                clear: both;
                margin-bottom: 18px;}
            
            .newsDate {
                font-size: 8pt; 
                float: right;
				clear:all;
                color: #999;}
                
            .newsItem h2 {margin-bottom: 0;}  
                
            .newsItem .newsDate,
            #content .newsDate {float: left;}
                
            .newsAbstract {
                clear: both;}
            
            .newsMore {
                clear: both;
                float: right;}
                
            .articleAbstract {
                clear: both;}
            
            .articleMore {
                clear: both;
                float: right;}                

/*******************************************
BOTTOM PANELS
*******************************************/   
    #spacerRow {background-color: #fff;}
   
    #bottomPanelContainer {
        background-color: #fff;
        padding: 0 0 0 10px;}
    
        table#bottomPanels {
            width: 100%;}

        .bottomPanel {
            border: 1px solid #d2dbe1;
            margin: 10px 20px;
            height: 80px;
            width: 100%;}
            
            .bottomPanel h2 {margin: 3px 0 3px 0;}
            
            .bottomPanel p {margin: 3px 3px 0 0;}   
        
            .bottomPanel a h2 {background: #fff;}
            
            .bottomPanel a img {
                border: 0 none;
                padding: 0 none;} 
                
            .bottomPanel .fullWidth {
                width: 100%; 
                margin: 0; 
                padding: 0;}                
            
            .bottomPanel a:hover {text-decoration: none;}             
                
            .bottomPanel a.more:link,
            .bottomPanel a.more:visited {
                float: right;
                color: #77828b;
                font-weight: bold;
                background: url(../images/link_highlight_bg.jpg) right -1px no-repeat #fff;
                padding: 0 15px 0 3px;
                margin: 3px 3px 0 3px;
                text-decoration: none;}            
                
            .bottomPanel a.more:hover,
            .bottomPanel a.more:active {
                float: right;
                color: #77828b;
                font-weight: bold;
                padding: 0 15px 0 3px;
                margin: 3px;
                background-position: right -18px;
                text-decoration: none;}    
            
            .bottomPanel img.bordered {
                border-left: 10px solid #d2dbe1;
                float: left;
                margin-right: 9px;}
        
        #bottomPanel_1 {
            margin-top: 20px;}
        
        #bottomPanel_2 {}
        
        #bottomPanel_3 {}
    
    #bottomShadow {
        width: 90%;
        margin: 0 auto;
        position: relative;
        left: -8px;
        background: url(../images/bottom_shadow.jpg) bottom left repeat-x;}

/*******************************************
BOTTOM MENU
*******************************************/    
#bottomArea {
    width: 95%;
    margin: 0 auto;
    position: relative;
    left: -7px;}
    
    #bottomMenu {color: #fff;}
    
    #bottomMenu h2 {
        color: #d2dbe1;
        font-size: 10pt;
        font-weight: bold;}     
        
    #bottomMenu ul {
        list-style: url() none;
        margin: 0;}
    
    #bottomMenu a:link,
    #bottomMenu a:visited {
        color: #d2dbe1;
        text-decoration: none;}
    
    #bottomMenu a:hover,
    #bottomMenu a:active {
        color: #fff;
        text-decoration: underline;}        
    
    #bottomMenu_1,
    #bottomMenu_2,
    #bottomMenu_3,
    #bottomMenu_4 {border-right: 1px solid #d2dbe1}
    
    #bottomMenu td {width: 20%;}


/*******************************************
FOOTER
*******************************************/    
    #footer td {
        color: #d2dbe1;
        font-family: Verdana;
        font-size: 8pt;}
    
    #footerMenu ul {
        list-style: url() none;
        margin: 0 9px;}
        
        #footerMenu li {
            display: inline; 
            line-height: 12px;
            float: left;
            margin: 0 10px 0 0;}     
            
            #footerMenu li a:link,
            #footerMenu li a:visited {
                color: #d2dbe1;
                font-family: Verdana;
                font-size: 8pt;
                text-transform: lowercase;
                padding: 0 10px 0 0;
                border-right: 1px solid #d2dbe1;}
    
    #disclaimer {text-align: right;}

/*******************************************************************************
3rdgenAS styles
*******************************************************************************/

/*******************************************
Data tables
*******************************************/
.dataTable {
    background-color: #f0f0f0; 
    border-collapse: collapse;}

    .dataTable td {
        border: 2px solid #ffffff; 
        padding: 3px; 
        vertical-align:top;}

.nestedDataTable {
    background-color:#f0f0f0;
    border-collapse:collapse;}
    
    .nestedDataTable td {
        border:2px solid #f0f0f0;
        padding:3px;
        vertical-align:top;}
    
    .dataHead {
        background-color:#e0e0e0;
        font-weight:bold;}
    
    .dataTitle {
        background-color:#104080;
        font-weight:bold;
        color:white}

 .formErrorStyle {
 	color:red;
	font-weight:bold;}

/*******************************************
Page titles
*******************************************/

.title {
    width:100%;
    background-color:#104080;
    padding:3px;
    font-size:15px;
    font-weight:bold;
    color:white;
    border-top:1px solid #ffffff;}

.subTitle {
    width:100%;
    background-color:#e0e0f0;
    padding:3px;
    border-top:1px solid #ffffff;}

.subTitle a {text-decoration:none}

/*******************************************
Page navigation
*******************************************/

.pageNav {
    background-color:#f0f0f0;
    border-collapse:collapse;}

.pageNav td {
    border:0px;
    padding:3px;
    vertical-align:middle;}

.pageNav a {text-decoration:none}

/*******************************************
Form elements
*******************************************/
button,
input,
select,
textarea {
    font-family:Verdana,Helvetica,sans-serif;
    font-size:11px;}

/*******************************************
Global nav links
*******************************************/
a.nav {
    text-decoration:none;
    color:black;
    padding: 2px 8px;
    border: 1px colid #f0f0f0;}
    
a.nav:hover {
    background-color:#e4e4e4;
    border-top-color:white;
    border-left-color:white;
    border-right-color:gray;
    border-bottom-color:gray;}

/*******************************************
generated forms
*******************************************/
.generalForm {
	background-color:#f0f0f0; 
	font-size:125%;
	border-color: #c0c0c0;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-spacing: 0;}
    
.generalForm td, 
.generalForm th {
	padding:3px; 
	vertical-align:top;
	border-color: #ffffff;
	border-style: solid;
	border-width: 1px 1px 0 0;
	font-size:75%;
	margin: 0;
	padding: 4px;
	text-align:left;}

.formPromptStyle {
	background-color:#e0e0e0; 
	font-weight:bold;}

.formLabelStyle {
	background-color:#D5E3EE;
	font-weight:bold;
	font-size:95%;
	border-bottom:1px solid white;}

.formDataStyle td, th {
	font-size:100%;
	border-bottom:1px solid white;
	border-left:1px solid white;}

.tabLink {
	width:13px;
	cursor:pointer;
	background-color:#e0e0e0;
	font-weight:bold;
	border:0 none;}
    
.tabDisable {
	width:13px;
	background-color:#e0e0e0;
	font-weight:bold;
	border:0 none;}
    
.tabhead	{
	background-color:#e0e0e0;
	height:25px;
	font-weight:bold;}
    
.tabButton	{
	background-color:#e0e0e0;
	height:25px;
	text-align:right;}

.formMultiListHeading {
	font-weight:bold;
	background-color:#FCFCF0;
	width:450px;
}

.formSubPromptStyle {
	font-style:italic;
	font-size:80%;
}

/*******************************************
user form table
*******************************************/
#userFormTable {
	border-collapse:collapse;
	border:0 none;}

/*******************************************************
MY NIBA table
*******************************************************/
.myNIBA {
	border-collapse: collapse;}

.myNIBA td {
	padding: 0 5px;
	text-align:center;}

/*******************************************
Other
*******************************************/
div#qTip {
    padding: 3px;
    border: 1px solid #666;
    border-right-width: 2px;
    border-bottom-width: 2px;
    display: none;
    background: #8ECC39;
    color: #FFF;
    font: bold 9px Verdana, Arial, Helvetica, sans-serif;
    text-align: left;
    position: absolute;
    z-index: 99;}

.printButton {
	color: #fff;
	font-weight:bold;
	background: #316D0F;
	border: 2px outset #d7b9c9;
	cursor: pointer;
	text-align:center;}

.compareTitle {
	width:150px;
	background-color:#b7d7ee;
	border:1px solid #2A458D;
	padding:2px 2px;
	margin:0 0 0 100px;
	font-weight:bold;
	color:#2A458D;
	display:none;
	text-align:center;}

.dataSave {
	width:200px;
	background-color:#b7d7ee;
	border:1px solid #2A458D;
	padding:2px 2px;
	margin:auto;
	font-weight:bold;
	color:#2A458D;
	text-align:center;}
	
	.dataSaveRed {
	width:200px;
	background-color:#ff6666;
	border:1px solid #660000;
	padding:2px 2px;
	margin:auto;
	font-weight:bold;
	color:#660000;
	text-align:center;}

/*******************************************
BOARD Output table
*******************************************/    

#boardMembers td {
    vertical-align: top;}

    #boardMembers td img {
        float: right;
        margin: 0 18px 0 0;}   

    #boardMembers td p {
        clear: both; 
        margin-top: 36px;} 

#editMyInfo {
    float: left;
    margin-right: 20px;}

#showMyRoles {
    float: left;} 
	
	
	/********************************************/
	.subheading {
		font-weight:bold;
	}
	
	/*********************************************
	Search Box's 
	********************************************/
					.sTopRright {
				background:url("../images/top_right.gif") top right no-repeat;
				float:right;
				line-height:9px;
				}
	.sTopLeft {
				background:url("../images/top_left.gif") top left no-repeat;
				float:left;
				line-height:9px;
				}
				
	.sBottomRight {
				background:url("../images/bottom_right.gif") bottom right no-repeat;
				float:right;
				line-height:9px;
				}
	.sBottomLeft {
				background:url("../images/bottom_left.gif") bottom left no-repeat;
				float:left;
				line-height:9px;

				}			
	.sBottomFill {
				background:url("../images/bottom_repeat.gif");
				background-position:bottom;
				background-repeat:repeat-x;
				line-height:9px;
				}			
		.sBody {
			clear:all;
			border-left:1px solid #d8d8d8;
			border-right:1px solid #d8d8d8;
		}	
		
/*******************************************
BOX design template
*******************************************/	
.lowerBoxs {
	border: 1px solid #d2dbe1;
	height:80px;
}

#rightBox {
	border: 1px solid #d2dbe1;
	height:362px;
}

#rightBox2 {
	border: 1px solid #d2dbe1;

}

.topBoxs {
	border: 1px solid #d2dbe1;
	height:160px;
	padding:5px;

}

.topBoxContent {
	height:95%;
}		


a:link.more,
a:visited.more {
            float: right;
            color: #77828b;
            font-weight: bold;
            background: url(../images/link_highlight_bg.jpg) right -1px no-repeat #fff;
            padding: 0 18px 0 3px;
            margin: 3px;
            text-decoration: none;}           
			
a:hover.more,
a:active.more {
            float: right;
            color: #77828b;
            font-weight: bold;
            padding: 0 18px 0 3px;
            margin: 3px;
            background-position: right -18px;
            text-decoration: none;}