/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

/* Left & Right alignment */

.left { float:left;}
.right { float:right;}
.wrapper {width:100%; overflow:hidden;}
.caps{ text-transform:uppercase}

/* Global properties ======================================================== */

.bodySplit{ background: url(../images/bg_top.gif) top repeat-x #fff; border:0; font:12px Arial, Helvetica, sans-serif; color:#9a9a9a; line-height:18px;}
.bodyOneCol{ background: url(../images/bg_top.gif) top repeat #fff; border:0; font:12px Arial, Helvetica, sans-serif; color:#707070; line-height:18px;}

/* Global Structure ============================================================= */

.main {	margin: 0 auto;	width: 980px; }
.body1{ background:#f5f5f5}

/* ============================= main layout ====================== */

a{ color:#3a9ac9; text-decoration: underline; outline:none}
a:hover{ text-decoration: none}
h1{ float:left; font-weight:400; font-size:65px; line-height:78px; padding:22px 0 0 0}
h2{ font-size:22px; color:#6a6a6a; line-height:27px; padding:11px 0 12px 0; font-weight:400; text-transform:uppercase}
h3{ font-size:24px; color:#505050; font-weight:bold; line-height:29px; padding:38px 0 29px 0; font-weight:400}
p{ padding-bottom:18px;}
.letter_spacing{ letter-spacing:-1px;}
/* ============================= header ====================== */
header{}

.top{ width:320px; float:right; font-size:10px; font-weight:bold; color:#828282; padding:43px 0 0 0}

#date{ float:right; padding-right:12px; padding-left:19px; 0 4px no-repeat}

#icons{ float:right; padding-top:19px; padding-left:17px;}
#icons li{ float:left; padding-left:4px;}

#search{ float: right; background:url(../images/search.gif) no-repeat; width:193px; margin-top:16px}
#search .submit{ float:right; height:29px; width:39px; cursor:pointer; background:none}
#search .input{ float:right; background:none; width:134px; color:#5d5d5d; font:12px Arial, Helvetica, sans-serif; height:15px; padding:7px 10px;}

#logo{ display:block; padding:22px 0 0 0}

#menu { width:100%; overflow:hidden; padding-top:16px}
#menu li { float:left; padding-right:1px;}
#menu li a{ display:block; font-size:16px; color:#1e1e1e; font-weight:400; text-transform:uppercase; text-decoration:none; width:139px; background:#e6e6e6; line-height:41px; text-align:center}
#menu li a span{ display:block; background:url(../images/menu_left.gif) top left no-repeat}
#menu li a span span{ background:url(../images/menu_right.gif) top right no-repeat}
#menu li a:hover, #menu #menu_active a{ color:#fff; background:url(../images/menu_bg_active.gif) top repeat-x}
#menu li a:hover span, #menu #menu_active a span{ background:url(../images/menu_left_active.gif) top left no-repeat}
#menu li a:hover span span, #menu #menu_active a span span{ background:url(../images/menu_right_active.gif) top right no-repeat}

#slider{ position:relative;width:100%;}
#coin-slider{  position: relative;width:722px; height:338px; overflow:hidden}
.coin-slider { position: relative;width:722px; height:338px; overflow:hidden}

#cs-navigation-coin-slider a{display:none}
#cs-buttons-coin-slider{ position:absolute; bottom:5px; right:5px;background:url(../images/bg_pagination.png) 0 0 no-repeat; padding:7px 0 0 10px; width:83px; height:20px;}
#cs-buttons-coin-slider a{ position:relative; float:left; width:13px; height:13px; text-indent:-9999px; margin-left:2px;background:url(../images/buttons.png) right 0 no-repeat}
#cs-buttons-coin-slider a:hover, #cs-buttons-coin-slider a.cs-active{ background-position:left}


/* ============================= content ====================== */

#content{  width:100%; overflow:hidden; padding-top:17px; padding-bottom:40px;}

.pad_left1{ padding-left:0px;}
.pad_left2{ padding-left:48px;}
.pad_left3{ padding-left:80px;}
.pad_bot1{ padding-bottom:15px;}
.pad_bot2{ padding-bottom:2px;}
.marg_right1{ margin-right:10px;}
.marg_right2{ margin-right:43px;}
.marg_right3{ margin-right:16px;}
.marg_top{ margin-top:9px}
.marg_top2{ margin-top:32px}

.box1{ background:#f3fafe}
.box1_top{ background:url(../images/box1_top.gif) top repeat-x}
.box1_bot{ background:url(../images/box1_border.gif) bottom repeat-x}
.box1_left{ background:url(../images/box1_border.gif) left repeat-y}
.box1_right{ background:url(../images/box1_border.gif) right repeat-y}
.box1_top_left{ background:url(../images/box1_top_left.gif) top left no-repeat}
.box1_top_right{ background:url(../images/box1_top_right.gif) top right no-repeat; width:100%; padding-bottom:15px}
.box1_bot_left{ background:url(../images/box1_bot_left.gif) bottom left no-repeat}
.box1_bot_right{ background:url(../images/box1_bot_right.gif) bottom right no-repeat} 
.box1 .pad{ padding:0 8px 0 8px}
.box1 h2{ color:#fff; padding:11px 0 14px 9px}


.buttons2 li a{ width:75px;}
.buttons{ padding:4px 0 15px 0; width:100%; overflow:hidden}
.buttons li{ float:left; padding-right:2px;}
.buttons .none{ padding:0}
.buttons a{ font-weight:bold; width:230px; text-align:center; color:#fff; text-decoration:none; line-height:40px; display:block; background:#424242;}
.buttons a span{ display:block; background:url(../images/button1_left.gif) top left no-repeat}
.buttons a span span{ background:url(../images/button1_right.gif) top right no-repeat}
.buttons li.selected a, .buttons li a:hover{ background:#76a3b3}
.buttons li.selected a span, .buttons li a:hover span{ background:url(../images/button1_left_active.gif) top left no-repeat}
.buttons li.selected a span span, .buttons li a:hover span span{ background:url(../images/button1_right_active.gif) top right no-repeat}

.font1{ font-weight:bold; color:#3498cb}
.font2{ font-weight:bold; color:#5a5959}

.color1{ color:#424242}
.color2{ color:#181818}

.bg{ background:#fff; margin:11px 1px 0 1px; padding:14px 8px 0 8px;}
.bg img{ padding-top:13px; padding-bottom:14px}

.table{ width:100%; overflow:hidden; margin-bottom:14px;}
.table .tr{ padding:0 0 3px 8px;}
.table .td1{ width:70px; float:left;}

.bg2{ background:#e7f5fd; border-bottom:3px solid #eff8fe; color:#414141; padding:10px 8px 10px 8px}
.bg2 span{ color:#f1911a}

.under1{ padding-bottom:18px; background:url(../images/line_hor2.gif) bottom repeat-x; margin-bottom:18px;}
.under2{ padding-bottom:27px; background:url(../images/line_hor1.gif) bottom repeat-x; margin-bottom:10px;}

.list1 li{ padding-bottom:5px; background:url(../images/line_hor1.gif) bottom repeat-x; margin-bottom:5px;}
.list1 li a{ font-weight:bold; color:#3a3a3a; padding-left:12px; background: url(../images/marker_1.gif) 0 4px no-repeat; text-decoration:none}
.list1 li a:hover{ color:#3a9ac9}

.list2{ margin-top:-3px;}
.list2 li{ line-height:24px;}
.list2 li a{ padding-left:22px; background:url(../images/marker_3.gif) 0 5px no-repeat}

.link1{ display:inline-block; color:#181818; font-weight:bold; padding-right:13px; background:url(../images/marker_2.gif) right 6px no-repeat; text-decoration:none}
.link1:hover{ text-decoration:underline}

.text1{ display:block; padding:47px 0 25px 0; font-size:30px; line-height:36px; color:#717171; font-weight:400}
.text1 strong{ font-weight:700; color:#373737}
.text1 span{ display:block; margin-top:-6px}

.text2{ display:block; font-weight:900; font-size:24px; line-height:29px; color:#000000; text-transform:uppercase; padding:10px 0 14px 92px}
.text2 span{ display:block; font-weight:400; color:#6b6b6b; margin-top:-5px;}

.img1{ background:url(http://matchdaymanager.com/images/page1_img1.jpg) 0 0 no-repeat}
.img2{ background:url(http://matchdaymanager.com/images/page1_img2.jpg) 0 0 no-repeat}

.button{ display:inline-block; font:12px Tahoma, Geneva, sans-serif; color:#fff; text-decoration:none; line-height:28px; font-weight:bold; background:url(../images/button2_bg.gif) top repeat-x}
.button span{ display:block; background:url(../images/button2_left.gif) top left no-repeat}
.button span span{ padding:0 8px; background:url(../images/button2_right.gif) top right no-repeat}
.button:hover{ color:#000}
.contactFormButtons { font-weight:bold; float:right; margin-left:22px; padding:0 18px;}

/* ============================= footer ====================== */

footer { padding-bottom:48px; color:#5b5b5a}
footer a{ text-decoration:none;  color:#5b5b5a}
footer a:hover{ text-decoration:underline}

.list3 li{ padding-bottom:4px; background:url(../images/line_hor3.gif) bottom repeat-x; margin-bottom:6px;}
.list3 li a{ font:12px Tahoma, Geneva, sans-serif; color:#3a9ac9; font-weight:bold; color:#3a9ac9; text-decoration:none; padding-left:13px; background:url(../images/marker_4.gif) 0 3px no-repeat}
.list3 li a:hover{ color:#505050}

.newsletter{ width:253px; float:right;}

/* ============================= forms ============================= */

#form_1{ padding-bottom:39px; margin-top:-6px;}
#form_1 a{ text-decoration:underline}
#form_1 a:hover{ text-decoration:none}
#form_1 .button{ float:right; font:12px Arial, Helvetica, sans-serif; color:#fff; line-height:23px; width:67px; text-decoration:none; background:url(../images/button3.gif) no-repeat; text-align:center}
#form_1 .bg{ background:url(../images/input1.gif) no-repeat; margin:0; padding:0; margin-bottom:10px;}
#form_1 .input{ background:none; height:15px; padding:3px 7px; width:239px; font:12px Arial, Helvetica, sans-serif; color:#6f6f6f;}

#form_2{ padding-bottom:30px;}
#form_2 .bg{ margin:0; padding:0; background:url(../images/input2.jpg) no-repeat; margin-bottom:6px;}
#form_2 .input{ background:none; height:14px; padding:6px 7px; width:185px; font:12px Arial, Helvetica, sans-serif; color:#6f6f6f;}
#form_2 a{ margin-top:18px; font-weight:bold}
#form_2 a span span{ padding:0 16px;}

#form_3{ width:238px; overflow:hidden}
#form_3 .bg{ margin:0; padding:0; background:url(../images/input3.jpg) no-repeat; margin-bottom:21px;}
#form_3 .input{ background:none; height:14px; padding:6px 7px; width:224px; font:12px Arial, Helvetica, sans-serif; color:#6f6f6f;}
#form_3 a{ font-weight:bold; float:right}
#form_3 a span span{ padding:0 19px;}

#ContactForm .bg{ margin:0; padding:0; background:url(../images/input4.gif) no-repeat; margin-bottom:6px;}
#ContactForm .bg2{ margin:0; padding:0; background:url(../images/textarea.gif) no-repeat; border:none; margin-bottom:20px;}
#ContactForm a{ margin-left:20px}
#ContactForm .input { background:none; height:14px; padding:6px 7px; width:195px; font:12px Arial, Helvetica, sans-serif; color:#6f6f6f;}
#ContactForm textarea { background:none; height:262px; padding:6px 7px; width:195px; font:12px Arial, Helvetica, sans-serif; color:#6f6f6f; overflow: auto}
#ContactForm a { font-weight:bold; float:right; margin-left:22px}
#ContactForm a span span{ padding:0 18px;}

.fpRankTable {table-layout: fixed; width: 232px;}
.fpRankTable td {vertical-align: middle; overflow: hidden;}
.fpRankItem {text-align: left; width: 144px; font-weight:bold; color:#3498cb}
.fpRankFlag {text-align: center;  width: 28px;}
.fpRankPoints {text-align: right; width: 60px; font-weight:bold; color:#3498cb}

.rankTable td {vertical-align: middle}
.rankItem {text-align: left; font-weight:bold; color:#3498cb; padding-right:2px }
.rankPos {text-align: right; font-weight:bold; padding-right:5px}
.rankFlag {text-align: center; padding-right:25px }
.rankPoints {text-align: right; font-weight:bold; color:#3498cb; padding-right:7px}
.rankHistoryPts {text-align: right; padding: 0px 7px }

.alt21 { background: #ffffff;}
.alt22 { background: #e7f5fd;}

.google-ads-wrapper-left { width:170px; height:610px;	overflow:hidden; display:block;	position:relative;	float:left;  padding:10px 3px; }
.google-ads-wrapper-right{ width:170px; height:610px;	overflow:hidden; display:block;	position:relative;  float:right; padding:10px 3px; }
.mdCenterAd { margin-left: 78px; }
.screenNav { padding-top:10px; padding-bottom:25px;}
.screenNav a {font-weight:bold; text-decoration:none; font:16px Arial, Helvetica, sans-serif; color:#3498cb }
.rightAligned {float:right}
.userguideTable td {padding:7px;}

/***** Gallery *****/

            .gallery { list-style: none; width: 784px; padding: 0; }
            .gallery li {
                position: relative;
                margin: 0;
                overflow: hidden;
                float: left;
                display: inline;
            }
            .gallery li a {
                text-decoration: none;
                float: left;
				padding: 0 7px 7px 0;
            }
            .gallery li a img {
                width: 238px;
                height: 164px;
                float: left;
                margin: 0;
                border: 8px solid #e2e2e2;
            }