:link,:visited,ins{text-decoration:none}h1,h2,h3,h4,h5,h6,pre,code,kbd{font-size:1em}dl,ul,ol,li,h1,h2,h3,h4,h5,h6,html,body,pre,p,blockquote,form,fieldset,input,label{margin:0;padding:0}abbr,img,object,a img,:link img,:visited img,a object,:link object,:visited object{border:0}address,abbr{font-style:normal}
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,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font:inherit;margin:0;padding:0;vertical-align:baseline}html{font-size:62.5%}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}nav ul,nav ol,ol,ul{list-style:none}
html {font-family:"Segoe UI", Tahoma, Geneva, Verdana, sans-serif; font-size:100%; }


.bg-darkblue{background-color:#fff;}
.bg-gray {background-color:#ededed; }
.bg-gray2 {background-color:#ddd; }
.bg-gray3 {background-color:#ccc; }

.bar1 {height:50px; padding:15px;}
.bar2 {height:20px; padding:5px;}

.wrap {width:1150px; margin:0 auto;}

#colorbar{height:10px;}
#colorbar span#cb-p4 {height:100%; width:5%; background-color:cyan; display:block; float:left;}
#colorbar span#cb-p2 {height:100%; width:5%; background-color:magenta; display:block;float:left;}
#colorbar span#cb-p3 {height:100%; width:5%; background-color:#00004A; display:block;float:left;}
#colorbar span#cb-p1 {height:100%; width:80%; background-color:#fff; display:block; float:left;}
#colorbar span#cb-p5 {height:100%; width:5%; background-color:#fff; display:block; float:left;}

#logobar {clear:both; }

#menu {  background-color:#00004A; }
#menu ul li { display:inline-block; height:50px; width:auto; vertical-align:central;  line-height:50px; padding:0 10px;}
#menu ul li a {color:#fff; text-shadow: 0px 2px 2px rgba(150, 150, 150, 1);}
#menu ul li:hover { background-color:#00004A; border-bottom:1px #fff dashed;}
#menu ul li:hover a{ color:#fff;  }

#submenu ul li { display:inline-block; height:20px; width:auto; vertical-align:central;  line-height:18px; padding:0 10px;}
#submenu ul li a {color:#00004A; text-shadow: 0px 2px 2px rgba(150, 150, 150, 1);}
#submenu ul li:hover {border-bottom:2px #000 solid;}
#submenu ul li:hover a{ color:#000;  }
#banner {height:500px; width:100%; }
.section {padding:50px 15px; height:auto; overflow:hidden; }
#about img { border-radius:00px 20px 0px 90px; float:left; width:180px; height:180px; margin-right:20px;  border:5px #fff solid;box-shadow: -15px 15px 2px rgba(150, 150, 150, 0.3);}
#about p {line-height:26px; font-size:18px; color:#000;  text-align:justify; text-shadow: 0px 2px 1px rgba(150, 150, 150, 0.6);}
#about h1 { margin-bottom:20px; font-size:62px;  border-bottom:1px #999 dashed; padding-bottom:20px; color:#000; font-weight:lighter; text-shadow: 0px 2px 1px rgba(150, 150, 150, 0.6); }


.three-items li h1 {font-size:42px; margin-bottom:10px; text-shadow: 0px 2px 2px rgba(150, 150, 150, 1); }
.three-items li  { float:left; height:400px; width:330px; margin:0 25px; margin-bottom:50px; }
.three-items li img {width:330px; height:250px;border-radius:10px 20px 10px 20px; box-shadow: -15px 15px 2px rgba(150, 150, 150, 0.3);  border:5px #fff solid; margin-bottom:30px;}
.three-items li p {width:330px; padding:3px;  text-align:justify;}


.three-items2 li h1 {font-size:42px; margin-bottom:4px;  color:#555; }
.three-items2 li  { float:left; height:500px; width:330px; margin:0 25px; margin-bottom:100px; }
.three-items2 li img {width:330px; height:380px;border-radius:10px 20px 10px 20px; margin-bottom:20px; box-shadow: -15px 15px 2px rgba(150, 150, 150, 0.3);border:5px #fff solid; }
.three-items2 li p {width:330px; padding:3px;  text-align:justify;}


.three-items3 li h1 {font-size:22px; margin-bottom:4px;  color:#555;  text-align:right}
.three-items3 li  { float:left; height:300px; width:230px; margin:0 25px; margin-bottom:60px; }
.three-items3 li img {width:230px; height:280px;border-radius:0px 20px 0px 20px; margin-bottom:20px; box-shadow: -15px 15px 2px rgba(150, 150, 150, 0.3);border:5px #fff solid; }
.three-items3 li p {width:330px; padding:3px;  text-align:justify;}
.three-items-cat li ul li{ float:left; width:230px; height 300px; border:10px #ddd solid; margin-right:10px; margin-bottom:10px;}
.three-items-cat li h2{font-size:92px; margin-bottom:10px; font-weight:bolder; color:#555; padding-left:10px; height:86px; border-bottom:5px #888 dashed; padding-bottom:10px;}
.three-items-cat li ul li.cat-item {background:url('../../uploads/2016/02/small-cover.jpg');background-size:cover; display:block; height:280px; width:230px;}
.three-items-cat li ul li.cat-item a {display:block;font-size:42px; margin-top:200px; position:absolute; margin-left:30px;}

.title {padding:40px 15px 15px 15px; vertical-align:central; height:70px; line-height:50px; margin-top:40px; }
.title h1 {font-size:36px; margin-bottom:10px; font-weight:bolder; color:#555; padding-left:10px; height:66px; border-bottom:5px #888 dashed; padding-bottom:10px;}

.single h2 {font-size:28px; margin:10px 0; font-weight:bold;}
.single {line-height:24px;}


.cat-entry-li { width:100%; clear:both; padding:15px; border:5px #ddd solid; border-bottom:5px #ddd dashed;}
.cat-entry-li h1 a{ font-size:36px; color:#333; }
.cat-entry-li img { width:180px; height:180px; float:left; margin-right:20px;border:5px #ddd solid;  margin-bottom:30px;box-shadow: -10px 10px 2px rgba(150, 150, 150, 0.3);  }

#footer {color:#fff; font-size:12px; letter-spacing:2px; }

.alignleft {float:left!important; display:inline-block; margin-right:20px;}