@import url(//fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,400,600,700,800);

body {font-family: 'Open Sans', sans-serif;background: #012c3c url(images/container_bg.jpg) repeat-x fixed top center;}
#login-page {background-repeat:repeat;}

p, h1,h2,h3,h4,h5,h6,span,font,li,a {font-family: 'Open Sans', sans-serif}
h1, h2,h3 {color:#0095cc;}
p,h4,h5,h6,span,font,li {color: 222;}
p {font-size: 15px;}
h1 {font-size:32px;}
h2 {font-size: 24px;margin: 0 0 20px;}
table {border-collaps:collapse;}

#topRow {position: absolute; top:0; right:0;}
.top_nav {transition: .3s all ease-in;float:left; padding: 6px 12px;margin-right: 12px;background: rgba(33,80,120,.9);}
.top_nav:hover {padding: 12px;}
.top_nav a {color: #fff; text-decoration: none;font-size:13px;font-weight: 600;}
.top_nav a:hover {}
.top_nav a:after {content:" "; background: url(images/topNavArrow.png) center no-repeat;padding-left: 15px;margin-left: 10px;}
.top_nav a:hover:after {filter: opacity(50%);}
#header {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/rgba(80,167,221,.3)+0,2a5b75+100 */
background: rgba(80,167,221,.3); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(80,167,221,.3) 0%, rgba(32,81,107,.5) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(80,167,221,.3) 0%,rgba(32,81,107,.5) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(80,167,221,.3) 0%,rgba(32,81,107,.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(80,167,221,.3)', endColorstr='rgba(32,81,107,.5)',GradientType=0 ); /* IE6-9 */
}
/* Main Menu */
div#listmenu li {transition: .3s all ease-in;background: transparent;}
div#listmenu li:hover {background: rgba(33,80,120,.9)}
div#listmenu a {font-size: 16px;margin:10px;padding: 0 20px 0 0;border-right: 1px solid #fff;}
div#listmenu li:last-child a {border-right:0;}

/* the drop-down starts here */
div#listmenu ul li ul {width: 200px;}
div#listmenu ul li ul li {background:rgba(255,255,255,.8);padding:2px 8px;width:204px;border-left:0; border:0;}
div#listmenu ul li ul li a {padding:1px;color:#000;font-weight:normal;font-size:14px;margin:0;}
div#listmenu ul li ul li:hover {background:rgba(255,255,255,.9);border-bottom:0;}
div#listmenu ul li ul li:hover a {color:#333;}
div#listmenu ul li ul li:first-child {border-top:0px #cc4400 solid;text-align:left;}

body div#listmenu ul li ul li ul {top:0;}
html > body div#listmenu ul li ul li ul {left: 220px;}

/*home*/
#homeTop1 {border-left: 2px solid #ccc;padding: 0 20px;width: 600px;}
.hilght {color: rgb(0, 149, 204);text-decoration: underline;}
.homeTop2 {width: 287px;border: 2px solid #ccc;height: 280px;}
.homeTop2 p {padding: 12px 20px;font-weight: 600;font-size: 16px;}
.homeBTTN {transition: .3s all ease-in; padding: 6px 20px;margin-left: 20px;background: rgba(33,80,120,.9);color: #fff !important; text-decoration: none;font-weight: 600;font-size: 15px;}
.homeBTTN:hover {background: #1ab3c1;}
#boxes {width:888px; height:230px; margin:0 auto;}
.box {width: 210px;height: 210px;float: left;margin: 0 6px;border-radius: 50%;font-weight: bold;color: #fff;text-align: center;}
.box:hover {filter:grayscale(80%);}
.box h3 {color: #fff;font-size: 24px; line-height:24px;font-weight:800;margin: 12px 0;}
.box p {font-size: 14px;line-height:18px;}
.box1 {background: #0095cc;}
.box1 h3, .box2 h3, .box3 h3 {padding-top: 32px;}
.box2 {background: #13acb9;}
.box3 {background: #75a85c;}
.box4 {background: #00749f;}
.box4 h3 {padding-top: 78px;}