/* Reset
----------- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6,
p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em,
img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figure, figcaption, hgroup,
menu, footer, header, nav, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
}
article, aside, canvas, figure, figure img, figcaption, hgroup,
footer, header, nav, section, audio, video {
display: block;
}
a img {border: 0;}
/* Selection colours (easy to forget) */
::selection {background: rgb(255,255,158);}
::-moz-selection {background: rgb(255,255,158);}
img::selection {background: transparent;}
img::-moz-selection {background: transparent;}
/* ----------Common-------------- */
body {
background-image:url('../images/Image/');
background-repeat:no-repeat;
background-position:left top;
background-color:#ffffff;
font-family: Arial,sans-serif;
color:#434343;
}
h1,h2,h3,h4,h5,h6{
font-family: Arial,sans-serif;
color:#0054a4;
}
h1{
font-size:1.5em;
border-bottom:solid thin #e0e0e0;
padding-bottom:5px;
margin-bottom:5px;
}
h2{
font-size:1.3em;
}
h3{
font-size:.9em;
margin-top:8px;
}
h4{
font-size:.9m;
}
p{
font-size: 0.8em;
line-height: 1.8;
margin: 10px 0px 10px 0px;
}
a:link{
color:#000000;
text-decoration:underline;
outline:none;
}
a:visited{
color:#000000;
text-decoration:underline;
outline:none;
padding:0px;
margin:0px;
}
a:active{
color:#000;
text-decoration:none;
outline:none;
}
a:hover{
color:#000;
text-decoration:none;
outline:none;
}
img{
max-width:100%;
}
/* ----------H MENU-------------- */
.menu_toggle{display:none;}
.menuLive{ display: block; }
nav{
width:950px;
float:left;
clear:both;
display:block;
z-index:1;
background-color:#003e7e;
padding-bottom:5px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
margin-bottom:25px;
background-image: url(../images/nav-shadow.png);
background-repeat:repeat-x;
font-size:1em;
}
html>body #menuholder{margin-left:20px}
#dropDown, #dropDown a:link, #dropDown li a:link, #dropDown li a:visited{
color: #ffffff;text-decoration:none;
}
#dropDown {
/*position: absolute;
top: 10px;
left: 10px;
width: 75em;*/
z-index: 1;
font-size: .8em
}
#dropDown a:visited{
height:inherit;
width:inherit;
padding:inherit;
margin:inherit;
}
#dropDown li a.subMenu {
background-repeat: no-repeat;
background-image: url(../images/drop.png);
background-position: bottom right;
background-position: 100% 50%;
padding-right:25px;
}
#dropDown li a.subMenu:visited {
background-repeat: no-repeat;
background-image: url(../images/drop.png);
background-position: bottom right;
background-position: 100% 50%;
padding-right:25px;
}
#dropDown ul li a.subMenu {
background-repeat: no-repeat;
background-image: url(../images/right.png);
background-position: 100% 50%;
}
#dropDown ul li a.subMenu:visited {
background-repeat: no-repeat;
background-image: url(../images/right.png);
background-position: 100% 50%;
}
#dropDown li ul {
position: absolute;
top: 2.0em;
left: 0px;
width: auto;
min-width:150px;
}
#dropDown li ul ul {
position: absolute;
left: 10em;
top: 0px;
width: auto;
min-width:150px;
}
#dropDown {
/*position: absolute;*/
z-index: 1;
padding: 0;
margin: 0;
list-style: none;
white-space: nowrap;
}
#dropDown ul {
position: relative;
z-index: 2;
display: none;
padding: 0;
margin: 0;
list-style: none;
}
#dropDown ul.click {
display: block;
background-color:#003e7e;
}
#dropDown ul.click li {
background-color: #003e7e;
}
#dropDown li a.click {
color: #ffffff;
}
#dropDown ul li a.click {
color:#ffffff;
width:5em;
}
#dropDown li {
float: left;
margin-top: 7px;
padding:4px 15px 4px 20px;
position: relative;
text-align: center;
}
ul#dropDown > li {
background-image:url(../images/nav_sep.png);
background-repeat: no-repeat;
background-position: 100% 50%;
}
#dropDown li:last-child {
background-image:none;
}
#dropDown ul li a:hover {
color:#ccc;
}
#dropDown li a:hover {
color:#ccc;
}
#dropDown li a {
position: relative;
z-index: 1;
display: block;
padding: 2px;
margin: 0;
text-decoration: none;
color: #ffffff;
}
#dropDown li a:visited{
font:inherit;
}
#dropDown li a:visited {
position: relative;
z-index: 1;
display: block;
padding: 2px;
margin: 0;
text-decoration: none;
color: #ffffff;
}
#dropDown li li {
position:static;
margin:0px;
text-align:left;
clear:both;
}
/* Sitemap */
#linkedlist{
min-height:400px;
font-size:14px;
list-style: none;
}
ul#linkedlist ul {
list-style: none;
}
#linkedlist li{
padding-left: 14px
}
/* search form */
.search{
float:right;
clear:both;
width:195px;
height:auto;
}
.search input[type="text"] {
width:160px;
height:35px;
background-image:url(../images/bg_search.gif);
background-repeat: no-repeat;
background-position: left center;
border:none;
padding-left:6px;
padding-top:5px;
padding-bottom:10px;
vertical-align:middle;
line-height:1.9em;
outline:none;
float:left;
color:#666666;
}
.search input[type="image"] {
margin-left:-8px;
padding-top:8px;
border:none;
outline:none;
}
/* Blog */
a.more:link {
background-attachment: scroll;
background-clip: border-box;
background-color: #003e7e;
background-image: none;
background-origin: padding-box;
background-position: 0 0;
background-repeat: repeat;
background-size: auto auto;
color: #ffffff !important;
text-shadow: 0 1px 0 #000000;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
font-size: 10px;
font-weight: bold;
padding-bottom: 4px;
padding-left: 8px;
padding-right: 8px;
padding-top: 4px;
text-transform: uppercase;
width:auto;
height:auto;
float:none;
}
a.more:visited{
background-attachment: scroll;
background-clip: border-box;
background-color: #003e7e;
background-image: none;
background-origin: padding-box;
background-position: 0 0;
background-repeat: repeat;
background-size: auto auto;
color: #ffffff !important;
text-shadow: 0 1px 0 #000000;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
font-size: 10px;
font-weight: bold;
padding-bottom: 4px;
padding-left: 8px;
padding-right: 8px;
padding-top: 4px;
text-transform: uppercase;
width:auto;
height:auto;
float:none;
}
.date{
color:#A8A7A7;
font-size:.7em;
float:left;
display:block;
margin-right:5px;
}
.category{
color:#A8A7A7;
font-size:.7em;
display:block;
}
.category a:visited{
font:inherit;
height:inherit;
width:inherit;
margin:inherit;
padding:inherit;
display:block;
}
/* Google Translate */
.googleTranslate{
float:left;
margin:5px 0px 10px 0px;
width:180px;
}
a.goog-te-menu-value:link{
text-decoration: none;
}
.goog-te-gadget-simple{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
/* Misc */
.clear{
clear:both;
}
.highlight{
background-color:#FEFE9C;
}
/* Browser List */
#browser_list_wrapper{
display: none;
}
#inline_list{
width:650px;
height:275px;
}
#inline_list h1{
font-size:18px;
}
#inline_list ul{
width:600px;
margin:15px auto;
text-align:center;
}
#inline_list li{
display:inline-block;
float:left;
margin:0 10px;
}
/* Less Framework 4
http://lessframework.com
by Joni Korpi
License: http://creativecommons.org/licenses/MIT/ */
/* Default Layout: 992px.
Gutters: 24px.
Outer margins: 48px.
Leftover space for scrollbars @1024px: 32px.
-------------------------------------------------------------------------------
cols 1 2 3 4 5 6 7 8 9 10
px 68 160 252 344 436 528 620 712 804 896 */
#top_section{
width:100%;
height:410px;
border-top:solid 5px #252525;
background-color:transparent;
position:absolute;
}
header{
width: 992px;
height:100px;
margin-right:auto;
margin-left:auto;
background-image:url(../images/header_glow.png);
background-repeat: no-repeat;
background-position: left top;
}
header .logo{
margin-top: 15px;
margin-top:-10px\9;/* IE 8 */
float: left;
}
header .logo img{
max-width: 100%;
}
header .logo a:active{
position: relative;
top: 5px;
}
header .title a:link,a:visited{
font-family: Arial,sans-serif;
font-size:2.5em;
color:#fff;
width: 550px;
height: 85px;
margin-top: 30px;
float: left;
text-decoration:none;
}
header .title a:active{
position: relative;
top: 5px;
}
#top_panel{
background: #fff;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#ffffff');
background: -webkit-gradient(linear, left top, left bottom, from(#e9e9e9), to(rgba(255, 255, 255, 255)));
background: -moz-linear-gradient(top, #e9e9e9, rgba(255, 255, 255, 255));
height: 150px;
display: none;
margin-bottom:-8px;
padding-top:15px;
}
#top_panel .content{
width:992px;
margin-left:auto;
margin-right:auto;
float:none;
}
#top_panel .login_wrapper{
width:400px;
float:right;
}
#top_panel label {
color:#252525;
clear:both;
float:left;
width:400px;
margin-bottom:5px;
}
#top_panel input[type="text"],input[type="password"]{
float:left;
margin-right:4px;
background-color:#ededed;
border:solid 1px #d5d5d5;
padding:3px 0px;
color:#252525;
}
.login{
width:auto;
height:36px;
float:right;
background-color: #252525;
-moz-border-radius: 0px 0px 5px 5px;
-webkit-border-radius: 0px 0px 5px 5px;
-khtml-border-radius: 0px 0px 5px 5px;
border-radius: 0px 0px 5px 5px;
}
.login ul{
padding:10px;
}
.login li{
display:block;
float:left;
color:#fff;
font-size:.7em;
padding:0px 12px;
}
.login li#last-child {
border-left:dotted 1px #ffffff;
background-repeat: no-repeat;
background-position: left center;
}
.login a:link,.login a:visited{
color:#fff;
text-decoration:none;
}
.login a:hover,.login a:active{
color:#fff;
text-decoration:underline;
}
#wrapper {
margin-right:auto;
margin-left:auto;
width: 952px;
min-height:600px;
background-color:#ffffff;
padding: 20px;
border-radius: 15px 15px 0px 0px;
-moz-border-radius: 15px 15px 0px 0px;
position:relative;
top:120px;
}
.content{
float:left;
margin:0px 15px;
width:70%;
min-height:300px;
}
.content a:link{
color:#000000;
text-decoration:underline;
outline:none;
font-size:.9em;
width:auto;
height:auto;
margin:0px;
float:none;
top:0px;
font-family: Arial,sans-serif;
}
.content a:visited{
color:#000000;
text-decoration:underline;
outline:none;
font-size:.8em;
width:auto;
height:auto;
margin:0px;
float:none;
top:0px;
font-family: Arial,sans-serif;
}
.content a:active{
color:#000;
text-decoration:none;
outline:none;
}
.content a:hover{
color:#000;
text-decoration:none;
outline:none;
}
aside{
width:20%;
}
aside ul li{
list-style:none;
clear:both;
}
aside a:link{
color:#000000;
text-decoration:underline;
outline:none;
font-size:inherit;
width:auto;
height:auto;
margin:0px;
float:none;
top:0px;
font-family: Arial,sans-serif;
}
aside a:visited{
color:#000000;
text-decoration:underline;
outline:none;
font-size:inherit;
width:auto;
height:auto;
margin:0px;
float:none;
top:0px;
font-family: Arial,sans-serif;
}
aside a:active{
color:#000;
text-decoration:none;
outline:none;
}
aside a:hover{
color:#000;
text-decoration:none;
outline:none;
}
aside p{
border-bottom:dotted thin #cccccc;
padding-top:5px;
padding-bottom:5px;
margin-top:5px;
}
aside.left{
float:left;
height:auto;
font-size:.9em;
line-height: 1.8;
margin-right:10px;
}
aside.left a:hover{
color:#000;
text-decoration:none;
outline:none;
}
aside.right{
float:right;
height:auto;
font-size:.9em;
line-height: 1.8;
}
aside.right ul li{
list-style:none;
clear:both;
}
#slider {
float:right;
width:310px;
height:210px;
border:solid thin #dedede;
margin-top: 15px;
margin-right: 0px;
margin-bottom: 15px;
margin-left: 15px;
}
#slider img{
margin:5px;
}
footer{
width:100%;
height:100px;
clear:both;
background-color:#ededed;
border-top:solid thin #d5d5d5;
position:relative;
top:120px;
}
footer a:link{
color:#000000;
text-decoration:underline;
outline:none;
}
footer a:visited{
color:#000000;
text-decoration:underline;
outline:none;
}
footer a:active{
color:#000;
text-decoration:none;
outline:none;
}
footer p{
color:434343#;
font-size:.7em;
}
footer #content{
width:996px;
height:80px;
margin:20px auto 0px auto;
}
footer #copyright{
width:400px;
float:left;
}
footer #logos{
width:400px;
float:right;
text-align:right;
}
/* Tablet Layout: 768px.
Gutters: 24px.
Outer margins: 28px.
Inherits styles from: Default Layout.
-----------------------------------------------------------------
cols 1 2 3 4 5 6 7 8
px 68 160 252 344 436 528 620 712 */
@media only screen and (min-width: 768px) and (max-width: 991px) {
h1{
font-size:1.5em;
}
h2{
font-size:1.3em;
}
header{
width: 742px;
height:100px;
margin-right:auto;
margin-left:auto;
}
header .logo{
margin-top: 20px;
float: left;
}
header .logo img{
max-width: 80%;
}
header .title{
font-family: Arial,sans-serif;
font-size:2.5em;
color:#fff;
width: 500px;
height: 85px;
margin-top: 15px;
float: left;
}
header .title a:link,a:visited{
font-family: Arial,sans-serif;
font-size:1.0em;
color:#fff;
width: 550px;
height: 85px;
margin-top: 15px;
float: left;
text-decoration:none;
}
header #login{
width:265px;
height:36px;
float:right;
background-image: url(../images/login.jpg);
background-repeat: no-repeat;
background-position: left top;
}
#top_panel{
background: #fff;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#ffffff');
background: -webkit-gradient(linear, left top, left bottom, from(#e9e9e9), to(rgba(255, 255, 255, 255)));
background: -moz-linear-gradient(top, #e9e9e9, rgba(255, 255, 255, 255));
height: 160px;
display: none;
margin-bottom:-8px;
padding-top:15px;
}
#top_panel .content{
width:742px;
margin-left:auto;
margin-right:auto;
}
#top_panel .login_wrapper{
width:370px;
float:right;
}
#wrapper {
width: 712px;
padding:15px;
}
aside.left{
margin: 5px 0px;
float:left;
width:100%;
}
aside.right{
margin: 5px 0px;
float:right;
width:100%;
}
nav,#dropDown{
display:none;
}
.menu_toggle{display: block;}
.menuLive{ display:none; }
a.menu_button:link,a.menu_button:visited {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
background: #333;
border: 1px solid #000;
background: -moz-linear-gradient(top, #616161, #141414);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#616161), to(#141414));
padding:10px 20px;
color:#fff;
margin:10px 0px 0px 10px;
float:left;
}
a.menu_button:hover,a.menu_button:active {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
background: #333;
border: 1px solid #000;
background: -moz-linear-gradient(top, #616161, #141414);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#616161), to(#141414));
padding:10px 20px;
color:#fff;
}
/* search form */
.search{
float:left;
clear:both;
width:195px;
height:auto;
}
.content{
margin:10px 0px;
width:100% !IMPORTANT;
}
footer #content{
width:742px;
height:80px;
margin:20px auto 0px auto;
}
}
/* Mobile Layout: 320px.
Gutters: 24px.
Outer margins: 34px.
Inherits styles from: Default Layout.
---------------------------------------------
cols 1 2 3
px 68 160 252 */
@media only screen and (max-width: 767px) {
h1{
font-size:1.1em;
}
h2{
font-size:1em;
}
header{
width: 282px;
height:100px;
margin-right:auto;
margin-left:auto;
}
header .logo{
float: left;
margin-top:15px;
}
header .logo img{
max-width: 60%;
}
header .title a:link,a:visited{
font-family: Arial,sans-serif;
font-size:2.0em;
color:#fff;
width: 550px;
height: 85px;
margin-top: 15px;
float: left;
text-decoration:none;
}
header #login{
width:265px;
height:36px;
float:left;
background-image: url(../images/login.jpg);
background-repeat: no-repeat;
background-position: left top;
}
#top_panel{
background: #fff;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#ffffff');
background: -webkit-gradient(linear, left top, left bottom, from(#e9e9e9), to(rgba(255, 255, 255, 255)));
background: -moz-linear-gradient(top, #e9e9e9, rgba(255, 255, 255, 255));
height: 350px;
display: none;
margin-bottom:-8px;
padding-top:15px;
}
#top_panel .content{
width:282px;
margin-left:auto;
margin-right:auto;
}
#top_panel .login_wrapper{
width:282px;
float:right;
clear:both;
margin-bottom:25px;
}
#top_panel label {
color:#252525;
clear:both;
float:left;
width:400px;
margin-bottom:5px;
}
#top_panel input{
float:left;
margin-right:4px;
margin-bottom:5px;
}
#wrapper {
width: 252px;
padding:15px;
}
aside{
width:100%;
margin-bottom:20px;
}
aside.left{
float:left;
min-height:auto;
margin:0px
}
aside.right{
float:left;
min-height:auto;
margin:0px
}
#slider {
display:none;
}
.content[style] {
float: left;
margin-bottom: 5px;
margin-left: 0;
margin-right: 0;
margin-top: 5px;
width: 100% !important;
text-align:justify;
}
nav,#dropDown{
display:none;
}
.menu_toggle{display: block;}
.menuLive{ display:none; }
a.menu_button:link,a.menu_button:visited {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
background: #333;
border: 1px solid #000;
background: -moz-linear-gradient(top, #616161, #141414);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#616161), to(#141414));
padding:10px 20px;
color:#fff;
margin:10px 0px 0px 10px;
float:left;
}
a.menu_button:hover,a.menu_button:active {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
background: #333;
border: 1px solid #000;
background: -moz-linear-gradient(top, #616161, #141414);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#616161), to(#141414));
padding:10px 20px;
color:#fff;
}
/* search form */
.search{
float:left;
clear:both;
width:195px;
height:auto;
}
}
/* Wide Mobile Layout: 480px.
Gutters: 24px.
Outer margins: 22px.
Inherits styles from: Default Layout, Mobile Layout.
------------------------------------------------------------
cols 1 2 3 4 5
px 68 160 252 344 436 */
@media only screen and (min-width: 480px) and (max-width: 767px) {
h1{
font-size:1.4em;
}
h2{
font-size:1.2em;
}
p{
text-align:justify;
}
header{
width: 466px;
height:100px;
margin-right:auto;
margin-left:auto;
}
header .logo{
float: left;
margin-top:20px;
}
header .logo img{
max-width: 75%;
}
header .title a:link,a:visited{
font-family: Arial,sans-serif;
font-size:2.5em;
color:#fff;
width: 550px;
height: 85px;
margin-top: 15px;
float: left;
text-decoration:none;
}
header #login{
width:265px;
height:36px;
float:left;
background-image: url(../images/login.jpg);
background-repeat: no-repeat;
background-position: left top;
}
#top_panel{
background: #fff;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#ffffff');
background: -webkit-gradient(linear, left top, left bottom, from(#e9e9e9), to(rgba(255, 255, 255, 255)));
background: -moz-linear-gradient(top, #e9e9e9, rgba(255, 255, 255, 255));
height: 350px;
display: none;
margin-bottom:-8px;
padding-top:15px;
}
#top_panel .content{
width:446px;
margin-left:auto;
margin-right:auto;
}
#top_panel .login_wrapper{
width:400px;
float:right;
clear:both;
margin-bottom:25px;
}
#top_panel label {
color:#252525;
clear:both;
float:left;
width:400px;
margin-bottom:5px;
}
#top_panel input{
float:left;
margin-right:4px;
}
#wrapper {
width: 436px;
padding:15px;
}
nav,#dropDown{
display:none;
}
.menu_toggle{display: block;}
.menuLive{ display:none; }
a.menu_button:link,a.menu_button:visited {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
background: #333;
border: 1px solid #000;
background: -moz-linear-gradient(top, #616161, #141414);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#616161), to(#141414));
padding:10px 20px;
color:#fff;
margin:10px 0px 0px 10px;
}
a.menu_button:hover,a.menu_button:active {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
background: #333;
border: 1px solid #000;
background: -moz-linear-gradient(top, #616161, #141414);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#616161), to(#141414));
padding:10px 20px;
color:#fff;
}
aside{
width:auto;
margin-bottom:20px;
}
aside.left{
float:left;
height:auto;
margin:0px
}
aside.right{
float:left;
height:auto;
margin:0px
}
#slider {
display:none;
}
/* search form */
.search{
float:left;
clear:both;
width:195px;
height:auto;
}
.content[style] {
float: left;
margin-bottom: 5px;
margin-left: 0;
margin-right: 0;
margin-top: 5px;
width: 100% !important;
text-align:justify;
}
footer #content{
width:436px;
height:80px;
margin:20px auto 0px auto;
}
}