﻿/* all no-repeat backgrounds should be changed to a sprite */

/* begin defaults */

*{margin:0;padding:0;}
img{border:none;}
p{margin:10px 0;}

body{text-align:center;background-color:#FFF;background:url(../images/layout/body_bg.png) repeat-x 0 0;}

.left{float:left;}
img.left {float:none;}
.right{float:right;}
#textwrap ul, #textwrap ol{margin:10px 0;padding-left:30px;}
/* end defaults */

/* begin search results styling */
#textwrap #SearchResults{list-style:none;padding-left:0;}
#textwrap #SearchResults li{margin-bottom:7px;padding:5px;background:#DDD;border:1px dashed #AAA;-webkit-border-radius:13px;-moz-border-radius:13px;}
/* end search results styling */

	/* begin basic layout */

/* begin container */
#container{position:relative;margin:0 auto 13px auto;text-align:center;width:780px;height:auto;background:url(../images/layout/container_bg.png) no-repeat 0 0;padding:4px 0 0 0;}
#container > div{margin:0 auto;}
/* end container */

/* begin header */
#header{width:758px;height:118px;background:url(../images/layout/header_bg.png) repeat-x 0 0;
-moz-border-radius-topleft:13px;-moz-border-radius-topright:13px;
-webkit-border-top-left-radius:13px;-webkit-border-top-right-radius:13px;}
#header .logoholder{width:758px;height:87px;background:url(../images/layout/logo.png) no-repeat 340px 0px;}
#header .logoholder span{color:#FFFFFF;font-size:48px;font-weight:bold;position:relative;top:12px;right:90px;margin:0 24px}
/* end header */

/* begin footer */
#footer{width:100%;height:200px;background:#1A3060 url(../images/layout/footer_bg.png) repeat-x 0 0;}
#footer div{position:relative;margin:0 auto;}
#footer .bottomlinks{width:725px;height:200px;}
#footer .bottomlinks > ul{list-style:none;width:144px;min-height:100px;float:left;margin-top:40px;border-left:1px solid #663366;}
#footer .bottomlinks > ul li{width:130px;height:17px;padding:2px 7px;text-align:left;}
#footer .copyright{width:250px;height:15px;padding-top:15px;clear:left;}
/* end footer */

/* begin top menu */
#topmenu{width:758px;height:31px;background:url(../images/layout/menu_bg.png) repeat-x 0 0;
-moz-border-radius-bottomleft:13px;-moz-border-radius-bottomright:13px;
-webkit-border-bottom-left-radius:13px;-webkit-border-bottom-right-radius:13px;}
#topmenu .left{width:758px;height:31px;background:url(../images/layout/menu_left.png) no-repeat 0 0;}
#topmenu .right{width:13px;height:31px;background:url(../images/layout/homesprite.png) no-repeat 0 -74px;}
#topmenu ul.menu{list-style:none;width:745px;height:27px;float:left;background:transparent;}
#topmenu ul.menu > li{text-align:center;float:left;display:inline;height:17px;width:100px;border-right:1px solid #FFF;border-left:1px solid #797979;position:relative;padding:5px;}
#topmenu ul.menu > li:first-child{border-left:0;padding-left:3px;padding-right:3px;width:75px;}
#topmenu ul.menu > li:first-child > a{width:80px;}
#topmenu ul.menu > li > a{display:block;height:27px;width:100px;overflow:hidden;}
#topmenu ul.menu > li:hover{cursor:pointer;}
#topmenu ul.menu > li.closer{width:2px;border-right:0;cursor:default;}

#topmenu ul.menu ul{display:none;width:270px;text-align:center;list-style:none;margin-top:-4px;
background:#EEE;border:1px solid #D9D9D9;
-moz-border-radius-bottomleft:10px;-moz-border-radius-bottomright:10px;
-webkit-border-bottom-left-radius:10px;-webkit-border-bottom-right-radius:10px;}
#topmenu ul.menu ul li{width:260px;height:21px;padding:3px 5px;border-top:1px solid #D9D9D9;text-align:left;}
#topmenu ul.menu ul li:hover{background:#DDD;}
/*#topmenu ul.menu ul li{width:200px;opacity:1;filter:alpha(opacity=100);}*/
/* end top menu */

