/* TYPOGRAPHY
----------------------------------------------------------- */

blockquote {
	background:transparent url(../images/typography/s5_left_quote.png) no-repeat top left;
	color:#000000;
	font-weight:bold;
	font-size:17px;
	font-style:italic;
	line-height:150%;
	margin:15px 0pt;
	padding:0px 0px 5px 65px;
	width:auto;
}

blockquote p {
	background:transparent url(../images/typography/s5_right_quote.png) no-repeat bottom right;
	margin-top:0pt;
	padding:0pt 65px 10px 0pt;
}


	* html blockquote {
		background:transparent url(../images/typography/s5_left_quote.gif) no-repeat top left;
		color:#000000;
		font-weight:bold;
		font-size:17px;
		font-style:italic;
		line-height:150%;
		margin:15px 0pt;
		padding:0px 0px 5px 65px;
		width:auto;
	}

	* html blockquote p {
		background:transparent url(../images/typography/s5_right_quote.gif) no-repeat bottom right;
		margin-top:0pt;
		padding:0pt 65px 10px 0pt;
	}

.code {
	background:#EBEAEA none repeat scroll 0%;
	border-left:solid 5px #666666;
	color:#666666;
	font-family:monospace;
	font-size:9pt;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:1.5;
	margin-top:15px;
	margin-bottom:15px;
	padding:10px 20px;
	padding-top:20px;
	padding-bottom:20px;
}

ul.ul_arrow li {
	background:transparent url(../images/typography/s5_ul_arrow.png) no-repeat top left;
	padding:1px;
	padding-left:18px;
	padding-right:18px;
}

	ul.ul_arrow {
		padding-left:0px;
		list-style-type:none;}

ul.ul_star li {
	background:transparent url(../images/typography/s5_ul_star.png) no-repeat top left;
	padding:3px;
	padding-left:23px;
	padding-right:18px;
}

* html ul.ul_star li {
	background:transparent url(../images/typography/star.gif) no-repeat top left;
	padding:3px;
	padding-left:23px;
	padding-right:18px;
}


	ul.ul_star {
		padding-left:0px;
		list-style-type:none;}

ul.ul_bullet li {
	background:transparent url(../images/typography/s5_ul_bullet.png) no-repeat top left;
	padding:3px;
	padding-left:23px;
	padding-right:18px;
}

* html ul.ul_bullet li {
	background:transparent url(../images/typography/s5_ul_bullet.gif) no-repeat top left;
	padding:3px;
	padding-left:23px;
	padding-right:18px;
}

	ul.ul_bullet {
		padding-left:0px;
		list-style-type:none;}

ul.ul_bullet_small li {
	background:transparent url(../images/typography/s5_bullet_small.png) no-repeat top left;
	padding:0px;
	padding-left:23px;
	padding-right:18px;
}

	ul.ul_bullet_small {
		padding-left:0px;
		list-style-type:none;}

ul.ul_numbers {
	padding-left:0px;
	list-style-type:none;}	

ul.ul_numbers li {
	padding-top:6px;
	padding-left:36px;}		
		
li.li_number1  {
	background:transparent url(../images/typography/s5_li_number1.png) no-repeat top left;
	padding-top:8px;
	padding-bottom:22px;
	list-style-type:none;
	padding-right:18px;
	padding-left:40px;
}

li.li_number2  {
	background:transparent url(../images/typography/s5_li_number2.png) no-repeat top left;
	padding-top:8px;
	padding-bottom:22px;
	list-style-type:none;
	padding-right:18px;
	padding-left:40px;
}

li.li_number3  {
	background:transparent url(../images/typography/s5_li_number3.png) no-repeat top left;
	padding-top:8px;
	padding-bottom:22px;
	list-style-type:none;
	padding-right:18px;
	padding-left:40px;
}

li.li_number4  {
	background:transparent url(../images/typography/s5_li_number4.png) no-repeat top left;
	padding-top:8px;
	padding-bottom:22px;
	list-style-type:none;
	padding-right:18px;
	padding-left:40px;
}

li.li_number5  {
	background:transparent url(../images/typography/s5_li_number5.png) no-repeat top left;
	padding-top:8px;
	padding-bottom:22px;
	list-style-type:none;
	padding-right:18px;
	padding-left:40px;
}

li.li_number6  {
	background:transparent url(../images/typography/s5_li_number6.png) no-repeat top left;
	padding-top:8px;
	padding-bottom:22px;
	list-style-type:none;
	padding-right:18px;
	padding-left:40px;
}

