/*================================================
General Styles
================================================*/
html {
	height:100%;
	max-height:100%;
	padding:0;
	margin:0;
	border:0;
}
body {
	height:100%;
	max-height:100%;
	padding:0;
	margin:0;
	border:0;
	color: #6f6f6f;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size:12px;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {
	margin:0;
	padding:0;
}
body, div, dl, dt, dd, ul, ol, li, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
}
div, dl, dt, dd, ul, ol, li, legend, input, button, textarea, p, blockquote, th, td {
	font-size:12px;
	line-height:1.4em;
	word-spacing:0.03em;
}
a, a:link, a:focus, a:hover, a:active { outline: none; }
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset, img { border:0; }
input[type=radio] {
	vertical-align: middle;
	margin: 0;
}
address, caption, cite, code, dfn, em, th, var, optgroup {
	font-style:inherit;
	font-weight:inherit;
}
del, ins { text-decoration:none; }
caption, th { text-align:left; }
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
}
sup { vertical-align:baseline; }
sub { vertical-align:baseline; }
input, button, textarea, select, optgroup, option {
	font-family:inherit;
	font-size:inherit;
	font-style:inherit;
	font-weight:inherit;
	padding: 0;
	margin: 0;
}
/* Default layout of input boxes and textarea */

.textarea, textarea {
	width: 200px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 2px;
	font-size: 12px;
	font-weight: normal;
	border: 1px solid #ccc;
}
.inputbox, input[type="text"] {
	width: 200px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 2px;
	font-size: 12px;
	font-weight: normal;
	vertical-align: middle;
	border: 1px solid #ccc;
}
/* Default layout of select boxes */
.selectbox {
	font-family: Arial, Helvetica, sans-serif;
	padding: 2px;
	font-size: 12px;
	font-weight: normal;
	vertical-align: middle;
	border: 1px solid #ccc;
}
.radiobutton {
	display: inline;
	float: left;
	margin-right: 7px;
	vertical-align: middle;
}
fieldset {
	margin: 0px;
	padding: 0px;
	border:none;
}
h1, h2, h3, h4, h5, h6 { color: #172a5d; }
h1 {
	font-size:20px;
	font-weight: normal;
	line-height: 20px;
	line-height: 120%;
  color: #f36d3a;
	padding-bottom: 10px;
}
.contentArea h1 {
  color: #172a5d;
}
.contentArea h3 {
  color: #f36d3a;
   font-size: 14px;
   padding-bottom: 3px;
   font-weight: bold;
}
.contentArea h2 {
  color: #f36d3a;
  padding: 5px 0px;
}
.contentArea h5 {
  color: #172a5d;
  font-size: 14px;
  font-weight: bold;
}
h2 {
	font-size:20px;
  color: #7c825d;
	font-weight: bold;
	padding-bottom: 0px;
}
h3 {
	font-size:12px;
	color: #32312e;
	font-weight: bold;
	padding-bottom: 5px;
}
h4 {
	font-size:16px;
	display: block;
  color: #f36d3a;
	padding-bottom: 5px;
	font-weight: normal;
}
h6, h5 { font-size: 14px; color: #172a5d; }
.contentArea a, .contentArea a:visited {
  color: #172A5D!important;
}
a:link {
	color: #23408e;
  background-color: inherit;
  font-weight: bold;
	text-decoration:none;
}
a:hover, a:visited:hover {
	color: #2e54bb;
	text-decoration:underline;
}
a:visited {
	color: #23408e;
  background-color: inherit;
  font-weight: bold;
	text-decoration:none;
}
.hidden {
	display: none;
} 
clear {
  font-size: 0px;
  line-height: 0px;
}
div.hr {
  background: url(../images/hr.gif) no-repeat left top;
  height: 10px;
  border: 0px;
}
span.blue {
  color: #172A5D;
  padding-right: 7px;
}
/*================================================
Body Styles
================================================*/	

body {
	height: 100%;
	background: #23408e;
}
/* Clearfix */
.clearfix:after {
	clear:both;
	content:' ';
	display:block;
	font-size:0;
	line-height:0;
	visibility:hidden;
	width:0;
	height:0
}
.clearfix { display:inline-block; }
.clear { clear: both; }
p { padding: 5px 0px 10px 0px; }

/*================================================
Header Styles
================================================*/	
#header {
	width: 806px;
	margin-left: auto;
	margin-right: auto;
  background: url(../images/bg/header-bg.gif) no-repeat top right;
}
#headerInside {
	height: 102px;
  overflow: hidden;
	width: 806px;
}
#page {
	margin: 0;
	padding: 0;
  width: 860px;
  min-height: 730px;
	margin-left: auto;
	margin-right: auto;
  min-height: 100%;
	background: url(../images/bg/body-bg.jpg) no-repeat top center;
}
#content_container {
	width: 806px;
  margin: 0 auto;
  background-color: #fff;
  min-height: 480px;
	padding-bottom: 174px;
}
.clearing {
	height: 0px;
	clear: both;
	font-size: 0px;
	margin: 0;
	padding: 0;
}
#outer_wrapper {
	padding-top: 0px;
}
#spelpage #wrapper {
	padding:5px 9px 15px 0px;
}
#wrapper {
	padding: 0px 9px 25px 9px;
}
#footer {
	height:174px;
	width: 100%;
  background: url(../images/bg/footer-bg.jpg) no-repeat top center; 
	margin:-174px auto 0px auto;
}
#footerInside {
	width: 806px;
  background: #fff url(../images/elements.gif) no-repeat -2215px -382px; 
	margin: 0 auto;
  height: 174px;
}
.lft {
  margin-left: 9px;
}


