@charset "utf-8";

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dd,dl,dt,li,ol,ul,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;text-align:inherit;font-family:inherit;}table{border-collapse:collapse;border-spacing:0;}q:before,q:after,blockquote:before,blockquote:after{content:"";}

html {
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
}
body { font-size: 62.5%; }
body.f8 { font-size: 50%; }
body.f9 { font-size: 56.25%; }
body.f10 { font-size: 62.5%; }
body.f11 { font-size: 68.75%; }
body.f12 { font-size: 75%; }
body.f13 { font-size: 81.25%; }
body.f14 { font-size: 87.5%; }
body.f15 { font-size: 93.75%; }
body.f16 { font-size: 100%; }
body.f17 { font-size: 106.25%; }
body.f18 { font-size: 112.5%; }
body.f19 { font-size: 118.75%; }
body.f20 { font-size: 125%; }

html, body {
	height: 100%;
}

body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #039;
}
body {
	background-color: #FFF;
}

h1 {
	color: #00C;
	margin: 15px 0px;
	font-size: 1.8em;
}
h2 {
	color: #00C;
	margin: 15px 0px;
	font-size: 1.5em;
	font-weight: bold;
}
h3 {
	margin: 15px 0px;
	font-size: 1.3em;
}

p {
	margin: 15px 0px;
}
p, td, th, li {
	font-size: 1.1em;
}
strong, b {
	font-weight: bold;
}
em, i {
	font-style: italic;
}
a:link, a:visited, a:active {
	color: #039;
	text-decoration: underline;
}
a:hover {
	color: #06C;
	text-decoration: underline;
}

blockquote {
	margin: 15px;
	
}
ul {
	list-style: disc inside;
}
ol {
	list-style: decimal inside;
}

code {
	font-family: "Courier New", Courier, monospace;
}

#page {
	margin: 0;
	width: 960px;
	background: url(images/left_bg.png) 0px 0px repeat-y;
}

div#left {
	float: left;
	width: 220px;
	background: #69F;
	padding-top: 10px;
}
div#left .logo {
	text-align: center;
	margin: 10px 0px;
}
div#left .logo a:link, div#left .logo a:visited, div#left .logo a:active, div#left .logo a:hover {
	text-decoration: none;
}
div#menu {
	border-top: 1px solid #FFF;
	margin-top: 10px;
}
div#menu a:link, div#menu a:visited, div#menu a:active {
	display: block;
	font-size: 13px;
	line-height: 35px;
	color: #009;
	vertical-align: middle;
	text-decoration: none;
	border-bottom: 1px solid #FFF;
	padding-left: 20px;
	background: url(images/menu.png) 5px 13px no-repeat;
}
div#menu a:hover {
	color: #FFF;
}
div#menu a.open:link, div#menu a.open:visited, div#menu a.open:active, div#menu a.open:hover,
div#menu a.on:link, div#menu a.on:visited, div#menu a.on:active, div#menu a.on:hover {
	color: #FFF;
	font-weight: bold;
}
div#menu a.open:link, div#menu a.open:visited, div#menu a.open:active, div#menu a.open:hover {
	background-image: url(images/menu_open.png);
}
div#menu a.main:link, div#menu a.main:visited, div#menu a.main:active, div#menu a.main:hover {
	text-align: center;
	padding: 0px;
	background: none;
}
div#menu a.news:link, div#menu a.news:visited, div#menu a.news:active, div#menu a.news:hover {
	color: #FC0;
}
div#menu a.news:hover {
	color: #FFF;
}
div#menu div.sub {
	background-color: #06F;
	border-bottom: 1px solid #FFF;
}
div#menu div.sub a:link, div#menu div.sub a:visited, div#menu div.sub a:active {
	background: none;
	font-size: 11px;
	line-height: 25px;
	padding: 0px;
	margin-left: 20px;
	margin-right: 10px;
	border-bottom: 1px solid #9CF;
	color: #FFF;
}
div#menu div.sub a:hover {
	color: #FC0;
}
div#menu div.sub a.on:link, div#menu div.sub a.on:visited, div#menu div.sub a.on:active {
	color: #FC0;
	font-weight: bold;
}
div#menu div.sub a.last:link, div#menu div.sub a.last:visited, div#menu div.sub a.last:active {
	border-bottom: none;
}
div#left #search {
	margin: 10px;
	padding: 10px;
	background: #FFF;
}
div#left #search div {
	width: 150px;
	font-weight: bold;
	font-size: 11px;
	margin-bottom: 5px;
	color: #0000CC;
}
div#left #search input {
	display: block;
	float: left;
	border: 1px solid #00C;
	font-size: 11px;
	line-height: 13px;
	padding: 0px;
	margin: 0px;
	width: 150px;
}
div#left #search button {
	display: block;
	float: left;
	background: none;
	border: none;
	margin: 0px;
	padding: 0px;
}

