body { background:white; color:#333; font:13px / 1.5 "Helvetica Neue", Arial, "Liberation Sans", FreeSans, sans-serif; height: 100%; } h1 { font-size:23px; } h2 { font-size:21px; } h3 { font-size:19px; } h4 { font-size:17px; } h5 { font-size:15px; } h6 { font-size:13px; } .align-center { text-align:center; } .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .example_box { display: inline; padding: 2px; background: #D3D3D3; border: 1px solid #000; } .indent { margin-left: 50px; } strong { font-weight: bold; } hr { border:0 #cccccc solid; border-top-width:1px; clear:both; height:0; } a { color:#0066cc; } a:hover { color:#cc9966; } ul { list-style:disc; } li { margin-left:30px; } h1, h2, h3, h4, h5, h6 { position:relative; } em { font-style: italic; } #wrapper { min-height:100%; padding-left: 10px; padding-right: 10px; } .large_article_container { position: relative; font-family: Arial; font-size: 1.1em; clear: left; padding: 0; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; padding-right: 10px; border-bottom: 1px solid #CCC; } .large_article_container img{ max-width: 100%; height:auto; } .large_article_container p{ margin-top: 0em; margin-bottom: 1em; } .large_article_container h2{ margin-top: 0em; margin-bottom: 0em; } .footer { background:#8E9B8C; font-size:13px; margin-top:-20px; line-height:30px; text-align:center; color: #FFFFFF; } .footer a { text-decoration:none; color: #FFFFFF; } .button_small{ border:1px solid #a4c09f; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:14px;font-family:arial, helvetica, sans-serif; padding: 10px 10px 10px 10px; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF; background-color: #C4D6C1; background-image: -webkit-gradient(linear, left top, left bottom, from(#C4D6C1), to(#444A43)); background-image: -webkit-linear-gradient(top, #C4D6C1, #444A43); background-image: -moz-linear-gradient(top, #C4D6C1, #444A43); background-image: -ms-linear-gradient(top, #C4D6C1, #444A43); background-image: -o-linear-gradient(top, #C4D6C1, #444A43); background-image: linear-gradient(to bottom, #C4D6C1, #444A43);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#C4D6C1, endColorstr=#444A43); } .button_small:hover{ border:1px solid #8aad84; background-color: #a7c2a2; background-image: -webkit-gradient(linear, left top, left bottom, from(#a7c2a2), to(#2b2f2b)); background-image: -webkit-linear-gradient(top, #a7c2a2, #2b2f2b); background-image: -moz-linear-gradient(top, #a7c2a2, #2b2f2b); background-image: -ms-linear-gradient(top, #a7c2a2, #2b2f2b); background-image: -o-linear-gradient(top, #a7c2a2, #2b2f2b); background-image: linear-gradient(to bottom, #a7c2a2, #2b2f2b);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#a7c2a2, endColorstr=#2b2f2b); } .video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } nav[role="navigation"] ul { background-color:#7f7f7f; *zoom:1; filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#c4d6c1', endColorstr='#FF444a43'); background-size:100%; background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #c4d6c1), color-stop(100%, #444a43)); background-image:-webkit-linear-gradient(#c4d6c1, #444a43); background-image:-moz-linear-gradient(#c4d6c1, #444a43); background-image:-o-linear-gradient(#c4d6c1, #444a43); background-image:linear-gradient(#c4d6c1, #444a43); -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; border-radius:4px; font-size:16px; font-weight:bold; line-height:45px; overflow:hidden; text-shadow:rgba(0, 0, 0, 0.5) 0 -1px 0; } nav[role="navigation"] li { border-top:1px solid white; list-style:none; margin:0; text-align:center; } nav[role="navigation"] li:first-child { border:0; } nav[role="navigation"] li a { color:white; display:block; padding:0 20px; text-decoration:none; } nav[role="navigation"] li a:hover { text-decoration:underline; } nav[role="navigation"] .on>a { background:#444a43; } nav[role="navigation"] li:first-child a { -moz-border-radius-topleft:4px; -webkit-border-top-left-radius:4px; border-top-left-radius:4px; -moz-border-radius-topright:4px; -webkit-border-top-right-radius:4px; border-top-right-radius:4px; } nav[role="navigation"] li:last-child a { -moz-border-radius-bottomleft:4px; -webkit-border-bottom-left-radius:4px; border-bottom-left-radius:4px; -moz-border-radius-bottomright:4px; -webkit-border-bottom-right-radius:4px; border-bottom-right-radius:4px; } .articleQuickListContainer { width:335px; outline: #EEE solid medium; display:inline-block; margin: 5px; } .articleQuickList { * {margin: 0; padding: 0;} } div.articleQuickList { margin: 0px; text-align: left; } div.articleQuickList h4 { font: bold 16px/1 Helvetica, Arial, sans-serif; } div.articleQuickList ul { list-style-type: none; } div.articleQuickList ul img { float: left; margin: 0 5px 0 0; } div.articleQuickList ul p { font: 200 12px/1 Georgia, Times New Roman, serif; } div.articleQuickList ul li { height: 66px; width: 325px; padding: 5px; margin: 0; overflow: auto; } div.articleQuickList ul li:hover { background: #eee; cursor: pointer; } div.articleQuickList ul li a { height: 100%; width: 100%; display: block; text-decoration:none; } div.articleQuickList ul li a:link { color: #000000; } div.articleQuickList ul li a:active { color: #000000; } div.articleQuickList ul li a:visited { color: #000000; }