html {height:100%}


body {padding:0; margin:0; height:100%; background:#AAA url(../images/IFCN2sp/tealbg.jpg) center top repeat-y;
  font: .8em 'Lucida Sans', Tahoma, sans-serif; color:#00458d}
  
a:link, a:visited {color: #02458d}
a:active, a:hover {color: #cd1041}

body.blue {background-image: url(../images/IFCN2sp/bluebg.jpg)}
body.red {background-image: url(../images/IFCN2sp/redbg.jpg)}
body.coral {background-image: url(../images/IFCN2sp/coralbg.jpg)}
body.green {background-image: url(../images/IFCN2sp/greenbg.jpg)}
body.yellow {background-image: url(../images/IFCN2sp/yellowbg.jpg)}
  
#bodydiv {width:980px; background: url(../images/IFCN2sp/bodydivbg.gif) repeat-y center top; 
    margin: 0 auto;  min-height:100%; position:relative}  
    
#bodydiv.hassidebar {background: url(../images/IFCN2sp/bodydivbg_sidebar.gif) repeat-y center top; }  

#header {position:absolute; top:0; left:0; height:88px; width:100%; background:#f5f8f4 url(../images/IFCN2hp/topbg.gif) repeat-x}
#identity {position:absolute; top:10px; left:10px; height:72px; width:182px }
#identity img {border-style:none}
#mainnav {clear:right;float:right;list-style:none; margin:26px 0  0; padding: 2px 8px;}
  
  /*#mainnav {float:right;list-style:none; margin:20px 0  0; padding:8px;}*/
#mainnav li {font: bold .9em Tahoma, Arial, sans-serif; letter-spacing: .025em;
              display:inline-block; float: left;padding: 4px 11px; margin: 0; 
              border-left: 1px solid #b9ccdb }
              
#mainnav li:first-child {border-left: 0px none #02458d }
#mainnav li a {display:block; padding: 5px 10px; }
#mainnav li a.more {padding: 5px 15px 5px 10px; background: url(../images/IFCN2hp/morearrow.gif) no-repeat right center}
#mainnav li.over a.more {background: url(../images/IFCN2hp/morearrow_over.gif) no-repeat right center}
#mainnav li a:link, #mainnav li a:visited {text-decoration:none; color:#02458d; }
#mainnav li a:active, #mainnav li a:hover,
#mainnav li.over a:link, #mainnav li.over a:visited  {text-decoration:none; color:#cd1041; }
#footer {position:absolute; bottom:0; left:0; color:#00458d;
        width:964px; height:14px; padding: 8px; background:#f5f8f4 url(../images/IFCN2hp/footerbg.gif) repeat-x;
        text-align: right; font-size:.75em; }
        
#footer .powered {float:left}
        
#footer a:link, #footer a:visited {color:#00458d; text-decoration:none}
#footer a:active, #footer a:hover {color:#2279d4; text-decoration:underline}

#headline {font: 2.1em 'Century Gothic', 'Futura', Helvetica, sans-serif; text-shadow: rgba(0,0,0,.5) 2px 2px 5px}

h2 {font: 1.4em 'Century Gothic', 'Futura', Helvetica, sans-serif; text-shadow: rgba(0,0,0,.5) 2px 2px 2px}
h3{font:  1.3em 'Century Gothic', 'Futura', Helvetica, sans-serif; }
h4{font-size:1em; margin: .75em 0 .025em}

p {margin: .025em 0 1em}

#auxiliaryNav {font-size:.9em; float:right; margin: 0 0 20px 20px; width: 140px; border: 1px solid #e5e5e5; padding: 8px; background:#F5F8F4;
 -moz-box-shadow: 5px 5px 5px rgba(0,0,0, .2);
  -webkit-box-shadow: 5px 5px 5px rgba(0,0,0, .2);}

#auxiliaryNav ul {padding:0; margin: 0 0 0 15px; list-style-image: url(../images/IFCN2sp/auxnavbullet.gif)}

#auxiliaryNav a:link, #auxiliaryNav a:visited {text-decoration:none}
#auxiliaryNav a:active, #auxiliaryNav a:hover {text-decoration:underline}

#auxiliaryNav ul li {padding-bottom: 2px}

#auxiliaryNav ul li.currentpage a {color:#CD1041}