div#left h3 {
	text-align: center;
	font-weight: bold;
	font-size: 12px;
	color: #00C;
}
div#left .cimer {
	text-align: center;
	margin: 10px 0px;
	font-size: 13px;
	font-weight: bold;
}
div#left .cimer img {
	padding-top: 5px;
}
div#left .cimer a:link, div#left .cimer a:visited, div#left .cimer a:active {
	font-weight: bold;
	text-decoration: none;
	color: #00C;
}
div#left .cimer a:hover {
	text-decoration: none;
	color: #06C;
}
#date {
	text-align: center;
	font-weight: bold;
	color: #FFF;
	font-size: 11px;
}
div#right {
	float: left;
	width: 740px;
	padding-bottom: 50px;
	background: #fff url(images/bg.jpg) center 400px no-repeat;
}
div#right.main {
	background-image: url(images/bg_main.jpg);
	padding-bottom: 200px;
}
#head {
	background: url(images/head.png) center top no-repeat;
	height: 180px;
}
#nav-font-size {
	margin: 0px 35px;
	height: 25px;
	border-top: 1px solid #069;
	border-bottom: 1px solid #069;
}
#nav {
	float: left;
	line-height: 25px;
	color: #00C;
}
#nav a:link, #nav a:visited, #nav a:active {
	text-decoration: none;
	color: #00C;
}
#nav a:hover {
	text-decoration: underline;
	color: #06C;
}
#vakbarat {
	float: right;
}
#vakbarat a:link, #vakbarat a:visited, #vakbarat a:active {
	display: block;
	float: left;
	line-height: 25px;
	margin-right: 10px;
	font-weight: bold;
	font-size: 125%;
	text-decoration: none;
}
#vakbarat a:hover {
	text-decoration: underline;
	color: #06C;
}
#font-size {
	float: right;
}
#font-size a, #font-size span {
	display: block;
	float: left;
}
#font-size span {
	line-height: 25px;
}
#font-size a:link, #font-size a:visited, #font-size a:active, #font-size a:hover {
	width: 19px;
	height: 15px;
	margin: 5px 0px 5px 5px;
	font-size: 0;
	line-height: 0;
	text-decoration: none;
	background: url(images/font_size.png) 0px 0px no-repeat;
}
#font-size #font-smaller {
	background-position: 0px -15px;
}
#font-size #font-bigger.off {
	background-position: 0px -30px;
}
#font-size #font-smaller.off {
	background-position: 0px -45px;
}

#content {
	margin: 0px 35px;
}
#content .left {
	text-align: left;
}
#content .right {
	text-align: right;
}
#content .center {
	text-align: center;
}
#content .justify {
	text-align: justify;
}
#content img.left {
	float: left;
	margin: 0px 10px 5px 0px;
}
#content img.right {
	float: right;
	margin: 0px 0px 5px 10px;
}

#content div.news {
	background: #FFF;
	border: 5px solid #d7e7f4;
	margin: 15px 0px;
}
#content div.news * {
	margin: 10px 30px;
}
#content div.news * * {
	margin: 0px;
}
#content div.news h2 {
	margin: 10px 0px;
	background: url(images/menu.png) 15px center no-repeat;
	font-weight: bold;
	overflow: visible;
	padding: 0px 30px
}

#content div.box {
	background: #FFF;
	border: 5px solid #d7e7f4;
	margin: 15px 0px;
}
#content div.box * {
	margin: 10px 30px;
}
#content div.box * * {
	margin: 0px;
}
#content div.box h2 {
	margin: 10px 0px;
	background: url(images/menu.png) 15px center no-repeat;
	font-weight: bold;
	overflow: visible;
	padding: 0px 30px
}
#content div.box h3 {
	margin: 10px 30px 0px 30px;
	font-weight: bold;
}
#content div.box div.link_right {
	clear: both;
	text-align: right;
	margin: 10px 20px 10px 30px;
}
#content div.box div.link_left {
	clear: both;
	margin: 10px 30px;
}
#content div.box a:link, #content div.box a:visited, #content div.box a:active, #content div.box a:hover {
	text-decoration: none;
	font-weight: bold;
	padding-left: 20px;
	background: url(images/menu.png) 5px center no-repeat;
}
#content div.box p {
	margin: 0px 30px 10px 30px;
}
#content div.box div.col {
	float: left;
	width: 315px;
	margin: 0px;
}
#content div.box div.col * {
	margin-right: 0px;
}
#content div.box div.col a {
	background: none;
	padding: 0px;
}

#content table td, #content table th {
	padding: 2px 5px;
}
#content table.center td, #content table.center th {
	text-align: center;
}

#content h3.search {
	margin: 10px 0 0 0;
}
#content p.search {
	margin: 0 0 10px 0;
	color: #35A;
	font-size: 1.1em;
}
#content p.search strong {
	color: #039;
}

#content ul.sitemap {
	padding-left: 0;
}
#content ul.sitemap ul {
	padding-left: 30px;
}
#content ul.sitemap li {
	margin: 2px 0;
}

#footer {
	clear: both;
	margin: 0px 35px 20px 255px;
	height: 25px;
	line-height: 25px;
	border-top: 1px solid #069;
	color: #00C;
	font-size: 1.0em;
}
#footer a:link, #footer a:visited, #footer a:active {
	text-decoration: none;
	color: #00C;
	font-weight: bold;
}
#footer a:hover {
	text-decoration: underline;
	color: #06C;
}
div.clr {
	clear: both;
	height: 0;
	font-size: 0;
	line-height: 0;
	float: none;
}
.hidden {
	display: none;
}
