@charset "UTF-8";


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++
HTML ELEMENTS
+++++++++++++++++++++++++++++++++++++++++++++++++++++*/

body {
	background-color:#FFF;
	color:#434343;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	}
	
a {
	font-family:inherit;
	color:#f29400;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

hr.dots {
margin:1px 7px 0 7px;
border:1px dotted black;
border-width:1px 0 0 0;
height:1px;
float:left;
width:900px;
}

h1 {
font-size:16px;
margin-top:0;
}

h2 {
font-size:15px;
}

h3 {
font-size:14px;
}

ul {
	padding:0 0 0 12px;
}

li {
	list-style: circle;
	}


input, textarea {
	border:1px solid #ababab;
	background-color:#FFF;
	font-family:inherit:
	font-size:inherit:
	padding:2px;
}	
	
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++
BASIC STRUCTURE
+++++++++++++++++++++++++++++++++++++++++++++++++++++*/

#main {
	padding-top:30px;
	margin:0 auto;
	background-color: #FFFFFF;
	width: 914px;
}

#head {
	clear:left;
	background:#FFF url(../pr-images/bg-top.png) no-repeat top left;
	width:inherit;
	height:12px;
	
}

#content {
	width:inherit;
	background:#FFFFFF url(../pr-images/bg.png) repeat-y top left;
	clear:left;
}

#bottom {
	clear:left;
	background:#FFF url(../pr-images/bg-bottom.png) no-repeat top left;
	width:inherit;
	height:12px;
	
}


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++
Head AREA
+++++++++++++++++++++++++++++++++++++++++++++++++++++*/

#headnavi {
width:auto;
float:right;
margin:10px 32px 0 0;
}

#headnavi a {
color:#434343;
font-size:10px;
text-decoration:none;
}

#headnavi a:hover {
text-decoration:underline;
}

#logo {
	background:transparent url(../pr-images/logo.png) no-repeat top left;
	width:877px;
	height:75px;
	float:left;
	margin-left:30px;	
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++
NAVI AREA
+++++++++++++++++++++++++++++++++++++++++++++++++++++*/

#navi {
margin:18px 0 0 32px;
float:left;
background-color:orange;
}

#navi ul {
float:left;
margin:0;
padding:0;
}

#navi li{
float:left;
display:inline;
width:188px;
height:36px;
border-left:1px solid #FFF;
text-align:center;
}

#navi a {
text-transform:uppercase;
color:#FFF;
font-weight:bold;
text-decoration:none;
line-height:36px;
}

#navi li.orange, .norange {
background-color:#f29400;
}

#navi li.green, .ngreen {
background-color:#7daf0a;
}

#navi li.blue, .nblue {
background-color:#00b9e9;
}

#navi li.red, .nred {
background-color:#ad0039;
}


/* VISUAL SUPPORT FOR NAVI */

#bar {
float:left;
width:900px;
height:10px;
margin:0 7px;
}


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++
CONTENT BODY AREA
+++++++++++++++++++++++++++++++++++++++++++++++++++++*/

#cntbody {
width:634px;
float:left;
margin:1px 7px 0 0;
padding:25px;
border-left:1px dotted black;
line-height:1.5;
}

#cntbody p {
margin-top:0;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++
LEFT SIDE AREA
+++++++++++++++++++++++++++++++++++++++++++++++++++++*/

#left {
float:left;
width:165px;
margin:1px 0 0 7px;
padding:25px;
}

#leftbox h2 {
font-size:14px;
color:#ababab;
border-bottom:3px solid #f29400;
width:auto;
}

.date {
margin:2px 0;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++
LEFT SIDE NAVI
+++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.sidenavi {
margin:0 0 50px 0;
padding:0;
}

.sidenavi li {
background:url(../pr-images/arrow.png) no-repeat left 2px;
margin:0;
padding:0 0 10px 20px;
list-style:none;
}

.sidenavi a {
color:#ababab;
text-decoration:none;
}

.sidenavi a:hover, .sidenavi a.active{
color:#f29400;
}

.sidenavi li:hover, .sidenavi li.active {
background:url(../pr-images/arrow-o.png) no-repeat left 2px;
}

.sub1 {
margin:0;
padding-left:10px;
}

.sub1 li, .sub1 li:hover, .sub1 li.active {
background-image:none;
padding:2px 0 0 0;
margin:0;
list-style: none;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++
HELPERS
+++++++++++++++++++++++++++++++++++++++++++++++++++++*/


.clearMe {
clear:both;
}