li.li_number7  {
	background:transparent url(../images/typography/s5_li_number7.png) no-repeat top left;
	padding-top:8px;
	padding-bottom:22px;
	list-style-type:none;
	padding-right:18px;
	padding-left:40px;
}

li.li_number8  {
	background:transparent url(../images/typography/s5_li_number8.png) no-repeat top left;
	padding-top:8px;
	padding-bottom:22px;
	list-style-type:none;
	padding-right:18px;
	padding-left:40px;
}

li.li_number9  {
	background:transparent url(../images/typography/s5_li_number9.png) no-repeat top left;
	padding-top:8px;
	padding-bottom:22px;
	list-style-type:none;
	padding-right:18px;
	padding-left:40px;
}

	* html li.li_number1  {
		background:transparent url(../images/typography/s5_li_number1.gif) no-repeat top left;
		padding-top:8px;
		padding-bottom:22px;
		list-style-type:none;
		padding-right:18px;
		padding-left:40px;
	}

	* html li.li_number2  {
		background:transparent url(../images/typography/s5_li_number2.gif) no-repeat top left;
		padding-top:8px;
		padding-bottom:22px;
		list-style-type:none;
		padding-right:18px;
		padding-left:40px;
	}

	* html li.li_number3  {
		background:transparent url(../images/typography/s5_li_number3.gif) no-repeat top left;
		padding-top:8px;
		padding-bottom:22px;
		list-style-type:none;
		padding-right:18px;
		padding-left:40px;
	}

	* html li.li_number4  {
		background:transparent url(../images/typography/s5_li_number4.gif) no-repeat top left;
		padding-top:8px;
		padding-bottom:22px;
		list-style-type:none;
		padding-right:18px;
		padding-left:40px;
	}

	* html li.li_number5  {
		background:transparent url(../images/typography/s5_li_number5.gif) no-repeat top left;
		padding-top:8px;
		padding-bottom:22px;
		list-style-type:none;
		padding-right:18px;
		padding-left:40px;
	}

	* html li.li_number6  {
		background:transparent url(../images/typography/s5_li_number6.gif) no-repeat top left;
		padding-top:8px;
		padding-bottom:22px;
		list-style-type:none;
		padding-right:18px;
		padding-left:40px;
	}

	* html li.li_number7  {
		background:transparent url(../images/typography/s5_li_number7.gif) no-repeat top left;
		padding-top:8px;
		padding-bottom:22px;
		list-style-type:none;
		padding-right:18px;
		padding-left:40px;
	}

	* html li.li_number8  {
		background:transparent url(../images/typography/s5_li_number8.gif) no-repeat top left;
		padding-top:8px;
		padding-bottom:22px;
		list-style-type:none;
		padding-right:18px;
		padding-left:40px;
	}

	* html li.li_number9  {
		background:transparent url(../images/typography/s5_li_number9.gif) no-repeat top left;
		padding-top:8px;
		padding-bottom:22px;
		list-style-type:none;
		padding-right:18px;
		padding-left:40px;
	}

.red_box {
	background:#FFD6D6;
	border-top:solid 2px #EF706F;
	border-bottom:solid 2px #EF706F;
	color:#CC0000;
	padding:13px;
}

.blue_box {
	background:#D0DCEC;
	border-top:solid 2px #5B95DA;
	border-bottom:solid 2px #5B95DA;
	color:#1B6FC2;
	padding:13px;
}

.green_box {
	background:#EEF7DD;
	border-top:solid 2px #B0CB79;
	border-bottom:solid 2px #B0CB79;
	color:#8DCB0E;
	padding:13px;
}

.orange_box {
	background:#FEF6D8;
	border-top:solid 2px #FDE179;
	border-bottom:solid 2px #FDE179;
	color:#A38106;
	padding:13px;
}

.yellow_box {
	background:#F4F5B9;
	border-top:solid 2px #EFF11E;
	border-bottom:solid 2px #EFF11E;
	color:#9FA112;
	padding:13px;
}

.gray_box {
	background:#f1f1f1;
	border-top:solid 2px #9D9D9D;
	border-bottom:solid 2px #9D9D9D;
	color:#4B4B4B;
	padding:13px;
}

.black_box {
	background:#333333;
	border-top:solid 2px #4D4D4D;
	border-bottom:solid 2px #4D4D4D;
	color:#FFFFFF;
	padding:13px;
}