/*================================================
Navigation
================================================*/
#navigation ul {
	margin: 0px 0px 0px 8px;
	padding: 0px 0px 0px 0px;
	list-style: none;
	height: 73px;
	position: relative;
	z-index: 1111;
	width: 789px;  background:url(../images/nav/NavOverlay.png) no-repeat left top;
}
#navigation ul li {
	float: left;
	width: auto;
  padding-left: 1px;
	display: inline;
}
#navigation ul li a, #navigation ul li span {
	height: 73px;
	display: block;	

	line-height:73px;
	text-indent: -9999px;
}
#navigation ul li a.active-nav, #navigation ul li span { 	background:url(../images/nav/NavOverlay.png) no-repeat left top; }
#navigation ul li.nav-item1 a, #navigation ul li.nav-item1 span { width: 113px; }
#navigation ul li.nav-item2 a, #navigation ul li.nav-item2 span { width: 111px; }
#navigation ul li.nav-item3 a, #navigation ul li.nav-item3 span { width: 111px; }
#navigation ul li.nav-item4 a, #navigation ul li.nav-item4 span { width: 111px; }
#navigation ul li.nav-item5 a, #navigation ul li.nav-item5 span { width: 111px; }
#navigation ul li.nav-item6 a, #navigation ul li.nav-item6 span { width: 111px; }
#navigation ul li.nav-item7 a, #navigation ul li.nav-item7 span { width: 111px; }
#navigation ul li.nav-item8 a, #navigation ul li.nav-item8 span { width: 111px; }
#navigation ul li.nav-item1 a.active-nav, #navigation ul li.nav-item1 a.active-nav:hover, #navigation ul li.nav-item1 span {
	background-position: 0% 100%;
	cursor: default;
}
#navigation ul li.nav-item2 a.active-nav, #navigation ul li.nav-item2 a.active-nav:hover, #navigation ul li.nav-item2 span {
	background-position: -141px 100%;
	cursor: default;
}
#navigation ul li.nav-item3 a.active-nav, #navigation ul li.nav-item3 a.active-nav:hover, #navigation ul li.nav-item3 span {
	background-position: -311px 100%;
	cursor: default;
}
#navigation ul li.nav-item4 a.active-nav, #navigation ul li.nav-item4 a.active-nav:hover, #navigation ul li.nav-item4 span {
	background-position: -460px 100%;
	cursor: default;
}
#navigation ul li.nav-item5 a.active-nav, #navigation ul li.nav-item5 a.active-nav:hover, #navigation ul li.nav-item5 span {
	background-position: -659px 100%;
	cursor: default;
}
#navigation ul li.nav-item6 a.active-nav, #navigation ul li.nav-item6 a.active-nav:hover, #navigation ul li.nav-item6 span {
	background-position: 100% 100%;
	cursor: default;
}


