/**
 * Reset
 */
html { height: 100%; margin-bottom: 1px; font-size: 100%; }
body { height:100%; margin:0; padding:0; background: #fff; color: #666; font: .85em/1.5 "Trebuchet MS", "Arial", "Helvetica", sans-serif; }
* { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; }

textarea, input, select, option, optgroup, button { font: 1em "Arial", "Helvetica", sans-serif; }
p, ul, ol, dl { padding-bottom: 1em; }
img { border: none; vertical-align: bottom; }
h1, h2, h3, h4, h5, h6 { font-size: 1em; }
ul, dl { margin: 0; padding-left: 3em; }
a { text-decoration: none; outline: none; color: #3A60A1; }
a:focus,
a:hover { text-decoration: underline; }
blockquote { margin: 20px; font-size: 1.5em; font-weight: 700; color: #B3D801; }

/**
 * Some globally used classes
 */

.left { float: left !important; }
.right { float: right !important; }

.text-left { text-align: left !important; }
.text-center { text-align: center !important; }
.text-right { text-align: right !important; }

.no-margin { padding-bottom: 0 !important; }
.margin { padding-bottom: 1em !important; }

button, input.radio, input.checkbox, label { cursor: pointer; }


.container { position:relative; min-height:100%; }


.header { height: 110px; background: #fff url("../images/header_bg.jpg") no-repeat center bottom; }
.header a.home { display: block; width: 950px; height: 110px; margin: 0 auto; }

.menu { height: 25px; background: #3a60a1; font-size: 1em; font-weight: 700; line-height: 25px; }
.menu a { padding-left: 10px; background: transparent url("../images/menu_arrow.png") no-repeat 0 4px; color: #fff; }
.menu a:hover { background-position: 0 -35px; color: #b3d801; text-decoration: none; }

.menu ul,
.sub-menu ul { width: 880px; margin: 0 auto; padding: 0; }

.menu li,
.sub-menu li { float: left; margin-right: 45px; list-style: none; }

.sub-menu ul { overflow:hidden; width: 880px; height: 23px; }
.sub-menu li { border-left: 2px solid #fff; padding: 0 50px; margin-left: -50px; margin-top: 4px; }

.sub-menu { height: 25px; background: #b3d801; border-bottom: 45px solid #e7efb1; }
.sub-menu a {  color: #fff; font-size: 1.03em; font-weight: 700; }



.content { width: 890px; margin: 0 auto; padding-bottom: 25px; overflow: hidden; }
.content h2 { font-size: 2.5em; padding-bottom: 0.5em; color: #3A60A1; }
.content h3 { font-size: 1.4em; padding-bottom: 0.5em; color: #3A60A1; }
.content h4 { font-size: 1.2em; padding-bottom: 0.1em; color: #3A60A1; }

.content ul { list-style: none; padding-left: 0; }
.content ul li { padding-left: 16px; background: url("../images/li_bullet_small.jpg") no-repeat left 4px; }


ul.large { font-size: 2em; list-style: none; font-weight: 700; color: #0e6aab; }
ul.large li { background: url("../images/li_bullet.jpg") no-repeat center left; padding-left: 25px; line-height: 2;}

#blog-stories { font-size: 12px; border:1px solid #B3D801; padding:10px; width:250px; float:right; }
#blog-stories h4 { background:#B3D801; margin:-10px -10px 5px -10px; padding:5px 10px; }
#blog-stories a { background:url(../images/bullet.gif) no-repeat left 50%; padding-left:20px; }

.footer { position: relative; bottom: 0; width: 100%; height: 25px; background: #b3d801; text-align: center; line-height: 25px; color: #fff; } 


/* BLOGGER CSS */
.post-footer { font-size: 10px; margin-top: 5px; }
.feed-links { font-size: 10px; margin-top: 5px; margin-bottom: 5px; }
h3.post-title { margin-top: 5px; }
.comment-form { width: 600px; }