@charset "UTF-8";
/*==============================================================================
 homepage ref. styles CSS
 
 @author bruce <response . write at gmail . com>
==============================================================================*/

.header { background-image:url(../images/headers/header-1.jpg); }
/* homepage variations */
.cols.homepage { margin-top:0.1em; }
.cols.homepage h2 { font-size:1em; color:#fff; clear:both; float:left; width:18.8em; text-transform:uppercase; background-color:#01184a; font-weight:bold; }
.cols.homepage h2 span { border-bottom:4px solid #d4eaf7; padding:0.5em 0 0.55em 1em;  }
.cols.homepage h2 span em { text-transform:none; font-style:normal; }
.cols.homepage h2 a { color:#fff; text-decoration:none; }
.cols.homepage h2 a span { display:block; float:left; width:100%; font-size:0.82em; }
.cols.homepage h2 a:hover span { border-bottom:4px solid #369bda; display:block; }
.cols.homepage h2 a.nohover:hover span,
.cols.homepage h2 a.nohover span { border-bottom:2px solid #01184a; cursor:default; }

.cols.homepage .left, .cols.homepage .mid, .cols.homepage .right { height: 14.95em; overflow:hidden; float:left; width:15em; }
.cols.homepage .left p, .cols.homepage .mid p { clear:both; float:left; font-size:0.78em; padding:1.1em 0.45em 0em 0.85em; line-height:1.3em; width:95%; color:#00184a; }

.cols.homepage .left .block,
.cols.homepage .mid .block { clear:both; float:left; width:100%; background-color:#d4eaf7; }

.cols.homepage .left	{ float:left; margin:0 0.6em 0 0;  width:18.65em; overflow:hidden; background-color:#d4eaf7; }
.cols.homepage .mid 	{ float:left; margin:0 0em 0 0;  width:18.8em; background-color:#d4eaf7; }
.cols.homepage .right 	{ float:right; margin:0; width:18.8em; }



.cols.homepage h2.pink 		span { border-color:#ff0099; background:url(../images/icons/h2-pink.gif) 21.6em no-repeat;  }
.cols.homepage h2.green 	span { border-color:#4bb872; background:url(../images/icons/h2-green.gif)  21.6em no-repeat; }
.cols.homepage h2.yellow 	span { border-color:#fecf09; background:url(../images/icons/h2-yellow.gif)  21.6em no-repeat; }
.cols.homepage h2.orange 	span { border-color:#ff9933; background:url(../images/icons/h2-orange.gif)  21.6em no-repeat; }
.cols.homepage h2.red 		span { border-color:#E03F2F; background:url(../images/icons/h2-red.gif)  21.6em no-repeat; }
.cols.homepage h2.purple	span { border-color:#8E51E9; background:url(../images/icons/h2-purple.gif)  21.6em no-repeat; }

.cols.homepage h2.pink, 
.cols.homepage h2.green, 
.cols.homepage h2.yellow,
.cols.homepage h2.red,
.cols.homepage h2.orange { margin-bottom:0.657em; }
.cols.homepage h2.purple { margin-bottom:0; }

.cols.homepage h2.pink:hover span, 
.cols.homepage h2.green:hover span, 
.cols.homepage h2.yellow:hover span,
.cols.homepage h2.red:hover span,
.cols.homepage h2.orange:hover span, 
.cols.homepage h2.purple:hover span { background-image:url(../images/icons/arrow-hover.gif)}



.cols.homepage .link { clear:both; padding:0.6em 0 0.1em 0; float:left; width:90%; white-space:nowrap; }
.cols.homepage .link a { font-size:0.8em; padding:0 1.5em 0 0; color:#3398cc; text-decoration:underline; float:left; }
.cols.homepage .link a span { text-decoration:underline; }
.cols.homepage .link.r { text-align:right; }
.cols.homepage .link.r a { color:#1c3160; font-size:0.7em; padding:5em 0.8em; }