#navigation ul li.nav-item1 a { background-position: -1px 0%; }
#navigation ul li.nav-item2 a { background-position: -115px 0%; }
#navigation ul li.nav-item3 a { background-position: -227px 0%; }
#navigation ul li.nav-item4 a { background-position: -339px 0%; }
#navigation ul li.nav-item5 a { background-position: -451px 0%; }
#navigation ul li.nav-item6 a { background-position: -563px 0%; }
#navigation ul li.nav-item7 a { background-position: -675px 0%; }


#navigation ul li a:hover {	background:url(../images/nav/NavOverlay.png) no-repeat left 100%; }
#navigation ul li.nav-item1 a:hover, #navigation ul li.nav-item1 span { background-position:-1px -88px; }
#navigation ul li.nav-item2 a:hover, #navigation ul li.nav-item2 span{ background-position: -115px -88px; }
#navigation ul li.nav-item3 a:hover, #navigation ul li.nav-item3 span { background-position: -227px -88px; }
#navigation ul li.nav-item4 a:hover, #navigation ul li.nav-item4 span { background-position: -339px -88px; }
#navigation ul li.nav-item5 a:hover, #navigation ul li.nav-item5 span { background-position: -451px -88px; }
#navigation ul li.nav-item6 a:hover, #navigation ul li.nav-item6 span { background-position: -563px -88px; }
#navigation ul li.nav-item7 a:hover, #navigation ul li.nav-item7 span { background-position: -675px -88px; }

/*================================================
Images Styles
================================================*/	

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}
img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}
.alignright { float: right; }
.alignleft { float: left; }
/* ----------- End Images ----------- */

/*================================================
Header Part Styles
================================================*/
.grid-part1 {
  float: left;
  width: 300px;
}
.grid-part2 {
  width: 300px;
  float: right;
  text-align: right;
  overflow: hidden;
  padding-right: 35px;
}
.logo {
	padding: 21px 0px 0px 20px;
	width: 280px;
}
.logo img {
  float: left;
}
/*================================================
Buttons
================================================*/
#registerBtn {
  background:url(../images/register-today.gif) no-repeat left 100%;
  width: 238px;
  height: 117px;
  display: block;
  cursor:pointer;
  text-indent: -9999px;
}
.deepblue:visited, .deepblue{
  background:url(../images/deepblue.png) no-repeat left 0%;
  width: 85px;
  height: 23px;
  display: block;
  cursor: pointer;
  text-indent: -9999px;
}
.deepblue:hover {
  background:url(../images/deepblue.png) no-repeat left 100%;
  width: 85px;
  height: 23px;
  display: block;
  cursor: pointer;
  text-indent: -9999px;
}
/*================================================
Content Styles
================================================*/
.leftContentArea {
  width: 535px;
  float: left;
}
.rightSidebar {
  width: 240px;
  background:url(../images/elements.gif) no-repeat left top;
  padding: 0px 0px 0px 9px;
  float: right;
}
/*================================================
Footer Styles
================================================*/
#footerInside p {
	clear: both;
	font-weight: bold;
	padding: 10px 0px 0px 0px;
}
#footerInside ul {
	color: #25408f;
	font-size: 11px;
	padding: 0px 0px 0px 30px;
}
.footer-links {
  width: 550px;
  overflow: hidden;
  float: left;
  color: #25408f;
  padding-top: 17px!important;
}
.footer-links li {
	float: left;
  color: #25408f;
  font-size: 11px;
  font-weight: bold;
	list-style-type: none;
  padding: 0px 5px 0px 0px;
}
.footer-links li a {
  font-size: 11px;
  font-weight: bold;
}
.social-links {
  float: right;
  width: 85px;
  padding: 12px 40px 0px 0px!important;
}
.social-links li {
  list-style-type: none;
}
.footer-logos {
  clear: both;
  overflow: hidden;
  padding-top: 30px;
}
.footer-logos li{
  width: 33%;
  color: #6f6f6f;
  float: left;
  text-align: center;
  display: inline;
}
.footer-logos p {
  font-weight: normal!important;
  width: 200px;
  text-align: left;
  padding-left: 20px!important;
}
/*================================================
Home Styles Block
================================================*/
#flashBlock {
  float: left;
}
#flashBlock img {
  float: left;
}
.grid-240{
  padding-bottom: 0px;
  position: relative;
}
.grid-240-top{
  padding-bottom: 8px;
  position: relative;
}
.homeContentText {
   background:url(../images/elements.gif) no-repeat -1165px 0px;
   padding: 12px 20px 0px 20px;
}

