/*
 Recovinyl CSS v2.1 Default
 --------------------------
  Revised: 26/03/07
  All rights reserved. 2007
  Authored by Digital Base
  http://www.digitalbase.eu
 */


 /*
  _________

  universal
  _________
 */


 @media all {


 * { margin:0; padding:0; border:0; }

 /* untag for debugging only */

   /* div { border: 1px solid #f2e; } */

html { color : #222; }

body {
  background:	#548f99 url(/image/page/body-background.png) repeat-x top;
  font: 		62.5%/1.4 Verdana, Arial, Helvetica, sans-serif;
}

h1 { font-size:2.8em; }
h2 { font-size:1.2em; font-weight:normal; }
h3 { background: url(/image/page/bullet.gif) no-repeat left ; font-size:1.3em; padding-left:18px; }
h4 { font-size:1.6em; margin:0 0 5px 0; padding:0; }
h6 { font-size:1.6em; margin:0 0 5px 0; padding:0; }

a:link, a:visited { color:#3a6ba3; text-decoration:none; }
a:active, a:focus, a:hover { text-decoration:none; }

.clear { display:block; height:0; clear:both; visibility:hidden; line-height:0em; }

 /*
  __________

  structural
  __________

 */


/* universal wrapper...set page width here */
div#wrap { margin:15px auto; width:925px; }


/* rounded corners for browsers with transparent png support */
div#top, div#bottom	{ line-height:1.0em; font-size:1.0em; }
div#top .left, div#top .right, div#bottom .left, div#bottom .right { display:block; }
div#top .left, div#bottom .left   { float:left;  margin: 0 0 0 11px; }
div#top .right, div#bottom .right { float:right; margin:-22px 0 0 0; }
div#top .left 	{ width:16px; height:15px; background: url(/image/page/page-top-left.png) no-repeat top left; }
div#top .right	{ width:22px; height:15px; background: url(/image/page/page-top-right.png) no-repeat top right; margin:-15px 1px 0 0; }
div#bottom .left	{ width:16px; height:21px; background: url(/image/page/page-bottom-left.png) no-repeat bottom left; }
div#bottom .right	{ width:23px; height:22px; background: url(/image/page/page-bottom-right.png) no-repeat bottom right; }


/* fillers between corners */
div#top .filler, div#bottom .filler { display:block; background-color:#fff; }
div#top .filler 	{ height:14px; margin: 0 23px 0 24px; border-top:1px solid #7c9ba1; }
div#bottom .filler 	{ height:22px; margin: 0 23px 0 27px; background: url(/image/page/page-bottom-shadow.png) repeat-x bottom; }


/* enable png shadow for non-ie browsers */
body div#shadow { background: url(/image/page/page-shadow.png) repeat-y right; }


/* actual page div */
div#page {
  background-color:	white;
  margin:			0 11px;
  padding:		0 10px;
  border-left:		1px solid #7c9ba1;
}


/* main page elements */
div#header {
  background:		url(/image/page/header-background.png) no-repeat bottom center;
  margin-bottom:		1px;
  padding:		0 5px;
}

div#content {
  padding:		   20px 0 5px 0;
  background:		 url(/image/page/bgContent.jpg) repeat-x top;
}

div#footer {
  clear:			both;
  color: 			#444;
  margin:			0 22px;
}



/*
_________________

#header specifics
_________________

*/


div#header img.logo { margin:5px; }
div#personaloptions { float:right; text-align:right; }
div#personaloptions ul#language { list-style:none; border-bottom:1px solid #eee; padding-bottom:5px; margin-bottom:20px; }
div#personaloptions ul#language li { display:inline; }
div#personaloptions ul#language li img { border:1px solid #ccc; padding:1px; }

.loginstatus {
  border-top:		1px solid #b5cfe0;
  border-right:		2px solid #b5cfe0;
  border-bottom:		2px solid #b5cfe0;
  border-left:		1px solid #b5cfe0;
  background-color:	#fff;
  padding:		1px 3px;
  text-align:		right;
  margin-top:		50px;
  color:			#666;
}

div#personaloptions img.key { vertical-align:middle; margin:0 5px 3px 0; }
div#header a.login { background: url(/image/page/header-arrow.gif) no-repeat top left; padding:3px 0 3px 30px; margin-top:-3px; }
div#header a.login:hover { text-decoration:underline; }


