/*general style - main*/
body {margin:0;	padding:0; width:100%; color:#ffffff; font:normal 14px Arial, Helvetica, sans-serif;}
html{ background:#3e879f url(images/bg.gif) repeat;}

/*reset style -> stop the inheritance of the style at this point*/
.clr { clear:both; padding:0; margin:0; width:100%; font-size:0px; line-height:0px;}

/* header, links and paragraph */
h1 a, h1 a:hover {margin:0; padding:10px 0; color:#1ea1cc; text-decoration:none; font:bold 42px/1.2em Comic Sans MS, Helvetica, sans-serif;}
h2 {font:bold 28px Arial, Helvetica, sans-serif; color:#ffffff; padding:4px 0; margin:4px 0;}
p {margin:8px 0; padding:0 0 4px 0; font:normal 16px/1.8em Arial, Helvetica, sans-serif;}
/*3d text for headers*/
.thirddd{font-size:32px;color: #ffffff;font-weight: normal;text-shadow: 2px 3px 2px #000000;}
/*links style*/
a {color:#ffffff; text-decoration:none; /*without underline*/ padding:2px 4px;}
a:hover {color:yellow; text-decoration:underline;/* with underline*/ font-weight: bold;}

/*button as a link style*/
.asLink{background-color:transparent; border:none; cursor:pointer; font:normal 14px Arial, Helvetica, sans-serif; color:#ffffff;
    text-decoration:none; padding:2px 4px;}
.asLink:hover {color:yellow; text-decoration:underline; font-weight: bold;}

/*main page*/
.overImage{position: absolute; color: white; font-size: 50px; font-family:'Comic Sans MS';
 background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.4); padding: 0px; letter-spacing: 2px; width:100%;
 /*no selected text*/
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently*/
 }
/* header */
.header { background:url(images/header_bg.jpg) repeat-x top;}
.header_resize { height:100px;}
/* login area */
.header .login {padding-top:12px; position: absolute; }


table.db{  border-collapse: collapse; width:100%; font-size:12px;}
table.db th, table.db td{border-bottom: 1px solid yellowgreen;  padding: 3px; }

form input {
    font-size: 1em;
    border-radius: 8px; /* make oval corners */
}

input.button{color:#1ea1cc; font-weight: bold;  font-size:13pt;}
/*Contact page - for red asterisk*/
.asterisk{color:#ff0000; font-size:24px;}



/*background for secure code*/
span.logoBg
{background-image: url('images/seccode.png');
color:black;
/*disabled text selection */
font-size: 140%;
-moz-user-select: none; /* Firefox */
 -ms-user-select: none; /* Internet Explorer */
 -khtml-user-select: none; /* KHTML browsers (e.g. Konqueror) */
  -webkit-user-select: none; /* Chrome, Safari, and Opera */
  -webkit-touch-callout: none; /* Disable Android and iOS callouts*/
}

/* cleaning margin and padding from the tabs below */
.header, .hbg, .content, .menu_nav, .fbg, .footer, form, ol, ol li, ul, .content .mainbar, .content .sidebar { margin:0; padding:0;}
/* resizing the width of the tabs below */
.header_resize, .content_resize, .fbg_resize, .footer_resize { margin:0 auto; padding:0 40px; width:890px;}
.fbg, .footer { padding:6px 0;}

/* menu - header.php*/
/* general position */
.menu_nav { height:52px; float:right; width:auto; padding-top:37px;}
/* menu array */
.menu_nav ul { width:auto; list-style:none;}
/*menu elements / icons */
.menu_nav ul li { margin:0 1px; float:left;}
/*the icons that are a link*/
.menu_nav ul li a { display:block; margin:0; padding:22px 28px; color:#fff; text-decoration:none; font-weight:bold; font-size:16px;}
/*when we move the mouse on the icons and press */
.menu_nav ul li a:hover, .menu_nav ul li.active a { background:url(images/menu_light.jpg) no-repeat center center; color:#1ea1cc;}

/* content */
.content { padding-bottom:16px;}
.content_resize { padding:32px 40px;}
/* for main image*/
.content img {padding:4px; border:0px;}

.content img.ilf { margin-right:16px; float:left;}
.content .mainbar { float:right; width:630px;}
.content .mainbar .article, .content .sidebar .gadget { margin:0; padding:0 0 16px 0;}
.content .sidebar { float:right; width:236px;}

/*for sub menu*/
ul.sb_menu { margin:0; padding:0; list-style:none; /*without a bullet*/}
/*the spaces between the lines*/
ul.sb_menu li { padding:4px 0;}
/*image size*/
img.ad{height:64px; width:64px;}

/* subpages */
.content .mainbar .comment { margin:0; padding:16px 0 0 0;}
.content .mainbar .comment img.userpic { border:1px solid #dedede; margin:10px 16px 0 0; padding:0; float:left;}

/* fbg */
.fbg { background-color:#18687d; color:#fff;}
/*.fbg img { border:1px solid #fff;} border for the images*/
.fbg .col { margin:0; float:left;}
.fbg .c1 { padding:0 16px 0 0; width:286px;}
.fbg .c1 img, .fbg_resize .c3 img { margin:4px;}

.fbg .c2 { padding:0 12px; width:316px;}
.fbg .c3 { padding:0 0 0 16px; width:220px;}
.fbg .c3 img { margin:8px 16px 4px 0; padding:0; float:left;}

/* footer fixed mode - always display at the bottom of the page */
.footer {background-color:#194e5c; position: fixed; width: 100%;bottom: 0;}
.footer p.copyright { margin:0; padding:4px 0; float:left; width:auto; line-height:1.5em; }

/*footer menu */
/* general position */
ul.fmenu { margin:0; padding:7px 0; list-style:none; float:right; width:auto;}
ul.fmenu li { margin:0; padding:0 4px; float:left;}
/*when clicking on a like*/
ul.fmenu li a { text-decoration:none; padding:2px 6px;}
ul.fmenu li a:hover, ul.fmenu li.active a { color:#1ea1cc; background:none; }
ul.fmenu li a:hover { text-decoration:underline;}