/* SVN FILE: $Id: cake.generic.css 7945 2008-12-19 02:16:01Z gwoo $ */
/**
 *
 * PHP versions 4 and 5
 *
 * CakePHP(tm) :  Rapid Development Framework (http://www.cakephp.org)
 * Copyright 2005-2008, Cake Software Foundation, Inc. (http://www.cakefoundation.org)
 *
 * Licensed under The MIT License
 * Redistributions of files must retain the above copyright notice.
 *
 * @filesource
 * @copyright     Copyright 2005-2008, Cake Software Foundation, Inc. (http://www.cakefoundation.org)
 * @link          http://www.cakefoundation.org/projects/info/cakephp CakePHP(tm) Project
 * @package       cake
 * @subpackage    cake.app.webroot.css
 * @since         CakePHP(tm)
 * @version       $Revision: 7945 $
 * @modifiedby    $LastChangedBy: gwoo $
 * @lastmodified  $Date: 2008-12-18 18:16:01 -0800 (Thu, 18 Dec 2008) $
 * @license       http://www.opensource.org/licenses/mit-license.php The MIT License
 */


/* General Style Info */
body {
	background: #F3F5FB;
	color: #191919;
	font-family:verdana,verdana,helvetica,arial,sans-serif;
	font-size:75%;
}


h2 {
	color:#B2B2B2;
	font-weight:bold;
	font-family:Arial,Helvetica,sans;
	letter-spacing: -1px;
	text-transform:uppercase;
	padding-left:30px;
	
	background-image:url('../img/h2.gif');
	background-repeat:no-repeat;
	background-position: 0 1em;
}

h3 {
	color:#aaa;
	font-family:Arial,Helvetica,sans;
	letter-spacing: -1px;
	text-transform:uppercase;
	font-weight:bold;
}

p.lead, p.teaser {
	color:#555
}

ol, ol li {
	margin: 0px 12px;
}

ul li {
	list-style-image: url('../img/lipu.gif');
}


#content {
	line-height:1.5em;
}


#container {
	width:100%;
	height:100%;
	background-image: url('../img/header_bg.gif');
	background-position:top;
	background-repeat:repeat-x;
	background-color:white;
}

#inner_container {
	width:900px;
	margin:0px auto;
}

#header {
	background-image: url('../img/header.png');
	height:296px;
}

#topnavi {
	position:absolute;
	margin-left:42px;
	margin-top:19px;
}

	#topnavi ul {
		margin:0;
	}
	#topnavi ul li {
		float:left;
		list-style:none;
		margin:0;
		padding:0;
		margin-right:12px;
	}
	
	#topnavi ul li a {
		color:#003C7D;/*#396FB8;*/
		font-family:Arial,Helvetica,sans;
		font-size:11px;
		font-weight:bold;
		text-decoration:none;
		text-transform: uppercase;
		letter-spacing:-1px;
	}
	
	#topnavi ul li.active a {
		color:black;
	}

#logo {
	position:absolute;
	margin-left:30px;
	margin-top:100px;
	width:275px;
	height:60px;
	cursor:pointer;
}
	#logo * {
		display:none;
	}
		
#navigation {
	position:absolute;
	margin-left:42px;
	margin-top:220px;
}

	#navigation ul {
		margin:0;
	}
	
	#navigation ul li {
		float:left;
		list-style:none;
		margin:0;
		padding:0;
		margin-right:25px;
	}
	
	#navigation ul li a {
		color:#999;
		font-family:Arial,Helvetica,sans;
		font-size:15px;
		font-weight:bold;
		text-decoration:none;
		text-transform: uppercase;
		letter-spacing:-1px;
	}
	
	#navigation ul li.active a {
		color:#555;
	}

#content_container {
	background-color:white;
}

	#content {
		width:600px;
		margin-left:42px;
		padding:0px;
		position:relative;
		top:-20px;
		float:left;
		padding-bottom:70px;
	}
	
	body.full #content {
	 	width:804px;
	}

	#content_right {
		float:right;
		width:185px;
		margin-right:30px;
		position:relative;
		top:-30px;
	}
#footer_container {
	width:100%;
	height:150px;
}

	#footer {
		width:900px;
		margin:20px auto;
		text-align:left;
	}
	

#content_right ul, #content_right li {
	margin:0px;
}
#content_right ul li {
	list-style-image: url('../img/lipu_navi.gif');
	line-height:20px;
}

#content_right ul li a {
	color:#7f9dbe;/*#8baaca;*/
	font-family:Arial,Helvetica,sans;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	text-transform: uppercase;
	letter-spacing:-1px;
	
	
}

#content_right ul li.active a {
	color:#555;
}

#footer div.panel {
	position:relative;
	top:-75px;
	margin-right:20px;
	float:left;
}

div.panel {
	width:284px;
	background-color:#DFE8F3;
	background-image:url('../img/panel_header.gif');
	background-repeat:no-repeat;
	background-position:top;
}

div.panel div.inner_panel {
	background-image:url('../img/panel_footer.gif');
	background-repeat:no-repeat;
	background-position:bottom;
	min-height:179px;
}

div.panel_header {
	height:22px;
	margin-left:48px;
	padding-top:9px;
	font-size:14px;
	font-weight:bold;
	color:#003C7D;/*#5886C4;*/
	font-family:Arial,Tahoma,sans;
	letter-spacing:-1px;
	text-transform:uppercase;
}

div.panel .panel_content {
	margin:15px 0px;
	margin-left:26px;
}

div.panel .panel_content a {
	text-decoration:none;
}

div.panel .panel_footer * {
	color:#003C7D;/*#5886C4;*/
	text-decoration:none;
	font-weight:bold;
}
div.panel .panel_footer {
	padding-right:20px;
	font-size:0.8em;
	height:20px;
	text-align:right;
	margin-top:5px;
}

div.panel_content em {
	color:#7e91a7;/*#878C93;*/
	font-family:Arial,Tahoma,sans;
	letter-spacing:-1px;
	text-transform:uppercase;	
	font-size:16px;
	font-weight:bold;
	font-style:normal;
	display:block;
}

div.panel li {
	list-style-image: url('../img/lipu_white.gif');
	margin-bottom:8px;
	font-size:10px;
}



div.box {
	position:relative;
	width:197px;
	height:227px;
	background-image:url('../img/box_back.gif');
	overflow:hidden;
}

div.box * {
	text-align:center;
}

div.box div.header {
	position:absolute;
	left:6px;
	top:8px;
	width:185px;
	height:22px;
	
	color:#003C7D;
	font-family:Arial,Tahoma,sans;
	font-size:14px;
	font-weight:bold;
	letter-spacing:-1px;
}

div.box div.image {
	width:185px;
	height:148px;
	position:absolute;
	left:6px;
	top:72px;
	background-color:white;
}

div.box div.content {
	width:185px;
	height:34px;
	position:absolute;
	left:6px;
	top:33px;
	color:#003C7D;/*color:#386fb8;*/
	font-size:11px;
	line-height:15px;
}