/*
__________________

#content specifics
__________________

*/


/* set font size for different font profiles */
.small .newstitle, .small .newscontent, body.subpage .small #col2 { font-size:100%; }
.big .newstitle, .big .newscontent, body.subpage .big #col2 { font-size:120%; }

/* banner image with content */
.banner {  height:114px; no-repeat center; border:1px solid #ddd; padding:5px; }

.banner_pdf {  margin-left: 675px; }
.banner_pdf p { position: absolute; font-size:1.3em; font-weight:bold; width:180px; float:right; background: #f3f4f9 url(/image/page/guide-background.jpg) repeat-x top; margin:15px 25px 50px 0; padding:5px; }
.banner_pdf p img { float:left; margin-right:10px; }
.banner_pdf p a { color:#bb201c; }
.banner_pdf p a:hover { text-decoration:underline; }


/* firefox hack for nice float clearing */
div#content:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }


/* setup columns and styles for index and subpages */
body.index   div#col1 { width:49.5%; float:left; }
body.index   div#col2 { width:49.5%; float:right; }

body.index div#col1, body.index div#col2 { padding-top:7px; background: url(/image/page/column-shadow.jpg) repeat-x top; }

body.subpage div#col1 { width:29.5%; float:left; }
body.subpage div#col2 { width:66.5%; float:right; margin-left:3%;}
body.subpage div#col2 a { text-decoration:underline; }

body.subpage .banner { margin-bottom:15px; }

body.subpage div#content p { font-size:1.1em; margin:15px 0; line-height:1.8em; }
body.subpage div#content .compact { line-height:1.4em; font-size:1.1em; margin:15px 0; }
div#col2 ul { font-size:1.1em; margin-left:20px; }


body.subpage div#content h1 { font-size:1.8em; margin:0 0 10px 0; padding:0; color:#000; }
body.subpage div#content h2 { font-size:1.4em; margin:0 0 10px 0; padding:0; color:#3d6ca4; font-weight:bold; }
body.subpage div#content h2.red { color:red; }


/* promo containers for index page */
.promo1 {  border:1px solid #ccc; color:white; height:40px; margin-bottom:5px; text-align:center; padding:5px; background: url(/image/page/pub-home-green-bg.jpg); }
.promo2 {  border:1px solid #ccc; color:white; height:40px; margin-bottom:5px; text-align:center; padding:5px; background: url(/image/page/pub-home-blue-bg.jpg); }
.promo3 {  border:1px solid #ccc; height:105px; margin:0px 0 0px 0; text-align:right; background: #f5fcfb url(/image/page/bgCertified.jpg) no-repeat top; }


.promoton { text-align:center; margin:80px 0 5px 0; font-size:1.4em; text-transform:uppercase; background-color:#f6fcfc; font-weight:bold; }

/* set style for news on index page */
.newstitle { background:#a3b5c3 url(/image/page/bgNewsTitle.jpg) repeat-x bottom; border:1px solid #aaa; padding:3px 3px 3px 8px; margin-bottom:2px; }
.newscontent { background: #f5fcfb url(/image/page/bgNews.jpg) repeat-x top; border:1px solid #ccc; font-size:1.1em; padding: 10px 18px; color: #444; }
.newscontent p { margin-bottom:10px; line-height:1.5em; }
.newscontent img { margin:5px 5px 5px 0; padding:6px; border:1px solid #aaa; }
.newscontent img.left { margin:5px 5px 5px 0; padding:6px; border:1px solid #aaa; float:left; }
.newscontent a { font-weight:bold; }
.newscontent1 { <!--min-height: 337px;--> }
.newscontent2 { <!--min-height: 407px;--> }


/*
_________________

#footer specifics
_________________

*/

.sitenav { background:url(/image/page/bullet-sitenav.gif) no-repeat left top; color:#7aa9b2; clear:both; padding:0 0 2px 8px; margin-top:20px; }
.sitenav a { color: #7aa9b2; }
.sitenav a:hover { color:#000; text-decoration:underline; }

.fontsize { position:relative; float:right; }
.fontsize img { margin-left:2px; }

#footer { padding:5px 0; }

#footer a { font-weight:bold;color:#444;}
#footer .right { float:right; }



button{
    margin:0 7px 0 3px;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;
    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
button{
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

}