* { margin: 0; padding: 0; } body { font: 16px Arial, Helvetica, sans-serif; color: #555555; background: #263034 url('images/bg.gif') repeat-y top; } h1, h2 { /*text-transform: lowercase;*/ font-family: "Roboto Condensed", Arial, Helvetica, sans-serif; font-weight: normal; } h1 { font-size: 2.15em; letter-spacing: -2px; } h2 { font-size: 1.5em; letter-spacing: -1px; color: #2C363C; } p { padding: .75em 0; line-height: 1.5em; } a { text-decoration: underline; color: #6F8D33; } a:hover { text-decoration: none; } img { margin-bottom: 1em; border: 1px solid #EAE9CB; } /* header */ #header, #menu, #main, #bar, #footer { width: 100%; min-width: 1250px; } #header2 { margin: 0 auto; width: 990px; height: 73px; padding: 5px 130px; background: #0B171E url('images/bg.gif') repeat-y; } #logo { float: left; } #header h1 { color: #E7E7E7; padding: 2px 0 0 0; } #header h1 a { text-decoration: none; color: #E7E7E7; } p#subtitle { position: relative; top: -0.1em; left: 0.7em; padding: 0; font: 1.15em "Roboto Condensed", Arial, Helvetica, sans-serif; letter-spacing: -1px; /*text-transform: lowercase;*/ color: #A9A9A9; } /* search */ #search { float: right; width: 235px; height: 38px; margin-top: 35px; padding-left: 15px; background: #E8F0D9 url('images/search.gif') no-repeat; border: none; } #search input.text { float: left; display: block; width: 192px; height: 20px; font-size: 16px; line-height: 20px; padding: 9px 0; color: #282925; background: none; border: none; } #search input.submit { float: right; display: block; width: 40px; height: 38px; background: url('images/submit.gif') no-repeat 10px 11px; border: none; cursor: pointer; } /* menu */ #menu { background: #9BBE54 url('images/menu.gif') repeat-x; } #menu2 { margin: 0 auto; width: 1040px; height: 44px; padding: 11px 80px 36px 130px; background: #8FB63F url('images/menu.jpg'); } #menu ul { list-style: none; } #menu ul li { display: block; float: left; padding-right: 50px; } #menu ul li a { font: 22px/40px "Roboto Condensed", Arial, Helvetica, sans-serif; /*text-transform: lowercase;*/ text-decoration: none; text-shadow: 0px -1px 0px #607725; color: #FFFFFF; } /* main */ #main { clear: both; background: #F4F2E1 url('images/main.gif') repeat-x bottom; } #main2 { margin: 0 auto; width: 1250px; background: #F8F7ED url('images/main2.gif') repeat-y; } #main3 { padding: 0 105px 50px 105px; background: url('images/main.jpg') no-repeat bottom; } /* content */ #content { float: left; width: 690px; padding: 40px 0 0 0; } #content .post { padding: 0 0 6em 0; } #content .entry { padding-top: 1.5em; } #content h2 a { color: #2C363C; text-decoration: none; } p.postmeta { color: #8C8C8C; } p.readmore1 { padding-right: 2em; text-align: right; } p.readmore1 a { display: block; float: right; width: 120px; height: 42px; text-align: center; line-height: 42px; text-decoration: none; color: #FFFFFF; background: #B4C298; border: 1px solid #9DA984; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } /* sidebar */ #sidebar { float: right; width: 320px; padding: 40px 0 0 0; } #sidebar h2, #bar h2 { font-size: 1.5em; } #sidebar .box { padding: 0.2em 0 3em 0; } #sidebar p { line-height: 2em; } #sidebar ul { list-style: none; margin-top: 0.5em; padding-bottom: 2em; border-top: 1px solid #EAE9CB; } #sidebar ul li { padding: .3em 0 .3em .3em; line-height: 1.5em; border-bottom: 1px solid #EAE9CB; } #sidebar ol { list-style: none; margin-top: 0.5em; padding-bottom: 2em; border-top: 1px solid #EAE9CB; } #sidebar ol li { padding: .3em 0 .3em .3em; line-height: 1.5em; color:orange; font-weight:bold; border-bottom: 1px solid #EAE9CB; } /* bar */ #bar { clear: both; background: #AEBD8F url('images/bar.gif') repeat-x bottom; } #bar2 { margin: 0 auto; width: 1250px; background: #B4C298 url('images/bar2.gif') repeat-y; } #bar3 { padding: 40px 0 70px 105px; background: url('images/bar.jpg') no-repeat bottom; } .col { float: left; width: 320px; padding-right: 40px; } .col h2 { text-shadow: 0px 1px 0px #EAE9CA; color: #000000; } .col ul { list-style: none; margin-top: 2.5em; padding-bottom: 3em; border-top: 1px solid #AEBD8F; } .col ul li { padding: .3em 0 .3em .3em; line-height: 2.5em; border-bottom: 1px solid #AEBD8F; } .col ul li a { color: #5B732A; } .clearing { clear: both; height: 1px; overflow: hidden; } /* footer */ #footer { clear: both; } #footer2 { margin: 0 auto; width: 1250px; padding: 50px 0 100px 0; background: #0B171E url('images/bg.gif') repeat-y top; } #footer p { text-align: center; } /** Banner */ #banner {  overflow: hidden;  padding: 50px 0px;  background: #E2E0DE;  border-bottom: 1px solid #D8D8D8; } /** Slider */ #slider {  overflow: hidden;  margin: 0 auto;  width: 1000px;  position: relative; } #slider .button {  display: inline-block;  background: #0074C6;  color: #ffffff;  text-align: center;  line-height: 50px;  height: 50px;  text-decoration: none;  outline: 0;  border-radius: 8px;  font-size: 1.25em;  border-bottom: solid 2px #0054A6;  text-shadow: 0 1px 1px #003A6C; } #slider .button:hover {  background: #2094E6; } #slider .viewer {  width: 722px;  height: 386px;  margin: 0 auto;  overflow: hidden; } #slider .viewer .reel {  display: none;  height: 386px; } #slider .viewer .reel .slide {  position: relative;  width: 722px;  height: 386px; } #slider .viewer .reel h2 {  position: absolute;  top: 230px;  left: 0;  padding: 0px 30px;  line-height: 35px;  background: #111111;  text-align: center;  opacity: 0.75;  font-weight: normal;  font-family: 'Archivo Narrow', sans-serif;  color: #ffffff;  font-size: 1.7em; } #slider .viewer .reel p {  position: absolute;  top: 310px;  left: 0;  padding: 5px 35px;  background: #0074C6;  text-align: center;  opacity: 0.75;  font-family: 'Archivo Narrow', sans-serif;  font-weight: normal;  color: #ffffff;  font-size: 1.15em;  line-height: 0.7em; } #slider .indicator {  margin: 30px auto 0 auto; } #slider .indicator ul {  list-style: none;  padding: 0;  margin: 0;  text-align: center; } #slider .indicator ul li {  display: inline-block;  width: 12px;  height: 12px;  text-indent: -9999em;  background: #c8c8c8;  margin: 0 2px 0 2px;  border-radius: 8px;  border-bottom: solid 1px #ffffff;  border-top: solid 1px #909090; } #slider .indicator ul li.active {  background: #505050;  border-top: solid 1px #505050; } #menu_container { height: 50px; background: #FFF; background: -moz-linear-gradient(#FFF, #CCC); background: -o-linear-gradient(#FFF, #CCC); background: -webkit-linear-gradient(#FFF, #CCC); -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px; -moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;} #menubar { width: 940px; height: 50px; text-align: center; margin: 0 auto; } ul#menu { margin:0;} ul#menu li { padding: 0 0 0 0px; list-style: none; margin: 2px 0 0 0; display: inline; background: transparent;} ul#menu li a { float: left; font: bold 120% Arial, Helvetica, sans-serif; height: 24px; margin: 10px 0 0 20px; text-shadow: 0px -1px 0px #000; padding: 6px 20px 0 20px; background: transparent; border-radius: 7px 7px 7px 7px; -moz-border-radius: 7px 7px 7px 7px; -webkit-border: 7px 7px 7px 7px; text-align: center; color: #000; text-shadow: 1px 1px #FFF; text-decoration: none;} ul#menu li.current a { background: #2A3542; background: -moz-linear-gradient(#585E68, #2A3542); background: -o-linear-gradient(#585E68, #2A3542); background: -webkit-linear-gradient(#585E68, #2A3542); color: #FFF; text-shadow: 1px 1px #000;} ul#menu li:hover a { background: #2A3542; background: -moz-linear-gradient(#585E68, #2A3542); background: -o-linear-gradient(#585E68, #2A3542); background: -webkit-linear-gradient(#585E68, #2A3542); color: #FFF; text-shadow: 1px 1px #000;} .content_item { width: 920px; padding: 20px 50px;} .content_container { width: 275px;  Height: 460px; padding: 10px; margin-top: 10px; margin-right: 10px; float: left; background: #fff; border: 1px soild #000; -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px; -moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px;} .content_container h2 {text-align: center; font:165% Arial,Helvetica,sans-serif; } .content_item h1 { font:175% Arial,Helvetica,sans-serif; } #content_grey { width: 940px; height: 160px; text-align: center; background: #2A3542; background: -moz-linear-gradient(#585E68, #2A3542); background: -o-linear-gradient(#585E68, #2A3542); background: -webkit-linear-gradient(#585E68, #2A3542); -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px; -moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px; border-radius: 15px 15px 15px 15px; -moz-border-radius: 15px 15px 15px 15px; -webkit-border: 15px 15px 15px 15px;} #content_grey p { color: #FFF;} #content_grey h4 { text-shadow: none; color:#FFFFFF; } .content_grey_container_box { width: 270px; padding: 5px; text-align: center; margin: 20px 10px 10px 10px; float: left;} .content_grey_container_boxl { width: 270px; padding: 5px; text-align: center; margin: 20px 0 10px 10px; float: left;} .readmore { font: bold 100% Arial, Helvetica, sans-serif; height: 15px; width: 90px; margin-left: 95px; padding: 5px 2px 7px 5px; background: #FFF; background: -moz-linear-gradient(#FFF, #CCC); background: -o-linear-gradient(#FFF, #CCC); background: -webkit-linear-gradient(#FFF, #CCC); border-radius: 15px 15px 15px 15px; -moz-border-radius: 15px 15px 15px 15px; -webkit-border: 15px 15px 15px 15px; -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px; -moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px; text-align:center;} .readmore a { color: #1D1D1D; text-decoration:none }

.note {
    background-color: #DBD8AB;
    font-weight: bold;
    text-align: center;
    border:1px solid green;
    width: 600px;
    margin-left: 150px;
    padding-top: 20px;
    padding-bottom: 20px;
}