/*
Theme name: RoboCup
Description: Custom Theme
*/

/* WordPress Default styles */
@import url('wp-default.css');

* { margin: 0; padding: 0; outline: 0; }

body {
    font-size: 12px;
    line-height: 1.2;
    font-family: arial, sans-serif;
    color: #000;
	background: #fff;
	height: 100%;
    text-align: left;
}

a img { border: 0; }
a { color: #000; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; }

input, select, textarea {font-family: arial, sans-serif; font-size: 12px;}
textarea {overflow: auto;}

h1 {font-size: 28px;}
h2 {font-size: 24px;}
h3 {font-size: 20px;}
h4 {font-size: 16px;}
h5 {font-size: 14px;}
h6 {font-size: 12px;}

.cl, .clear { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }

.left { float: left !important; display: inline; }
.right { float: right !important; display: inline;} 
.notext {font-size: 0; line-height: 0; text-indent: -9999px;}
.tl {text-align: left;}
.tr {text-align: right;}
.tc {text-align: center;}
.center {display: block; margin: 0 auto;}
.lower {text-transform: lowercase;}
.upper {text-transform: uppercase;}
.shell {margin: 0 auto; width: 940px;}
.green {color: #00b800;}

a.register-button {background: url(images/register-button.gif) no-repeat 0 0; width: 111px; height: 30px; font-size: 0; line-height: 0; text-indent: -9999px; display: block;}
a.register-button:hover {background-position: 0 -30px;}

#header {background: url(images/header.gif) repeat-x 0 0; height: 147px;}
#header h1#logo {float: left; display: inline; padding: 12px 0 0 0; font-size: 0; line-height: 0; text-indent: -9999px;}
#header h1#logo a {background: url(images/logo.gif) no-repeat 0 0; width: 158px; height: 100px; display: block;}
#header #header-right {float: right; display: inline; padding: 30px 0 0 0;}
#header #navigation {float: right; display: inline; margin: 29px 0 0 0; height: 36px;}
#header #navigation ul {list-style-type: none; line-height: 36px; font-weight: bold;}
#header #navigation ul li {float: left; display: inline; position: relative; z-index: 100;}
#header #navigation ul li a {color: #fff; float: left; display: inline; height: 36px; padding: 0 23px;}
#header #navigation ul li.hover a,
#header #navigation ul li a:hover,
#header #navigation ul li a.active {background: #007d00; text-decoration: none;}
#header #navigation ul li a span.dropdown-arrow {padding: 18px 3px; margin-left: 6px; background: url(images/dd-arrow.gif) no-repeat 0 9px; font-size: 0; line-height: 0; text-indent: -9999px;}
#header #navigation ul ul {display: none; position: absolute; top: 36px; left: 0; width: 100%; height: 100%;}
#header #navigation ul ul li {width: 100%; border-top: 1px solid #d1e9d0;}
#header #navigation ul ul li a {float: none; display: block; line-height: 23px; height: auto; background: #007d00 url(images/dropdown-item.gif) repeat-y 0 0 !important;}
#header #navigation ul ul li a:hover {background: #00b800 !important;}
#header #site-name {font-size: 11px; line-height: 22px;}

#main {padding: 20px 0 0 0;}
#main #sidebar {float: left; display: inline; width: 220px;}
#sidebar ul {list-style-type: none;}
#sidebar ul li {padding-bottom: 28px;}
#sidebar h2 {font-weight: normal; color: #007c00; font-size: 12px;}
#sidebar h2.widgettitle {background: url(images/sidebar-heading.gif) no-repeat 0 0; padding-left: 17px; line-height: 31px;}
#sidebar #side-nav {line-height: 27px; float: left; display: inline; width: 100%; }
#sidebar #side-nav li {border-bottom: 1px solid #9a9a9a; display: block; padding-bottom: 0;}
#sidebar #side-nav li a {color: #fff; display: block; padding-left: 19px; background: url(images/side-nav-bg.gif) no-repeat 0 0;}
#sidebar #side-nav li a:hover,
#sidebar #side-nav li.open a {background-position: 0 -27px; text-decoration: none;}
#sidebar #side-nav li a.dropdown-arrow {background-position: 0 -54px;}
#sidebar #side-nav li.open a.dropdown-arrow,
#sidebar #side-nav li.open a:hover,
#sidebar #side-nav li a.dropdown-arrow:hover {background-position: 0 -81px;}
#sidebar #side-nav li ul {margin: 5px 0; display: none;}
#sidebar #side-nav li li {border: 0; background: url(images/side-subnav-bullet.gif) no-repeat 21px 6px; padding-left: 12px; line-height: 18px;}
#sidebar #side-nav li li a {background: transparent; color: #666; display: inline;}
#sidebar #side-nav li li a:hover {color: #23262f;}
#sidebar .events .event {padding: 22px 0 10px 0; margin: 0 15px 0 19px; color: #666; font-size: 11px; border-bottom: 1px solid #c9ced4;}
#sidebar .events .event h2 {font-family: verdana, sans-serif;}
#sidebar .events .last {border-bottom: 0;}
#sidebar .events .event small.date {color: #00b800; font-size: 11px; margin-bottom: 5px; display: block;}

h2.pagetitle {background: url(images/pagetitle.gif) no-repeat 0 0; line-height: 31px; height: 31px; color: #007c00 !important;font-size: 18px !important; font-weight: normal !important; padding-left: 18px; margin-bottom: 5px;}

#main #content {float: right; display: inline; width: 700px;}
#content .content-item {margin-bottom: 28px;}
#content #slider #slides {height: 316px; position: relative; z-index: -1;}
#content #slider #slides img {position: absolute; top: 0; left: 0; display: none;}
#content #slider #slider-nav {height: 27px; background: url(images/slider-nav.gif) no-repeat 0 0; width: 100%; overflow: hidden;}
#content #slider #slider-nav #slider-text {position:relative; width: 500px; height: 27px;} 
#content #slider #slider-nav #slider-text p {color: #1f3b08; line-height: 27px; padding-left: 16px; position: absolute; top: 0; left: 0; display: none;}
#content #slider #slider-nav #slider-text {float: left; display: inline;}
#content #slider #slider-nav #slider-links {float: right; display: inline; font-size: 0; line-height: 0; text-indent: -9999px; padding: 7px 14px 0 0;}
#content #slider #slider-nav #slider-links a {width: 15px; height: 15px; background: url(images/slider-nav-link.gif) no-repeat 0 0; margin-left: 5px; float: left; display: inline;}
#content #slider #slider-nav #slider-links a.active {background-image: url(images/slider-nav-link-selected.gif);}
#content .content-heading { font-family: verdana, sans-serif; line-height: 31px;}
#content .content-heading h2 {float: left; display: inline; width: 596px; height: 31px; background: url(images/content-heading.gif) no-repeat 0 0; color: #007c00;font-size: 18px; font-weight: normal; padding-left: 18px;}
#content .content-heading a.view-all {width: 58px; height: 31px; float: right; display: inline; background: url(images/view-all-button.gif) no-repeat 0 0; color: #fff; padding-left: 28px;}
#content #latest-news .news-item {padding: 15px 0 12px 0; font-size: 18px; color: #666; border-bottom: 1px solid #c9ced4; margin: 0 18px;}
#content #latest-news .last {border-bottom: 0;}
#content #latest-news .news-item h2 {font-size: 24px; font-family: verdana, sans-serif; font-weight: normal;}
#content #latest-news .news-item h2 a {color: #007c00;}
#content #latest-news .news-item small.date {font-size: 14px; color: #00b800; display: block; margin-bottom: 5px;}
#content #latest-news .news-item a {color: #d10400;}
#content #our-partners {text-align: center; margin: 20px 0;}
#content #our-partners a {margin: 0 20px;}
#content .post {padding: 0 0 25px 0; font-size: 18px; color: #666; border-bottom: 1px solid #c9ced4;}
#content .last {border-bottom: 0;}
#content .post h2 {font-size: 24px; font-family: verdana, sans-serif; font-weight: normal; color: #007c00; margin-top: 5px;}
#content .post h2 a {color: #007c00;}
#content .post small.date {font-size: 14px; color: #00b800; display: block; margin-bottom: 5px;}
#content .post a {color: #d10400;}
#content .post p {padding-bottom: 15px;}

#footer {text-align: center; color: #999; margin: 15px 0; font-size: 11px;}
#footer a {color: #d10400;}