.boxed:hover {
	cursor:pointer;
	border:5px solid #666666;
}
.boxed {
	border:5px solid #CCCCCC;
}

/*Papo boxes*/

/* boxes ------------------------------------------------------------------ */
	
	
	
	#left_nav .box .box_content, #right_nav .box .box_content,
	#left_nav .box_new .box_content, #right_nav .box_new .box_content,
	#left_nav .box_white .box_content, #right_nav .box_white .box_content
	 {
		/* tan hack */
		width: 160px; /* ie5 only */
		voice-family: "\"}\"";
		voice-family: inherit;
		width: 160px;
	}

	/* box blue */
	#left_nav .box_blue, #right_nav .box_blue {

		margin-top: 5px;
	}
	.box_blue {

		text-align:left;
	padding-right: 10px;;
	background-position: 100% 0;
	background-repeat: repeat-y;
	background-image: url("../images/typography/box_borders_color_blue.gif")
	}

	.box_blue .box_wrap {
		background: white url(../images/typography/box_borders_color_blue.gif) 0 0 repeat-y;
		padding-left: 10px;
	}
	.box_blue .box_top {

		background: url(../images/typography/box_color_blue.gif) 100% 0 no-repeat;
		margin-right: -10px;
	}
	.box_blue .box_wrap {
		background: white url(../images/typography/box_borders_color_blue.gif) 0 0 repeat-y;
		padding-left: 10px;
	}
	.box_blue .box_content {
		padding-top: 4px;
		background-color: #b4cdfc;
		width: 100%;
		voice-family: "\"}\"";
		voice-family: inherit;
		width: auto;
	}
	.box_blue .box_bottom {
		background: url(../images/typography/box_color_blue.gif) 100% 100% no-repeat;
		margin-right: -10px;
	}
	.box_blue .box_top div {
		margin-left: -10px;
		background: url(../images/typography/box_color_blue.gif) 0 0 no-repeat;
		height: 7px;
		width: 10px;
		font-size: 7px;
	}
	.box_blue .box_bottom div {
		margin-left: -10px;
		background: url(../images/typography/box_color_blue.gif) 0 100% no-repeat;
		height: 10px;
		width: 10px;
	}