/* begin mid section */
.headtext{text-align:left;padding-left:7px;height:22px;}
#infoblock{width:722px;height:142px;background:#000 url(../images/layout/infoblock_bg.png) no-repeat 273px 0;margin-top:10px !important;padding:18px;-webkit-border-radius:13px;-moz-border-radius:13px;}
#infoblock .about{width:456px;height:92px;padding:15px 10px;background:url(../images/layout/aboutblock_bg.png) repeat-x 0 0;border:1px solid #FFF;-webkit-border-radius:13px;-moz-border-radius:13px;}
#infoblock a.imagebtn{width:235px;height:69px;display:block;}
#infoblock .iconrow{width:235px;height:42px;margin-top:14px;}
#infoblock .iconrow > .icon{display:block;margin-left:14px;float:left;width:37px;height:36px;}
#infoblock .iconrow > .gin{background:url(../images/layout/homesprite.png) no-repeat 0 0;}
#infoblock .iconrow > .rummy{background:url(../images/layout/homesprite.png) no-repeat 0 -143px;}
#infoblock .iconrow > .oklahoma{background:url(../images/layout/homesprite.png) no-repeat 0 -106px;}
#infoblock .iconrow > .kalooki51{background:url(../images/layout/homesprite.png) no-repeat 0 -37px;}

#textblockrow{width:751px;height:270px;padding-left:7px;position:relative;bottom:22px;}
#textblockrow .textblock{width:219px;height:252px;padding:4px 11px 12px;text-align:right;
margin:0 auto;margin-right:7px;background:#EEE;border:1px solid #CCC;
-webkit-border-radius:13px;-moz-border-radius:13px;opacity:0.9;filter:alpha(opacity=90);}
/* background:url(../images/layout/homesprite.png) no-repeat 0 -232px; */
#textblockrow .textblock > div{width:218px;height:224px;overflow:hidden;}
#textblockrow .textblock > div, #textblockrow .textblock > h3{text-align:left;}

/* direction on the #bottomblock is rtl to parse the internal boxe's float correctly */
#bottomblock{width:742px;height:310px;padding:0 9px;direction:rtl;}
#bottomblock > div{direction:ltr;}
#bottomblock .tabholder{width:492px;height:310px;}
#bottomblock .tabholder .tabheader{width:493px;height:22px;padding-top:3px;background:url(../images/layout/homesprite.png) no-repeat 0 -206px;}
#bottomblock .tabholder .tabheader ~ div{width:491px;height:285px;border:1px solid #DFDFDF;
-moz-border-radius-bottomleft:13px;-moz-border-radius-bottomright:13px;
-webkit-border-bottom-left-radius:13px;-webkit-border-bottom-right-radius:13px;}

	/* begin homepage tabs */
#bottomblock #tabblock{width:470px;height:253px;position:relative;margin:9px auto 0;}
#tabblock div{padding:10px;height:225px;width:450px;display:none;}
#tabblock div p{margin-bottom:10px;}
#tabblock > ul{margin-bottom:15px;list-style:none;width:470px;height:26px;}
#tabblock > ul li{display:inline;height:28px;width:112px;}
#tabblock > ul li a{width:110px;height:21px;border:1px solid #EEE;display:block;float:left;padding-top:5px;
background:url(../images/layout/tab_bg.png) repeat-x 0 0;
-moz-border-radius-topleft:7px;-moz-border-radius-topright:7px;
-webkit-border-top-left-radius:7px;-webkit-border-top-right-radius:7px;}
#tabblock > ul li a:hover{color:#FFF;}
#tabblock > ul li a.selected{background:url(../images/layout/tab_bg_selected.png) repeat-x 0 0;border-bottom:none;}
	/* end homepage tabs */

/* define general text input */
#bottomblock .largeinput{width:213px;height:21px;border:1px solid #B5B5B5;}

#bottomblock .mailerblock{width:217px;height:84px;padding:7px 10px;background:url(../images/layout/mailerblock_bg.png) repeat-x 0 0;-webkit-border-radius:13px;-moz-border-radius:13px;}
#bottomblock .mailerblock h2{width:217px;height:26px;}
#bottomblock .mailerblock .largeinput{margin-bottom:7px;display:block;}
#bottomblock .mailerblock .imagebutton{width:42px;height:32px;position:relative;bottom:4px;}
#bottomblock .mailerblock .short{width:168px;}
#bottomblock .mailerblock form{display:none}

#bottomblock .searchblock{width:236px;height:202px;margin-top:9px;}
#bottomblock .searchblock .searchheader{width:237px;height:22px;padding-top:3px;background:url(../images/layout/homesprite.png) no-repeat 0 -180px;}
#bottomblock .searchheader ~ div{width:235px;height:177px;border:1px solid #DFDFDF;
-moz-border-radius-bottomleft:13px;-moz-border-radius-bottomright:13px;
-webkit-border-bottom-left-radius:13px;-webkit-border-bottom-right-radius:13px;}
#bottomblock .searchblock input.largeinput{height:27px;margin:12px 0;}
#bottomblock .searchblock input.imagebutton{width:120px;height:29px;}
#bottomblock #searchcloud{width:213px;height:80px;position:relative;margin:12px auto 0 auto;}

#textwrap{width:734px;min-height:600px;padding:0 10px;text-align:left;background-color:#EEE;border:1px solid #D9D9D9;
-webkit-border-radius:13px;-moz-border-radius:13px;margin-top:10px !important;}
/* end mid section */

	/* end basic layout */