html {width:100%; }
body {background:#4E595F url('/images/body-bg.gif') repeat-x 0 0; margin:0; padding:0; font-family:"Trebuchet MS", Verdana, Arial, "Times New Roman", serif; font-size:80%; color:#333333; width:100%; }
p {padding:0 0 15px 0; margin:0; line-height:130%; }
h1 {margin:0; padding:0; font-size:130%; font-weight:normal; }
h2 {margin:0; padding:0 0 20px 0; font-size:140%; font-weight:normal; }
/*link styling*/
a {color:#000000; text-decoration:underline; }
a:hover {text-decoration:none; }
#footer a {color:#637076; }
/*structural elements*/
.section {text-align:center; width:100%; display:inline-block; border-bottom:1px solid #637076 }
#header {background:#1A292F; margin:0 auto; text-align:left; padding:20px 20px 20px 20px; width:720px; border-left:1px solid #637076; border-right:1px solid #637076; }
#container {margin:0 auto; text-align:left; padding:0 20px 20px 20px; width:700px; border-left:1px solid #637076; border-right:1px solid #637076; }
h1#logo {background:#E8EDF7; float:left; padding:47px 20px; width:200px; border:1px solid #FFFFFF; text-align:center; min-height:24px; }
#pictureRail {text-align:center; }
#news {background:#fff; float:left; width:242px; padding:0px 0px 0px 0px; border:1px solid #FFFFFF; }
#menu {background:#1A292F; margin:0 0 0 260px; border:1px solid #FFFFFF; padding:10px; color:#FFFFFF; text-align:center; }
#content {background:#E8EDF7; margin:20px 0 0 260px; padding:20px 20px 5px 20px; border:1px solid #FFFFFF; }
#footer {margin:0 auto; text-align:left; padding:20px 20px 60px 20px; width:720px; border-left:1px solid #637076; border-right:1px solid #637076; }
#footer p {background:#1A292F; padding:10px; font-size:90%; color:#637076; border:1px solid #637076; text-align:center; }
/*section dependant style over-rides*/
#news h3 {margin:0; padding:0 0 20px 0; color:#000000; font-size:120%; font-weight:bold; }
/*#news p {padding:10px 0; border-top:1px solid #000000; }*/
#header p {text-align:center; font-size:170%; color:#E8EDF7; padding:45px 0 0 0; }
ul#menu { }
ul#menu li {margin:0; padding:0; list-style:none; display:inline; }
ul#menu a {color:#FFFFFF; text-decoration:none; padding:10px 15px; }
#pictureRail img {margin:20px 10px;border:1px solid #FFFFFF; }
#content img {border:1px solid #000000; float:right; margin:0 0 20px 20px; }
/*This adds a little arrow under the menu item of the page you are on. (handy for navigation and usability)
To modify, edit the tag by changing the id.
e.g, if the page you are on is the contact page, change: to */
#home #homeLink,
#about #aboutLink,
#services #servicesLink,
#portfolio #portfolioLink,
#contact #contactLink
{background:url('/images/menu-a-bg.gif') no-repeat center bottom; }
/*just makes sure the content doesn't spill out the boxes, see http://www.positioniseverything.net/easyclearing.html for details*/
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
display: block;
color: #000000;
}
/* Hides from IE-mac \*/
* html .clearfix {
height: 1%;
color: #000000;
}
/* End hide from IE-mac */
.button {
font-family: "Times New Roman", Times, serif;
font-size: 7px;
}
.buttonn {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
}
.yazi {
font-family: "Courier New", Courier, monospace, "Times New Roman", Times, serif;
font-size: 12px;
font-style: normal;
line-height: normal;
color: #000000;
font-weight: normal;
font-variant: normal;
}
.baslik {
font-family: "Times New Roman", Times, serif;
font-size: 14px;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
color: #660000;
text-decoration: none;
}
#logo
{
padding-right: 10px;
padding-left: 40px;
padding-bottom: 0px;
padding-top: 10px;
}
#topbar {
padding-right: 20px;
padding-left: 15px;
padding-bottom: 0px;
padding-top: 8px;
}
/**************************** menu ****************************/
.box_top {
height:0px;
}
.box_btm {
height:0px;
}
.box_bg {
height:auto;
padding-bottom:1px;
background-color:#fff;
}
.box_subject
{
font-weight: bold;
text-align: center;
padding-right: 0px;
padding-left: 0px;
padding-bottom: 0px;
padding-top: 0px;
}
.box_body
{
}
.redbox_top {
background:url('images/redbox_top.gif') no-repeat;
height:24px;
}
.redbox_btm {
background:url('images/redbox_btm.gif') no-repeat;
height:16px;
margin-bottom:5px;
}
.redbox_bg {
background: url( 'images/redbox_bg.gif' ) repeat-y;
height:auto;
padding-bottom:1px;
}
.redbox_subject
{
font-weight: bold;
text-align: center;
padding-right: 0px;
padding-left: 0px;
padding-bottom: 0px;
padding-top: 0px;
}
.redbox_body
{
padding-left: 20px;
}
.yellowbox_top {
background:url('images/yellowbox_top.gif') no-repeat;
height:24px;
}
.yellowbox_btm {
background:url('images/yellowbox_btm.gif') no-repeat;
height:16px;
margin-bottom:5px;
}
.yellowbox_bg {
background: url( 'images/yellowbox_bg.gif' ) repeat-y;
height:auto;
padding-bottom:1px;
}
.yellowbox_subject
{
font-weight: bold;
text-align: center;
padding-right: 0px;
padding-left: 0px;
padding-bottom: 0px;
padding-top: 0px;
}
.yellowbox_body
{
padding-left: 10px;
}
#leftcolumn
{
float: left;
width: 242px;
height: 100%;
margin-left:5px;
background-color: #333333;
}
#rightcolumn {
float:right;
width: 242px;
height:100%;
}
/**************************** content ****************************/
#info_single
{
width: 724px;
height:100% auto;
margin:0px;
padding:0px;
}
.post_top_single {
width:724px;
height:0px;
}
.post_btm_single {
width:828px;
height:16px;
}
.post_single
{
height:100% auto;
padding-right: 20px;
padding-left: 20px;
padding-bottom: 0px;
padding-top: 0px;
margin:0px;
}
#info_double
{
width: 484px;
background-color: #fff;
padding:5px;
float:left;
margin-left:10px;
}
.post_double
{
margin:0;
padding:0;
}
.post_bg_double
{
}
.post_top_double {
height:0px;
}
.post_btm_double {
height:0px;
}
#info_triple
{
width: 432px;
float: left;
margin-left: 4px;
margin-right: 4px;
}
.post_top_triple {
background:url('images/info_triple_top.gif') no-repeat;
height:24px;
}
.post_btm_triple {
background:url('images/info_triple_btm.gif') no-repeat;
height:16px;
}
.post_triple
{
background: url( 'images/info_triple_bg.gif' ) repeat-y;
padding-right: 4px;
padding-left: 4px;
padding-bottom: 0px;
padding-top: 0px;
}
.flash_left
{
width: 48%;
float: left;
padding-right: 3px;
padding-left: 3px;
padding-bottom: 10px;
}
.flash_right
{
width: 48%;
float: right;
padding-right: 3px;
padding-left: 3px;
padding-bottom: 10px;
}
.BigImage
{
padding-top: 25px;
padding-left: 15px;
border-top-style: outset;
border-right-style: outset;
border-left-style: outset;
background-color: silver;
border-bottom-style: outset;
}
.MansetLink
{
color: #cc6600;
font-weight:bolder;
font-size: 22pt;
padding-right: 0px;
padding-left: 0px;
padding-bottom: 0px;
padding-top: 0px;
vertical-align: middle;
text-align: center;
}
h3, h4, h5
{
margin:0;
padding:0 0 20px 0;
font-size:140%;
font-weight:normal;
}
.ul_zero
{
list-style-type: none;
}
.bullet
{
list-style-type: none;
background: transparent url( 'images/icons/bullet.gif' ) no-repeat;
padding-right: 0px;
padding-left: 0px;
padding-bottom: 0px;
padding-top: 0px;
margin-top: 10px;
}
.li_newslist
{
list-style-type: none;
margin-top: 8px;
}
.li_newslist_alt
{
list-style-type: none;
background: transparent url( 'images/icons/bullet.gif' ) no-repeat;
padding-right: 0px;
padding-left: 8px;
padding-bottom: 8px;
padding-top: 0px;
}
.li_newslist_alt2
{
list-style-type: none;
background: transparent url( 'images/icons/bullet.gif' ) no-repeat;
padding-left: 8px;
margin-left: 8px;
margin-bottom: 5px;
}
.li_newslist_alt3
{
list-style-type: none;
background: transparent url( 'images/icons/bullet.gif' ) no-repeat;
padding-left: 8px;
padding-bottom: 7px;
}
.li_question
{
background: transparent url( 'images/icons/question.gif' ) no-repeat;
padding-right: 0px;
padding-left: 18px;
padding-bottom: 10px;
padding-top: 0px;
}
.li_information
{
background: transparent url( 'images/icons/information.gif' ) no-repeat;
padding-right: 0px;
padding-left: 18px;
padding-bottom: 10px;
padding-top: 0px;
}
.GridTableStyle
{
font-size: 8pt;
padding-right: 0px;
padding-left: 0px;
padding-bottom: 0px;
margin: 0px;
border-top-style: none;
padding-top: 0px;
border-right-style: none;
border-left-style: none;
border-bottom-style: none;
}
.GridHeaderStyle {
border-style: outset;
border-width: 1;
font-size: 8pt;
background-color:#C0C0C0
}
.GridPagerStyle {
border-style: outset;
border-width: 1;
font-size: 8pt;
background-color:#C0C0C0
}
.GridItemStyle {
border-style: outset;
border-width: 1;
font-size: 8pt;
padding-left:4;
padding-right:4;
padding-top:1;
padding-bottom:1;
background-color:#DDDDDD
}
.GridAltItemStyle {
border-style: outset;
border-width: 1;
font-size: 8pt;
padding-left:4;
padding-right:4;
padding-top:1;
padding-bottom:1;
background-color:#EEEEEE
}
.GridDeletedItemStyle {
border-style: outset;
border-width: 1;
font-size: 8pt;
padding-left:4;
padding-right:4;
padding-top:1;
padding-bottom:1;
background-color:yellow
}
.float_left
{
float: left;
}
/******************Menu*************/
.ul_menu
{
list-style-type: none;
padding-right: 0px;
padding-left: 10px;
padding-bottom: 0px;
padding-top: 0px;
margin: 0px;
}
.li_menu
{
list-style-type: none;
background: transparent url( 'images/icons/bullet.gif' ) no-repeat;
padding-right: 0px;
padding-left: 8px;
padding-bottom: 2px;
padding-top: 0px;
margin: 0px;
}
/******************Sub Menu*************/
.ul_submenu
{
list-style-type: none;
padding-right: 0px;
padding-left: 0px;
padding-bottom: 0px;
padding-top: 0px;
margin: 0px;
}
.li_submenu
{
list-style-type: none;
background: transparent url( 'images/icons/bullet.gif' ) no-repeat;
padding-right: 0px;
padding-left: 8px;
padding-bottom: 2px;
padding-top: 0px;
margin: 0px;
}
/******************Sub Menu Second*************/
.ul_submenusecond
{
list-style-type: none;
padding-right: 0px;
padding-left: 0px;
padding-bottom: 0px;
padding-top: 0px;
margin: 0px;
}
.li_submenusecond
{
list-style-type: none;
background: transparent url( 'images/icons/bullet.gif' ) no-repeat;
padding-right: 0px;
padding-left: 8px;
padding-bottom: 2px;
padding-top: 0px;
margin: 0px;
}
#MyMenu
{
height: 34px;
background: transparent url( '/images/body-bg.jpg' ) repeat;
width: 758px;
margin: 0 auto;
}
#mypage
{
width: 758px;
background-color: #1A292F;
border-left:1px solid #637076;
border-right:1px solid #637076;
margin: 0 auto;
display:inline-block;
}
.mymenuitem
{
width: 160px;
border-left: 1px solid #637076;
border-right: 1px solid #637076;
border-top: 1px solid #637076;
border-bottom: 1px solid #637076;
background-color: #1A292F;
color: #C0C0C0;
font-style: normal;
font-weight: bolder;
margin-left: 10px;
margin-right: 10px;
padding-left: 4px;
padding-right: 4px;
}