/* ### SITE LAYOUT ####

+-------------------------------------------+
| 01 wrpContent                             |
| +---------------------------------------+ |
| | 01.1 wrpHeader                        | |
+ +---------------------------------------+ |
| | 01.2a colLeft                         | |
| | 01.2b colMiddle ( or colMiddleLarge ) | |
| | 01.2c colRight                        | |
| +---------------------------------------+ |
+-------------------------------------------+
+-------------------------------------------+
| 02 wrpFooter                              |
+-------------------------------------------+

*/

* { padding:0;margin:0;border:0; }

body, html { height:100%;background:url('/_includes/img/bgPattern.jpg');font-family:Arial,Tahoma,sans-serif;font-size:90%;line-height:1.2em; }

h1,h2,h3,h4,h5,h6 { text-transform:uppercase;color:#F30089;font-weight:bold;margin-bottom:15px; }
h1 { font-size:180%; }
h2 { font-size:130%; }
h3,h4,h5,h6 { font-size:110%; }
#wrpContent .colRight h1,
#wrpContent .colRight h2,
#wrpContent .colRight h3,
#wrpContent .colRight h4,
#wrpContent .colRight h5,
#wrpContent .colRight h6 { margin-bottom:0px; }

p { margin-bottom:10px; }

a:link,a:visited,a:hover,a:active { color:#F30089;text-decoration:none; }
a:hover { text-decoration:underline; }

#wrp { min-height:100%; }
* html #wrp { height:100%; }

/* ###   01 WRPCONTENT   ### */

#wrpContent { padding-bottom:30px;margin:0; }
.inner { width:950px;margin:0 auto; }

/* --- 01 wrpcontent : divide in two (doubleCol) or three (tripleCol) columns --- */
.tripleCol { background:transparent url('/_includes/img/bgContentTripleCol.gif') repeat-y top center; }
.doubleCol { background:transparent url('/_includes/img/bgContentDoubleCol.gif') repeat-y top center; }

/* ---   01.1 ) wrpheader   --- */

#wrpHeader { width:100%;height:190px;background:#FFF url('/_includes/img/bgHeader.gif') repeat-x 0 0; }
#wrpHeader .slogan { width:260px;height:110px;margin-top:80px;overflow:hidden; }
#wrpHeader .logo { width:500px;height:190px;overflow:hidden; }

/* ---   01.1a colleft   --- */
/* ---   01.1c colright   --- */

#wrpContent .colLeft,
#wrpContent .colRight { width:250px;margin:0 5px;padding-bottom:212px;overflow:hidden; }
#wrpContent .colMargin { width:250px;height:5px;background-color:#fff; }

/* ---   01.1b colmiddle    --- */
/* ---   01.1b colmiddlelarge    --- */
#wrpContent .colMiddle { width:386px;margin:0 2px;padding:20px;overflow:hidden; }
#wrpContent .colMiddleLarge { width:646px;padding:20px;margin:0 2px;overflow:hidden; }
#wrpContent .colMiddleLarge .submenu { width:600px;margin-bottom:15px; }
#wrpContent .colMiddleLarge .submenu .act a:link,
#wrpContent .colMiddleLarge .submenu .act a:visited,
#wrpContent .colMiddleLarge .submenu .act a:hover,
#wrpContent .colMiddleLarge .submenu .act a:active { color:#000; }
#wrpContent .colMiddleLarge .submenu .item { width:200px; }

#photoalbum .item {
float:left;
width:118px;
height:118px;
margin:0 10px 10px 0;
overflow:hidden;
border:1px solid #ec008c;
}

/* ---   01.1c colright   --- */
.rblock { padding:10px;color:#fff; }
.rblock .title { margin-bottom:10px; }
.tips { background-color:#FBC0D7; }
.links .item { margin-bottom:5px; }
.links .item .url {}
.links .item .descr {  }
.tips ol { padding:0 25px; }


/* ###   02 WRPFOOTER   ### */

#wrpFooter { width:100%;height:30px;margin-top:-30px;background-color:#F30089; }
#wrpFooter .fr { text-align:right; }
#wrpFooter .inner .graphic { width:255px;height:212px;margin-top:-212px; }
#wrpFooter .inner .fl .graphic { background:transparent url('/_includes/img/graphicLeftBottom.jpg') no-repeat 0 0; }
#wrpFooter .inner .fr .graphic { background:transparent url('/_includes/img/graphicRightBottom.jpg') no-repeat 0 0; }
#wrpFooter .txt { color:#FFF;margin-top:5px; }
#wrpFooter .txt a:link,
#wrpFooter .txt a:visited,
#wrpFooter .txt a:hover,
#wrpFooter .txt a:active { color:#FFF; }
#wrpFooter .txt a.act:link,
#wrpFooter .txt a.act:visited,
#wrpFooter .txt a.act:hover,
#wrpFooter .txt a.act:active { color:#000; }

/* ###   99 COMMON STYLES ### */

.fl { float:left; }
.fr { float:right; }
.fc { clear:both; }
.fcl { clear:left; }
.fcr { clear:right; }

ul { padding:0 15px; }

/* form styles */
fieldset { width:500px;padding:20px;background-color:#FDE8F1; }
label { width:150px;margin-right:25px;float:left;margin-bottom:5px; }
.fInput { width:300px;padding:2px;font-size:100%;border:1px solid #F30089;float:left;margin-bottom:5px; }
.fInput { font-family:Arial,Tahoma,sans-serif;font-size:100%; }
.fHighlight { background-color:#FCC5E4; }
.fMarkMandatory { color:#F30089; }
.feedback_err { width:500px;padding:20px;margin-top:10px;background-color:#FDE8F1;font-weight:bold;color:#F30089;text-align:center; }
#cfSubmit { background-color:#F30089;font-size:120%;color:#fff;font-weight:bold;padding:5px; }