hr {color:#00458d; background:#00458d; border-style:none; height:1px}
  
  
.menu {position:absolute; left:400px; font-size:.9em;
  background: url(../images/IFCN2sp/90percent.png); list-style-type:none; margin:0; padding: 0 0 15px; z-index:1000;
  -moz-border-radius-bottomleft:10px;  -webkit-border-bottom-left-radius:10px;
  -moz-border-radius-bottomright:10px; -webkit-border-bottom-right-radius:10px;
  border-bottom-left-radius:10px;
  border-bottom-right-radius:10px;
  display:none; z-index:0;
  border:1px solid #DDD;
  -moz-box-shadow: 5px 5px 5px rgba(0,0,0, .2);
  -webkit-box-shadow: 5px 5px 5px rgba(0,0,0, .2);}
.menu li {display:block}
.menu li a {text-decoration:none; display:block; padding: 5px 10px; color:#03274c}
.menu li a:hover {background: #FFF; color:#cd1041}

#menu0 {left: 0; width:140px;}
  
#innerbodydiv {width:903px; margin: 0 auto; padding: 88px 0 30px} 
#menustorage {display:none; height:0; position:absolute; top: 0; left:0}

#maincontent {line-height: 1.4; padding:10px 25px}

.hassidebar #maincontent {width: 578px; float:left}


.hassidebar #sidebar {float:right; width:269px;  margin-right:1px;
font: 1.1em 'Century Gothic', 'Futura', Helvetica, sans-serif;
}


#sidebar .inner {padding: 5px 35px}

.warning {color:#F00; font-weight:bold; }


.clearer {clear:both; display:block; margin:0; padding:0; height:0; }
#contentclear {clear:both; display:block; margin:0; padding:0; height:8px; background:  url(../images/IFCN2sp/bottombg.gif)}

#sitesearch {float:right; margin: 14px 20px 0 0; }
#sitesearch .submit {font-size:.8em}
#sitesearch input {display:inline; vertical-align:middle; overflow:visible; margin: 0 5px 0 0}
#sitesearch label {display:inline; vertical-align:middle;font: .9em 'Century Gothic', 'Futura', Helvetica, sans-serif; text-shadow: rgba(0,0,0,.5) 2px 2px 2px}
  
 

/*----  Form Classes --------------------------------------------*/   
.formfield, .inputclass {border:1px solid #4663a2;}
.formfield:focus, .inputclass:focus {outline: 1px solid #88a2ef}


.button,.submit,.reset {background:#FFF;color:#4663a2;border:1px solid #5c6ea1;
  font:  1em 'Century Gothic', 'Futura', Helvetica, sans-serif;}
.submit {font-weight:bold}

.button:active,.button:hover,.submit:active,.submit:hover,.reset:active,.reset:hover {background:#4663a2;color:#FFF;}

fieldset .searchtable {width:100%}
fieldset .searchtable td {vertical-align:top}

.searchtable .label{width:30%; font-weight:bold}
.searchtable .inputclass, .searchtable select {width:85%}
.searchtable .autowidth {width:auto}

fieldset {width:80%; padding:12px; margin:12px;
  border:1px solid #4663a2}  
  
legend {font:  1.1em 'Century Gothic', 'Futura', Helvetica, sans-serif;
  color:#243591; background:transparent}
  



/*----  Utility Classes --------------------------------------------*/ 
.topalign td {vertical-align:top}
.nobr {white-space:nowrap}
.warning {color:#F00; background:transparent}
.nobullet {margin-left:0px; padding-left:0px; list-style-type:none}
pre.proportional {font:12px arial,geneva,sans-serif}
address {font-style:normal; margin:8px}
.editorpane {width:500px; height:200px;line-height:1; overflow: auto;
  background:#FFF; border:1px solid #666}
.editor_button {background:#FFF; border:1px solid #666; font-size:11px }


.remove {display:none}
.noremove {display:block;
  display:table-row}



/*  Popup styles */
#popupbody, #slide {background-image: url(../images/IFCN2sp/bluebg.jpg)}
#popupbody #popuparentdiv, #slide #slidebody {max-width: 980px; margin: 0 auto; background: url(../images/IFCN2sp/popuptop.gif) no-repeat; padding: 60px 0 0 0}
#popupbody #popuparentdiv #maincontent, #slide #slidebody #maincontent  {max-width: 84%; margin: 0 auto; background:#FFF; }
#popuptop h1 {font: 2.1em 'Century Gothic', 'Futura', Helvetica, sans-serif; text-shadow: rgba(0,0,0,.5) 2px 2px 5px; padding: 3px; margin: 0}
#slide #slidebody {height:100%}
#slide #slidebody #maincontent {min-height:100%}

/*Slide styles*/

#slidecontrol {background:#f5f8f4; padding-top:3px}


.opener {cursor:pointer; padding-left:23px; background:url(../images/IFCN2sp/plus.gif) no-repeat 0 4px}
.opener:hover {color:#cd1041;background:url(../images/IFCN2sp/plus_over.gif) no-repeat 0 4px }
.opened {cursor:pointer; padding-left:23px; background:url(../images/IFCN2sp/minus.gif) no-repeat 0 4px}
.opened:hover {color:#cd1041;background:url(../images/IFCN2sp/minus_over.gif) no-repeat 0 4px }




 .linknum {
    float:left;
    width:17px;
    border:1px solid #5c6ea1;
    margin:2px 2px 0px 6px;
    height:17px;
    font:  10px 'Century Gothic', 'Futura', Helvetica, sans-serif;
    color:#4663a2;
    background:#FFF;
    text-align:center}
  .linknum a:link, .linknum a:visited {font-weight:normal;text-decoration:none; color:#4663a2}
  .linknum a:active,.linknum a:hover {font-weight:normal;text-decoration:none; color:#cd1041}
  
 .childdirectory {margin-left:20px}
 .slideleft{display:none}
 /*.childdirectory table.tablerules {width:100%}*/
 .striped a.dirlink:link, .striped a.dirlink:visited{font-weight:bold; color:#333380}
 
 #slide #maincontent {margin:80px 20px 5px 20px}