/* Site Naam Stylesheet */

/* General Styles */

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

img, a img, a, input, input:focus {
	outline: 				none;
}

ul {
	list-style: 			none;
}

body {
	background: 			#fff url(../../image/bg_body.png) no-repeat center top;
	font: 					normal 11px/15px Verdana, Arial, sans-serif;
	color: 					#2f2f2f;
}


/* Link & Button Styles */

a {
	
}
a:hover {
	
}


/* Text & Heading Styles */

h1 {
	
}
h2 {
	
}
h3 {
	
}
h4 {
	
}
p {
	
}


/* Grid Styles */

.grid_1, .grid_2,
.grid_3, .grid_4,
.grid_5, .grid_6,
.grid_7, .grid_8,
.grid_9, .grid_10,
.grid_11, .grid_12,
.grid_13, .grid_14,
.grid_15, .grid_16 {
	display:				inline;
	float:					left;
	position:				relative;
	margin: 				0 10px;
}


/* Wrapper */

#wrapper {
	width: 					962px;
	margin: 				0 auto;
}


/* Header */

#header {
	height: 				251px;
}

#header h1 {
	height: 				64px;
	background: 			url(../../image/head_sitename.png) no-repeat left top;
	text-indent: 			-9999em;
}

#header .image {
	height: 				134px;
	background: 			url(../../image/img_head.jpg) no-repeat left top;
}

#header ul#mainnav {
	height: 				40px;
	padding: 				8px 0 0 15px;
	background: 			url(../../image/bg_mainnav.jpg) no-repeat left top;
}
#header ul#mainnav li.main {
	display: 				inline-block;
	position: 				relative;
	height: 				31px;
}
#header ul#mainnav li.main a {
	float: 					left;
	display: 				block;
	height: 				31px;
	padding: 				0 8px 0 0;
	background: 			url(../../image/btn_mainnav.png) no-repeat right 31px;
	text-decoration: 		none;
	margin-right: 			0px;
	font-family: 			Arial;
	font-weight: 			bold;
}
#header ul#mainnav li.main a span {
	display: 				block;
	float: 					left;
	height: 				31px;
	padding: 				0 0 0 8px;
	line-height: 			31px;
	background: 			url(../../image/btn_mainnav.png) no-repeat left 31px;
	font-size: 				11px;
	color: 					#7c7c7c;
	text-transform: 		uppercase;
}
#header ul#mainnav li.main a:hover span {
	color: 					#fff;
}
#header ul#mainnav li.sub a:hover,
#header ul#mainnav li.sub a.hover {
	background-position: 	right top;
}
#header ul#mainnav li.sub a:hover span,
#header ul#mainnav li.sub a.hover span {
	background-position: 	left -31px;
}

#header ul#mainnav li.main ul {
	position: 				absolute;
	z-index: 				20;
	padding: 				0;
	margin: 				0;
	left: 					0;
	top: 					28px;
	width: 					182px;
	padding: 				10px 15px;
	display: 				none;
	background: 			#123d74;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-right-radius: 4px;
}
#header ul#mainnav li.main ul li {
	display: 				block;
	line-height: 			19px;
}
#header ul#mainnav li.main ul li a,
#header ul#mainnav li.main ul li a:hover {
	display: 				inline;
	float: 					none;
	background: 			none;
	margin: 				0;
	padding: 				0;
	color: 					#fff;
	font-weight: 			normal;
}
#header ul#mainnav li.main ul li a:hover {
	text-decoration: 		underline;
}


/* Content */

#content {
	
}

#content .bar-side {
	width: 					227px;
	float: 					left;
}

#content .bar-side .advertisement {
	position: 				relative;
	background: 			#ebebeb url(../../image/bg_sidebar.jpg) no-repeat left -6px;
	height: 				1%;
	padding: 				20px 0;
	text-align: 			center; 
}
#content .bar-side .advertisement span.bottomImage {
	display: 				block;
	position: 				absolute;
	left: 					0;
	bottom: 				0;
	height: 				6px;
	width: 					227px;
	overflow: 				hidden;
	font: 					0/0 serif;
	background: 			url(../../image/bg_sidebar.jpg) no-repeat left top;
}

#content .bar-main {
	width: 					731px;
	float: 					right;
}

#content .bar-main h2 {
	height: 				40px;
	background: 			url(../../image/bg_heading2.png) no-repeat left top;
	font-size: 				11px;
	color: 					#fff;
	line-height: 			40px;
	padding-left: 			36px;
}
#content .bar-main .article p {
	padding: 				10px;
}
#content .bar-main .article p .articleimage {
	float: 					right;
	margin: 				10px 0 10px 10px;
}

#content .bar-main .article a {
	color: 					#10376A;
	text-decoration:		underline;
}
#content .bar-main .advertisement {
	position: 				relative;
	background: 			#ebebeb url(../../image/bg_mainbar.jpg) no-repeat left -6px;
	height: 				1%;
	padding: 				5px 0;
	text-align: 			left;
	margin-bottom: 			5px;
}
#content .bar-main .advertisement span.bottomImage {
	display: 				block;
	position: 				absolute;
	left: 					0;
	bottom: 				0;
	height: 				6px;
	width: 					731px;
	overflow: 				hidden;
	font: 					0/0 serif;
	background: 			url(../../image/bg_mainbar.jpg) no-repeat left top;
}


/* Footer */

#footer {
	margin-top: 			10px;
	height: 				48px;
	background: 			url(../../image/bg_mainnav.jpg) no-repeat left top;
	font: 					bold 11px/48px Arial, sans-serif;
	color: 					#7b7b7b;
	text-transform: 		uppercase;
	text-align: 			center;
	margin-bottom: 			10px;
}


/* Clearfix & Clear Styles */

.clear {
	clear:					both;
	display:				block;
	overflow:				hidden;
	visibility:				hidden;
	width:					0;
	height:					0;
	font: 					0/0 serif;
}
.clearfix:after {
	clear:					both;
	content:				'.';
	display:				block;
	font-size:				0;
	line-height:			0;
	visibility:				hidden;
	width:					0;
	height:					0;
}
.clearfix {
	display:				inline-block;
}
* html .clearfix { 
	height:					1%;
}
.clearfix {
	display:				block;
}