/*================================================
Submenu
================================================*/
#submenu ul li {
  list-style-type: none;
}
#contactBlock ul li {
  list-style-type: none;
}
/*================================================
Grids
================================================*/
.list {
  padding-top: 0px;
}
.welcomeBlock, #image-welcomeBlock {
  padding: 20px 0px 20px 0px;
  clear: both;
  overflow: hidden;
}
.welcomeBlock h2, #image-welcomeBlock h2 {
  display: inline-block;
   background:url(../images/marker.gif) no-repeat right center;
   padding-right: 15px;
}
.welcomeBlock {
   background:url(../images/welcome-bg.gif) no-repeat left bottom;
}
#image-welcomeBlock {
  padding-top: 50px!important;
}
.welcomeBlock h2, #image-welcomeBlock h2 {
  padding-left: 15px;
}
#image-welcomeBlock .items-img{
  padding-left: 8px;
}
.grid-275, .grid-255 {
  float: left;
  background:url(../images/elements.gif) no-repeat -2300px 0px;
}
.grid-255 {
  width: 253px;
}
.grid-275 {
  width: 280px;
  min-height: 150px;
}
.grid-275 dl dt, .grid-255 dl dt {
  float: left;
  margin: 0px;
  width: 100px;
  padding: 15px 6px 0px 18px; 
}
.grid-275 dl dd,  .grid-255 dl dd{
  float: left;
  width: 145px;
  margin: 0px;
  font-size: 11px;
  min-height: 150px;
  padding: 20px 0px 0px 10px;
  background:url(../images/elements.gif) no-repeat -2912px 0px;
}
.grid-255 dl dd {
  width: 117px!important;
}
.grid-275 dl dd p , .grid-275 dl dd a, .grid-255 dl dd p , .grid-255 dl dd a {
  font-size: 11px;
}
.grid-275 dl dd h5, .grid-255 dl dd h5{
  font-size: 12px; 
  color: #6f6f6f;
  font-weight: normal;
}
.grid-275 h3, .grid-275 h3 a, .grid-255 h3 a, .grid-255 h3 {
  font-size: 12px!important;
  color: #23408e;
  background-color: inherit;
}
/*================================================
Images
================================================*/
.item-img {
   background:url(../images/bg/image-bg.gif) no-repeat center top;
   width: 125px;
   float: left;
   margin-top: 15px;
}
.item-img img{
  padding-left: 12px;
}
/*================================================
Tootip
================================================*/
.tooltip { 
    background: url(../images/tooltip.png) no-repeat top left; 
    height:70px; 
    padding:20px 30px 20px 30px; 
    width:150px; 
    font-size:11px; 
    color:#6f6f6f; 
    display:none;     
}
.tooltip p {
  font-size: 11px;
  padding: 2px 0px;
}
/*================================================
Tweets Block
================================================*/
.tweetsBox {
	padding-top: 25px;
  padding-left: 13px;
	width: 210px;
}
.twtr-hd, .twtr-ft { display: none; }
.twtr-widget .twtr-tweet { border: 0px!important; }
.styledBlockTweets {
  background: #f6f6f6 url(../images/elements.gif) no-repeat -573px 0px;
  width: 225px;
  min-height: 250px;
  margin: 5px 0px 0px 6px;
}
.styledBlockTweets h4 {
  padding:  5px 0px 0px 70px;
  font-size: 16px;
}
.styledBlockTweets .twt-alg {
  text-align: right;
  padding: 0px 15px 0px 0px;
}
.styledBlockTweets-end {
  background:url(../images/elements.gif) no-repeat -815px 0px;
  width: 225px;
  height:9px;
}
/*================================================
Social Block
================================================*/
#leftSidebar .socialBlock{ 
  background:url(../images/bg/left-sidebar.jpg) no-repeat top right;
  padding: 45px 0px 0px 0px;
  margin-right: 10px;
}
#leftSidebar .socialBlock ul{ 
  background:url(../images/bg/top-sidebar.jpg) no-repeat bottom right;
  padding: 10px 0px 45px 25px;
}
.socialBlock {
   background:url(../images/elements-soc.gif) no-repeat center 10px;
   margin-top: 15px;
   height: 90px;
   clear: both;
}
.socialBlock h4 {
  text-align: center;
}
.socialBlock ul {
  padding: 15px 0px 0px 15px;
  overflow: hidden;
}
.socialBlock li{
  display: inline;
  width: 0px;
  padding: 0px 5px 0px 5px;
  text-align: center;
  list-style-type:none;
}
/*================================================
Block Legacy
================================================*/
.blockLegacy {
  background:url(../images/blocks/round-top-div.gif) repeat-y top left;
}
.blockLegacy-title {
  background:url(../images/blocks/legacy-top.gif) no-repeat top left;
  padding-top: 20px;
  min-height: 65px;
  padding-left: 40px;
}
.blockLegacy-end {
  background:url(../images/blocks/round-bt-div1.gif) no-repeat top left;
  height: 16px;
  display: block;
  width: 236px;
}
.blockLegacy-title h4 {
  padding-left: 15px;
  padding-bottom: 20px;
  font-size: 14px;
}
.blockLegacy-title a {
  text-align: center;
  display: block;
  padding-right: 30px;
}
/*================================================
Styled Block
================================================*/
.styledBlock {
  width: 236px;
  clear: both;
  margin-top: 5px;
  padding: 0px 0px 0px 0px;
  background:url(../images/blocks/round-top-div.gif) repeat-y top left;
}
.styledBlockInside {
  background:url(../images/blocks/round-top-bg.gif) no-repeat top left;
  padding: 15px 15px 10px 20px;
}
.styledBlock ul li {
  background:url(../images/arrow.gif) no-repeat left 2px;
  list-style-type:none;
  padding: 2px 0px 0px 20px;
}
.styledBlock-end {
  background:url(../images/blocks/round-bt-div.gif) no-repeat top left;
  height: 16px;
  display: block;
  width: 236px;
}
.styledBlock ul {
  padding: 20px 0px 0px 0px;
}
.styledBlock h4 {
  text-align: center;
  font-size: 16px;
  text-transform: uppercase;
}
/*================================================
left Sidebar, contentArea
================================================*/
#leftSidebar {
  width: 265px;
  float: left;
  background:transparent url(../images/bg/left-bg.jpg) no-repeat right top;
}
#rightContentArea {
  width: 530px;
  float: right;
  padding: 2px 0px 50px 0px;
  background:transparent url(../images/bg/content-area-bg.jpg) no-repeat bottom left;
}
.contentArea {
  background:transparent url(../images/elements.gif) no-repeat scroll -1165px 0;
  margin-top:7px;
  clear: both;
  padding-left: 16px;
}
.contentArea h1{
  padding:12px 20px 15px 4px!important;
}
.contentArea ul, .contentArea ol {
  margin: 5px 0px 0px 20px;
}
/*================================================
Posts
================================================*/
.short-post {
  padding: 10px 10px 0px 17px;
  margin-left: 0px;
  clear: both;
  min-height: 100px;
  background:transparent url(../images/bg/spost-bg1.jpg) no-repeat left 11px;
}
.short-postItem{
  padding: 10px 10px 0px 9px;
  margin-left: 0px;
  clear: both;
  min-height: 100px;
}
.trumb {
  float: left;
  background:transparent url(../images/bg/trumb-bg1.jpg) no-repeat right 0px;
  width: 79px;
  padding-top: 5px;
  padding-right: 8px;
  display: block;
  margin-right: 10px;
}
.trumbnails {
  float: left;
  background:transparent url(../images/bg/trumbnail-bg.jpg) no-repeat right 0px;
  width: 79px;
  padding-top: 5px;
  padding-right: 9px;
  display: block;
}
.trumbnails img {
  padding-left: 7px;
}
.short-post .short-content {
  padding: 10px 0px 0px 19px;
}
.short-postItem .short-content-right {
  padding: 10px 0px 0px 16px;
  float: left;
  width: 380px;
}
/*================================================
Sub Navigation
================================================*/
.subNavBlock {
  background:url(../images/nav/subnav-bg.jpg) no-repeat top left;
  min-height: 541px;
}
#sub-nav {
  margin-left: 13px;
  padding-top: 10px;
  width: 230px;
  overflow: hidden;
}
#sub-nav ul li {
  background:url(../images/nav/subline.gif) no-repeat bottom left;
  list-style-type: none;
}
#sub-nav ul li a {
  padding: 3px 0px 3px 24px;
  display: block;
  clear: left;
  line-height: 18px;
  color: #172a5d;
}
#sub-nav ul li a:hover {
  padding: 3px 0px 3px 24px;
  background:url(../images/nav/active-snav.png) no-repeat top left;
  display: block;
  color: #fff;
  background-color:inherit;
  text-decoration: none;
}
#sub-nav ul li span, #sub-nav ul li a.current {
  padding: 3px 0px 3px 24px;
  background:url(../images/nav/active-snav.png) no-repeat top left;
  display: block;
  color: #fff;
  cursor: default;
   line-height: 18px;
  background-color:inherit;
  text-decoration: none;
}
/*================================================
Titles
================================================*/
.titleBlock {
  height: 120px;
  padding: 0px 0px 0px 2px;
  background:transparent url(../images/welcome-bg.gif) no-repeat scroll left bottom;
}


/*================================================
CSS Data
================================================*/

.ScheduleData {
	width:95%;
	height:auto;
	text-align:center;
	
}

.SheduleLineWhite {
	float:left;
	width:40%;
	height:auto;
	background-color:#FFF;
	padding-top:10px;
	padding-bottom:10px;
}
.SheduleLineRight {
	float:left;
	width:60%;
	height:auto;
	background-color:#FFF;
	padding-top:10px;
	padding-bottom:10px;
	text-align:left;
}


.SheduleLineGrey {
	float:left;
	width:40%;
	height:auto;
	background-color:#ccc;
	padding-top:10px;
	padding-bottom:10px;
	
}
.SheduleLineGreyRight {
	float:left;
	width:60%;
	height:auto;
	background-color:#ccc;
	padding-top:10px;
	padding-bottom:10px;
	text-align:left;
	
}