/****************************************************************/
/*   Design:   Multiflex-5.4                                    */
/*   Type:     Design with sidebar                              */
/*   File:     Grid Toolbox                                     */
/*   Option:   Design with sidebar                              */
/*--------------------------------------------------------------*/
/*   Design:   www.1234.info                                    */
/*   Date:     March 13, 2008                                   */
/*--------------------------------------------------------------*/
/*   License:  Fully open source without restrictions.          */
/*             Please keep footer credits with the words        */
/*             "Design by 1234.info". Thank you!                */
/****************************************************************/

/******************/
/* GLOBAL LAYOUT  */
/******************/

body {font-size:64%;background:#604616;font-family:arial,sans-serif;padding:0;margin:0 0 10px 0;} /*Font-size: 1.0em = 10px when browser default size is 16px*/
.container {width:978px;padding-bottom:0;margin:5px auto;font-size:1.0em;}
.header {width:958px;min-height:150px /*Non-IE6*/;height:auto !important /*Non-IE6*/;height:160px /*IE6*/;border-left:solid 10px #f4e8d0;border-right:solid 10px #f4e8d0;background:#f9f5ea;font-size:1.0em;}
.header-top {clear:both;width:958px;height:120px;background:#f9f5ea url('../img/bg_header_top.jpg') 0 0 no-repeat /*Top header background image entered here. Height: 120px*/;font-size:1.0em;text-align:right;}
.header-bottom {width:958px;line-height:30px;min-height:30px /*Non-IE6*/;height:auto !important /*Non-IE6*/;height:30px /*IE6*/;background:#faf5ea url('../img/bg_header_bottom.jpg') repeat-x /*Bottom header background image entered here: Height: 25 px*/;font-size:1.0em;color:#7d7d7d;}
.main {clear:both;width:958px;padding:0;border:solid 10px #f4e8d0;border-bottom:none;background:#f4e8d0;}
.content {display:inline;/*Fix IE floating margin bug*/float:left;width:676px;background:#f4e8d0;overflow:visible !important /*Non-IE6*/;overflow:hidden /*IE6*/;}
.subcontent {display:inline /*Fix IE floating margin bug*/;float:right;width:270px;background:#f4e8d0;font-size:1.0em;overflow:visible !important /*Non-IE6*/;overflow:hidden /*IE6*/;}


/****************/
/*  HEADER-TOP  */
/****************/

.socialmedia {float:right;margin:10px 10px 0 0;}

/* Header menu */	 
#header_menu {position:absolute;margin-left:20px;}
#header_menu li {line-height:normal;}
#header_menu ul {clear:both;}

/* SITENAME AND SLOGAN */
.sitelogo {width:200px;height:47px;position:absolute;z-index:999;margin:0;}
.sitename {width:700px;height:70px;position:absolute;z-index:1;margin:27px 0 0 45px;overflow:hidden;}
.sitename h1 {display:none;font-family:"trebuchet ms",arial,sans serif;color:#000;font-weight:normal;font-size:200% !important /*Non-IE6*/;font-size:200% /*IE6*/;}
.sitename h2 {font-family:verdana,arial,sans serif;margin-top:-5px;padding-bottom:2px;color:#fff;height:20px;font-weight:normal;font-size:130% !important /*Non-IE6*/;font-size:120% /*IE6*/;}
.sitename a{text-decoration:none;color:#7d7d7d;}
.sitename a:hover {text-decoration:none;}

/* BUTTON NAVIGATION */
.navbutton {width:400px;position:absolute;z-index:2;margin-top:26px;margin-left:547px !important /*Non-IE6*/;margin-left:550px /*IE6*/;}
.navbutton ul {float:right;}
.navbutton li {display:inline;list-style:none;}
.navbutton li a {padding-left:3px;}
.navbutton a:hover {text-decoration:none;}
.navbutton a img {height:32px;}

/*******************/
/*  HEADER BOTTOM  */
/*******************/

.header-bottom ul {font-weight:normal;list-style:none;padding:0;margin:0;}
.header-bottom ul li {list-style:none;display:inline;padding:0 0 0 10px;background:transparent url('../img/bg_bullet_arrow.gif') no-repeat 0 50%;font-size:110% !important /*Non-IE6*/;font-size:100% /*IE6*/;}
.header-bottom ul li.nobullet {display:inline;padding:0;background:none;color:#4b4b4b;}
.header-bottom ul a {color:#7d7d7d;text-decoration:none;font-size:100% !important /*Non-IE6*/;font-size:120% /*IE6*/;}
.header-bottom ul a:hover {text-decoration:underline;}

#breadcrumb {margin:0 0 0 25px;}
#breadcrumb ul {text-align:left;}
#breadcrumb li {}
#breadcrumb li a {margin:0 7px 0 5px;color:#7d7d7d;}
#breadcrumb a, #breadcrumb a:visited, #breadcrumb a:focus, #breadcrumb a:hover, #breadcrumb a:active {color:#7d7d7d;text-decoration:none;}
#breadcrumb a:hover {text-decoration:underline;}

#navglobal {float:right;clear:both;margin-right:25px;}
#navglobal ul {text-align:right;}	
#navglobal li {background:none;}
#navglobal li a {font-weight:bold;}


/********************/
/*  NAVIGATION BAR  */
/********************/
#navContainer {white-space:nowrap /*IE hack*/;float:left;width:958px;min-width:950px;border-left:solid 10px #f4e8d0;border-right:solid 10px #f4e8d0;background:#e78408;font-family:tahoma,arial,sans-serif; font-size:13px /*Non-IE6*/;font-size:12px /*IE6*/;} /*Color navigation bar normal mode*/
ul.menu, li.menu {list-style-type:none;margin:0;padding:0;position:relative;z-index:10;}

/*  Float containers fix: */
.clearfix:after {content: ".";display:block;height:0;clear:both;visibility:hidden;}/*  \*/
* html #clearfix {height:1%;}/*  */

#nav {height:29px;position:relative;z-index:10;}
#nav ul {list-style-type:none;margin:0;padding:0;width:auto;white-space:nowrap;}
#nav ul li {float:left;color:#fff;text-align:left;border-right:1px solid #f4e8d0;}
#nav ul li a {display:block;padding:0 10px;line-height:29px;color:#fff;text-decoration: none;font-weight:bold;}
#nav ul li:hover, #nav li a:hover{background:#604616;color:#fff;}

/* 2nd Child menu */
#nav .menu li ul {position:relative;width:20px;margin:0;display:none;}
#nav .menu li ul li {width:20px;text-align:left;margin:0;padding:0;line-height:1.2em;}
#nav .menu li ul a {width:170px;font-weight:normal;background:#604616;color:#fff;}
#nav .menu li ul a:hover {background:#e78408;color:#fff;}

/* Show and hide */
#nav .menu li:hover ul, #nav .menu li a:focus ul, #nav .menu li.subMenu ul {display:block;}
#nav .menu li ul ul {display:none;}
#nav .menu li:hover ul ul, #nav .menu li.subMenu ul ul {display:none;}
#nav .menu li:hover ul, #nav .menu li li:hover ul, #nav .menu li.subMenu ul, #nav .menu li li.subMenu ul {display:block;}

/* Positioning the popouts */
#nav li {position:relative;}
#nav ul ul ul {position:absolute;top:0px;left:100%;}

/* 3rd Child Menu appearances */
#nav .menu li ul li ul {margin:0;}
#nav .menu li ul li ul li {}
#nav .menu li ul li ul li a {width:170px;padding:4px 10px;font-weight:normal;background:#604616;color:#fff;}
#nav .menu li ul li ul li a:hover {background:#604616;color:#fff;}

/* Current page Customisations*/
#nav li.menu-current a {background:#604616;color:#fff;}

/************/
/*  CONTENT */
/************/

/* CONTAINER (NO BOXES') */
.content-1col-nobox {width:636px;background:#fffcf9;min-height:490px;}
/*Use this statement if left column is longer than the right column. 
.content-2col-nobox-leftcolumn {display:inline;float:left;width:337px;border-right:solid 1px #d7d7d7;background:#fffcf9;}*/
/*Use this statement if right columnn is longer than the left column.
.content-2col-nobox-rightcolumn {display:inline;float:right;width:337px;border-left:solid 1px #d7d7d7;background:#fffcf9;}*/

/* CONTAINER (BOXES') */
.content-1col-box {width:636px;background:transparent;}
.content-2col-box-leftcolumn {display:inline;float:left;width:333px;background:transparent;}
.content-2col-box-rightcolumn {display:inline;float:right;width:333px;background:transparent;}
.content-2col-box {width:293px;background:#fffcf9;padding:10px 20px;}

/***************/
/* SUBCONTENT  */
/***************/

.subcontent-box {width:230px;float:right;background:#fffcf9;padding:10px 20px 0 20px;}

/************/
/*  FOOTER  */
/************/
.footer {background:#faf5ea;clear:both;width:918px;border-left:solid 10px #f4e8d0;border-right:solid 10px #f4e8d0;overflow:visible !important /*Non-IE6*/;overflow:hidden /*IE6*/;}
.footer {padding:15px 20px;font-size:1.1em !important /*Non-IE6*/;font-size:1.0em /*IE6*/;clear:both;text-align:left;color:#7d7d7d;font-weight:bold;font-size:100%;}
.footer .credits {clear:both;font-weight:normal;float:right;}
.footer a, .footer a:visited {text-decoration:none;color:#7d7d7d;}
.footer a:hover {text-decoration:underline;}

/*********************/
/*  ROUNDED CORNERS  */
/*********************/

/* PAGE */
.corner-page-top {margin-top:10px;width:978px;height:10px;background:transparent url('../img/bg_corner_page_top.gif') no-repeat;overflow:hidden;}
.corner-page-bottom {width:978px;height:5px;padding-bottom:10px;background:transparent url('../img/bg_corner_page_bottom.gif') no-repeat;overflow:hidden;}

/* CONTENT */
.corner-content-1col-top {clear:both;width:676px;height:7px;background:#fffcf9 url('../img/bg_corner_content_1col_top.gif') no-repeat;overflow:hidden;}
.corner-content-1col-bottom {clear:both;width:676px;height:7px;margin-bottom:10px;background:transparent url('../img/bg_corner_content_1col_bottom.gif') no-repeat;overflow:hidden;}
.corner-content-2col-top {width:333px;height:7px;background:transparent url('../img/bg_corner_content_2col_top.gif') no-repeat;overflow:hidden;}
.corner-content-2col-bottom {width:333px;height:7px;margin-bottom:10px;background:transparent url('../img/bg_corner_content_2col_bottom.gif') no-repeat;overflow:hidden;}

/* SUBCONTENT */
.corner-subcontent-top {clear:both;width:270px;height:7px;background:transparent url('../img/bg_corner_subcontent_top.gif') no-repeat;overflow:hidden;}
.corner-subcontent-bottom {clear:both;width:270px;height:7px;margin-bottom:10px;background:transparent url('../img/bg_corner_subcontent_bottom.gif') no-repeat;overflow:hidden;}

/******************/
/*  CLEAR FLOATS  */
/******************/
.container:after, .header:after, .header-top:after, .header-bottom:after, .navbar:after, .main:after, .content:after, .content div:after, .subcontent:after, .subcontent div:after, .footer:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.content-1col-nobox:after, .content-2col-nobox-leftcolumn:after, .content-2col-nobox-rightcolumn:after, .content-1col-box:after, .content-2col-box-leftcolumn:after, .content-2col-box-rightcolumn:after, .content-2col-box:after, .subcontent-box:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.corner-content-1col-top:after, .corner-content-1col-bottom:after, .corner-content-2col-top:after, .corner-content-2col-bottom:after, .corner-subcontent-top:after, .corner-subcontent-bottom:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
 p:after {content:".";display:block;height:0;/*clear:both Do not use here to avoid paragraphs clearing next to images;*/  visibility:hidden;}
 
/**************/
/*  PRINTING  */
/**************/
/* To avoid that some layouts may break during printing */
/* we remove one vertical border-line for the columns  */                 
@media print {.content-2col-nobox-rightcolumn {display:inline;float:right;width:337px;border-left:none;background:#fff;}