/* end box blue */


	/* box white */

	#left_nav .box_white, #right_nav .box_white {
		margin-top: 5px;
	}
	.box_white {
		text-align:left;
	padding-right: 10px;;
	background-position: 100% 0;
	background-repeat: repeat-y;
	background-image: url("../images/typography/box_borders_color_white.gif")
	}

	.box_white .box_wrap {
		background: white url(../images/typography/box_borders_color_white.gif) 0 0 repeat-y;
		padding-left: 10px;
	}

	.box_white .box_top {
		background: url(../images/typography/box_color_white.gif) 100% 0 no-repeat;
		margin-right: -10px;
	}

	.box_white .box_wrap {
		background: white url(../images/typography/box_borders_color_white.gif) 0 0 repeat-y;
		padding-left: 10px;
	}

	.box_white .box_content {
		padding-top: 4px;
		background-color: white;
		width: 100%;
		voice-family: "\"}\"";
		voice-family: inherit;
		width: auto;
	}
	.box_white .box_bottom {
		background: url(../images/typography/box_color_white.gif) 100% 100% no-repeat;
		margin-right: -10px;
	}
	.box_white .box_top div {
		margin-left: -10px;
		background: url(../images/typography/box_color_white.gif) 0 0 no-repeat;
		height: 7px;
		width: 10px;
		font-size: 7px;
	}

	.box_white .box_bottom div {
		margin-left: -10px;
		background: url(../images/typography/box_color_white.gif) 0 100% no-repeat;
		height: 10px;
		width: 10px;
	}

	/* box site */
	#left_nav .box_new, #right_nav .box_new {
		margin-top: 5px;
	}
	.box_site {
		text-align:left;
	padding-right: 10px;;
	background-position: 100% 0;
	background-repeat: repeat-y;
	background-color: #f0e0d0;
	background-image: url("../images/typography/box_borders_color_2.gif")
	}
	.box_site .box_wrap {
		background: #f0e0d0 url(../images/typography/box_borders_color_2.gif) 0 0 repeat-y;
		padding-left: 10px;
	}
	.box_site .box_top {
		background: url(../images/typography/box_color_2.gif) 100% 0 no-repeat;
		margin-right: -10px;
	}
	.box_site .box_top div {
		margin-left: -10px;
		background: url(../images/typography/box_color_2.gif) 0 0 no-repeat;
		height: 7px;
		width: 10px;
		font-size: 7px;
	}
	.box_site .box_content {
		padding-top: 4px;
		background-color: #f0e0d0;
		width: 100%;
		voice-family: "\"}\"";
		voice-family: inherit;
		width: auto;
	}
	.box_site .box_bottom {
		background: url(../images/typography/box_color_2.gif) 100% 100% no-repeat;
		margin-right: -10px;
	}
	.box_site .box_bottom div {
		margin-left: -10px;
		background: url(../images/typography/box_color_2.gif) 0 100% no-repeat;
		height: 10px;
		width: 10px;
	}

	/* box new */
	
	#left_nav .box_new, #right_nav .box_new {
		margin-top: 5px;
	}
	
	.box_new {
		text-align:left;
	padding-right: 10px;;
	background-position: 100% 0;
	background-repeat: repeat-y;
	background-color: #F9FAEC;
	background-image: url("../images/typography/box_borders_color_1.gif")
	}
	.box_new .box_wrap {
		background: #F9FAEC url(../images/typography/box_borders_color_1.gif) 0 0 repeat-y;
		padding-left: 10px;
	}
	.box_new .box_top {
		background: url(../images/typography/box_color_1.gif) 100% 0 no-repeat;
		margin-right: -10px;
	}
	.box_new .box_top div {
		margin-left: -10px;
		background: url(../images/typography/box_color_1.gif) 0 0 no-repeat;
		height: 7px;
		width: 10px;
		font-size: 7px;
	}
	.box_new .box_content {
		padding-top: 4px;
		background-color: #F9FAEC;
		width: 100%;
		voice-family: "\"}\"";
		voice-family: inherit;
		width: auto;
	}
	.box_new .box_bottom {
		background: url(../images/typography/box_color_1.gif) 100% 100% no-repeat;
		margin-right: -10px;
	}
	.box_new .box_bottom div {
		margin-left: -10px;
		background: url(../images/typography/box_color_1.gif) 0 100% no-repeat;
		height: 10px;
		width: 10px;
	}
	
	/* box old */
	
	#left_nav .box, #right_nav .box {
		margin-top: 5px;
	}
	
	.box {
		background: url(../images/typography/box_bottom_right.gif) no-repeat bottom right;
	}
	.box .box_top {
		height: 6px;
		background: url(../images/typography/box_top_right.gif) no-repeat top right;
	}
	.box .box_top div {
		height: 6px;
		font-size: 6px;
		background: url(../images/typography/box_top_left.gif) no-repeat top left;
	}
	.box .box_content {
		padding: 10px;
		padding-top: 4px;
		background: url(../images/typography/box_bottom_left.gif) no-repeat bottom left;
		width: 100%;
		voice-family: "\"}\"";
		voice-family: inherit;
		width: auto;
	}
	
	/* box 2 */
	
	.box_2 {
		background: url(../images/typography/box_bottom_right_2.gif) no-repeat bottom right;
	}
	#left_nav .box_2, #right_nav .box_2 {
		margin-top: 5px;
	}
	.box_2 .box_top {
		height: 6px;
		background: url(../images/typography/box_top_right_2.gif) no-repeat top right;
	}
	.box_2 .box_top div {
		height: 6px;
		font-size: 6px;
		background: url(../images/typography/box_top_left_2.gif) no-repeat top left;
	}
	.box_2 .box_content {
		padding: 10px;
		padding-top: 4px;
		background: url(../images/typography/box_bottom_left_2.gif) no-repeat bottom left;
	}

/* end of Papo boxes*/


/*
	| liquidcorners.css; feel free to adapt the style!
	| ================================================
	| use: 4 corners with borderline outside a contentbox with class="inside"; 
	|      image  = upper half: top left corner, long borderline, top right corner
	|               under half: bottom left corner, long borderline, bottom right corner
	|      CHANGE = you have to change this for fitting to your image
	|      YCC    = You Can Change (or omit), if wanted
	|      DNC    = Do Not Change
	| credits: original by francky kleyneman, see article/tutorial in Francky's Developers Corner:
	|          http://home.tiscali.nl/developerscorner/liquidcorners/liquidcorners.htm
	| adapted
	| by.....: ... (your name and site?!)
	|
	| + please let this text & links intact for a next user +
*/

/* beige */
.top-left, .top-right, .bottom-left, .bottom-right { 
	background-image: url(../images/typography/cornerb.png); /* CHANGE: path and name of your image */
	height: 9px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
	font-size: 2px;    /* DNC: correction IE for height of the <div>'s */
	}
.top-left, .bottom-left { 
	margin-right: 9px; /* CHANGE: replace by the width of one of your corners */
	}
.top-right, .bottom-right { 
	margin-left: 9px;  /* CHANGE: replace by the width of one of your corners */
	margin-top: -9px;  /* CHANGE: replace by the height of one of your corners */
	}
.top-right {
	background-position: 100% 0;    /* DNC: position right corner at right side, no vertical changes */
	}
.bottom-left  { 
	background-position: 0 -9px;    /* CHANGE: replace second number by negative height of one of your corners */
	}
.bottom-right { 
	background-position: 100% -9px; /* CHANGE: replace second number by negative height of one of your corners */
	}
.inside {
	border-left: 1px solid #d7d6b5; /* YCC: color & properties of the left-borderline */
	border-right: 1px solid #d7d6b5;/* YCC: color & properties of the right-borderline */
	background: #F9FAEC;            /* YCC: background-color of the inside */
	color: #000000;                 /* YCC: default text-color of the inside */
	padding-left: 10px;             /* YCC: all texts at some distance of the left border */
	padding-right:10px;             /* YCC: all texts at some distance of the right border */
	}

/* light green */
.gtop-left, .gtop-right, .gbottom-left, .gbottom-right { 
	background-image: url(../images/typography/cornergr.png); /* CHANGE: path and name of your image */
	height: 9px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
	font-size: 2px;    /* DNC: correction IE for height of the <div>'s */
	}
.gtop-left, .gbottom-left { 
	margin-right: 9px; /* CHANGE: replace by the width of one of your corners */
	}
.gtop-right, .gbottom-right { 
	margin-left: 9px;  /* CHANGE: replace by the width of one of your corners */
	margin-top: -9px;  /* CHANGE: replace by the height of one of your corners */
	}
.gtop-right {
	background-position: 100% 0;    /* DNC: position right corner at right side, no vertical changes */
	}
.gbottom-left  { 
	background-position: 0 -9px;    /* CHANGE: replace second number by negative height of one of your corners */
	}
.gbottom-right { 
	background-position: 100% -9px; /* CHANGE: replace second number by negative height of one of your corners */
	}
.ginside {
	border-left: 1px solid #d7d6b5; /* YCC: color & properties of the left-borderline */
	border-right: 1px solid #d7d6b5;/* YCC: color & properties of the right-borderline */
	background: #468966;            /* YCC: background-color of the inside */
	color: #000000;                 /* YCC: default text-color of the inside */
	padding-left: 10px;             /* YCC: all texts at some distance of the left border */
	padding-right:10px;             /* YCC: all texts at some distance of the right border */
	}


/* for all boxes */
.notopgap    { margin-top: 0; }    /* DNC: to avoid splitting of the box */
.nobottomgap { margin-bottom: -1px; padding-bottom: 1px; } /* DNC: to avoid splitting of the box */
/*----*/

/* transparent */
.ttop-left, .ttop-right, .tbottom-left, .tbottom-right { 
	background-image: url(../images/typography/cornertr.png); /* CHANGE: path and name of your image */
	height: 9px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
	font-size: 2px;    /* DNC: correction IE for height of the <div>'s */
	}
.ttop-left, .tbottom-left { 
	margin-right: 9px; /* CHANGE: replace by the width of one of your corners */
	}
.ttop-right, .tbottom-right { 
	margin-left: 9px;  /* CHANGE: replace by the width of one of your corners */
	margin-top: -9px;  /* CHANGE: replace by the height of one of your corners */
	}
.ttop-right {
	background-position: 100% 0;    /* DNC: position right corner at right side, no vertical changes */
	}
.tbottom-left  { 
	background-position: 0 -9px;    /* CHANGE: replace second number by negative height of one of your corners */
	}
.tbottom-right { 
	background-position: 100% -9px; /* CHANGE: replace second number by negative height of one of your corners */
	}
.tinside {
	border-left: 2px solid #7FBF6B; /* YCC: color & properties of the left-borderline */
	border-right: 2px solid #7FBF6B;/* YCC: color & properties of the right-borderline */
	background: transparent;            /* YCC: background-color of the inside */
	color: #000000;                 /* YCC: default text-color of the inside */
	padding-left: 10px;             /* YCC: all texts at some distance of the left border */
	padding-right:10px;             /* YCC: all texts at some distance of the right border */
	}