/* CSS Reset Changes */
body {font-size: 100%; font-family: Verdana, Geneva, sans-serif; background: #0a325a url('../layout/site-bg.jpg'); background-repeat: repeat-x; margin-top: 0px;}

p, h1, h2, h3, h4, h5, h6, img, div, span, ol, ul, li, form, fieldset, label, legend {margin: 0px; padding: 0px; border: 0px; font-size: 1em;}
legend {display: none;}

/* Font Conversions to ems */
/* 1.375em = 22px */
/* 1.25em = 20px */
/* 1.125em = 18px */
/* 1em = 16px */
/* .875em = 14px */
/* .75em = 12px */
/* .687em = 11px */
/* .625em = 10px */

/* #0a325a - Dark Blue */

#main_wrapper {width: 970px; margin: 0 auto; padding-bottom: 50px; border: 0px solid #FFF;}

#cornhole_portal_logo {width: 408px; height; 101px; float:left;}

#cornhole_search_form {float: right; margin-top: 42px;}
#cornhole_search_form #cornhole_search_term {width: 317px; border: 0px; color: #CCC; font-size: 1.125em; padding: 8px 20px; background: url('../layout/search-bg.jpg') no-repeat;}
#cornhole_search_form #cornhole_search_submit {width: 126px; height: 27px; border: 0px; padding: 0px; color: #FFF; font-size: .875em;font-weight: bold; background: url('../layout/search-submit.jpg') no-repeat;}
h1 {display: inline; float: right; color: #6b93bb; font-size: .75em;}

#cornhole_top_menu {width: 960px; height: 38px; padding-left: 10px; text-align: center; background: url('../layout/cornhole-menu-bg.jpg') no-repeat; clear: both}
#cornhole_top_menu a:link, #cornhole_top_menu a:active, #cornhole_top_menu a:visited {width: 120px; height: 38px; line-height: 38px; vertical-align: middle; margin-right: 15px; color: #FFF; font-size: .75em; border-left: 1px solid transparent; border-right: 1px solid transparent; text-decoration: none; display: block; float: left;} 
#cornhole_top_menu a:hover {background: url('../layout/site-bg.jpg') 0px -170px repeat-x; text-decoration: underline; border-left: 1px solid #08325A; border-right: 1px solid #08325A; }

#cornhole_body {background: #FFFFFF url('../layout/content-bottom.gif') no-repeat center bottom;}

#cornhole_left_menu {width: 180px; float: left}
#cornhole_left_menu h3 {width: 138px; height: 25px; margin: 5px 8px; padding-top: 8px; padding-left: 25px; background:url('../layout/menu-heading-bg.jpg') no-repeat; color: #143c64; font-size: .75em;}
#cornhole_left_menu a:link, #cornhole_left_menu a:active, #cornhole_left_menu a:visited {width: 165px; height: 28px; margin-bottom: 5px; padding-left: 25px; line-height: 28px; vertical-align: middle; font-size: .75em; text-decoration: none; display: block;} 
#cornhole_left_menu a:hover {background: url('../layout/left-menu-hover.jpg') no-repeat; color: #FFF; text-decoration: underline;}

#cornhole_left_menu a.cornhole_resource:link, #cornhole_left_menu a.cornhole_resource:active, #cornhole_left_menu a.cornhole_resource:visited {width: 185px; height: 28px; margin-bottom: 5px; padding-left: 10px; line-height: 28px; vertical-align: middle; font-size: .75em; text-decoration: none; display: block;} 
#cornhole_left_menu a.cornhole_resource:hover {background: #FFF; color: #022c78; text-decoration: underline;}

#cornhole_content {width: 770px; padding: 15px 0 15px 10px; float: left;}
#cornhole_content h2 {font-size: 1em; margin: 10px 5px 5px 5px; color: #022c78; text-align: center; }
#cornhole_content p {font-size: .875em; margin: 8px 0}
#cornhole_content em {font-size: .75em;}


/*
#cornhole_content .cornhole_sport_menu {width: 362px; margin-right: 20px; margin-bottom: 25px; padding: 0 0 4px 0; background:url('../layout/site-bg.jpg') repeat-x; float: left;}
#cornhole_content .cornhole_sport_menu h2 {margin: 0; color: #6E98C0; font-size: 1.25em; font-family: times new roman, serif; font-style: italic;}
#cornhole_content .cornhole_sport_menu_title {background: url('../layout/small-menu-bar-bg.png') no-repeat;}
#cornhole_sport_box .cornhole_sport_menu a {font-size: .75em; color: #FFF;}
.cornhole_sport_menu {padding: 10px 0;}
*/




#cornhole_sport_box {width: 758px; margin-bottom: 10px;}
.menu_title {width: 750px; background: url('../layout/menu-bar-bg.png') no-repeat; height: 18px; margin: 0px; padding: 2px 4px; border: 0;}
#cornhole_sport_box .menu_title h2 {margin: 0; text-align: center; color: #FFF; font-size: 1.25em; font-family: times new roman, serif; font-style: italic;}
.cornhole_sport_menu {width: 742px; padding: 4px; border: 4px solid #063058;}
.cornhole_sport_menu a {font-size: .687em;}

/*
#cornhole_sport_box div.menu_title {width: 744px; background: url('../layout/menu-bar-bg.png') no-repeat; height: 22px; margin: 0px; padding: 0 4px; border: 0;}
#cornhole_sport_box div.cornhole_sport_menu {float: none; width: 742px; padding: 8px;}
#cornhole_sport_box .cornhole_sport_menu .cornhole_sport_brdr {border: 1px solid #063058;}
#cornhole_sport_box div.cornhole_sport_menu h2 {width: 500px; margin-left: 100px; color: #FFF; float: left;}
#cornhole_sport_box div.cornhole_sport_menu ul {width: 250px; background: #F2F2F2; border: 0; list-style: none; margin: 0 auto 10px auto; padding: 5px 0; float: left;}
#cornhole_sport_box div.cornhole_sport_menu li {padding: 0; margin-left: 5px;}
#cornhole_sport_box .cornhole_sport_menu ul a {font-size: .625em;}
#cornhole_sport_box div.cornhole_sport_menu img {float: right; margin: 4px 2px; width: 16px; height: 16px; border: 0px;}
*/

#cornhole_content .cornhole_item_small {width: 357px; height: 287px; margin-right: 20px; margin-bottom: 25px; padding: 4px; background:url('../layout/small-item-bg.jpg') no-repeat; float: left;}
.cornhole_item_small .cornhole_item_title {width: 347px; padding-bottom: 3px; margin-bottom: 5px; font-size: .875em; font-weight: bold; text-decoration: none; text-align: center; border-bottom: 1px solid #acacac; display: block; }
.cornhole_item_small .cornhole_item_img {float: left; padding: 3px; margin: 2px; background: #FFF; border: 1px solid #acacac;}
.cornhole_item_small .cornhole_item_desc {width: 220px; margin-top: 8px; float: right; text-align: center;}
.cornhole_item_small .cornhole_item_desc_link {font-size: .625em; font-weight: bold; text-align: center;}
#cornhole_content .cornhole_item_desc p {font-size: .625em; color: #333333; padding-right: 5px; text-align: left;}
#cornhole_content .bags_upsell {width: 100%; font-size: .625em; color: #333333; text-align: center; margin-top: 0px; clear: left; float: left;}
#cornhole_content .cornhole_item_small .cornhole_item_desc h2 {font-size: .75em; margin: 10px 5px 5px 5px; color: #7098c1;}
.cornhole_item_small .cornhole_item_desc span {font-size: .875em; color: #333333; font-weight: bold; display: block; text-align: center;}
.cornhole_item_small .cornhole_item_desc span.green {color: #1a7d0c; display: inline;}
.cornhole_item_small .cornhole_buy_now {width: 126px; height: 27px; font-weight: .75em; font-weight: bold; background:url('../layout/buy-bg.gif') no-repeat; border: 0; color: #FFF; margin: 10px auto; display: block;}
.cornhole_item_small .cornhole_buy_now:hover {color: #7098c1;}

#cornhole_content .cornhole_item_large {width: 649px; height: 600px; margin: 20px auto; padding: 4px; background:url('../layout/large-item-bg.jpg') no-repeat; }
.cornhole_item_large .cornhole_item_title {width: 639px; padding-bottom: 3px; margin-bottom: 5px; font-size: 1.125em; text-decoration: none; text-align: center; border-bottom: 1px solid #acacac; display: block; }
.cornhole_item_large .cornhole_item_img {float: left; padding: 3px; margin: 2px; background: #FFF; border: 1px solid #acacac;}
.cornhole_item_large .cornhole_item_desc {width: 300px; margin-top: 8px; margin-left: 15px; float: left; text-align: center;}
.cornhole_item_large .cornhole_item_desc_link {font-size: .75em; font-weight: bold; text-align: center;}
#cornhole_content .cornhole_item_large .cornhole_item_desc p {font-size: .75em; color: #333333; padding-right: 5px; text-align: left;}
#cornhole_content .cornhole_item_large .cornhole_item_desc p.bag_title {text-align: center; font-weight: bold;}
#cornhole_content .cornhole_item_large .cornhole_item_desc h2 {font-size: 1.125em; margin: 15px 5px 5px 5px; color: #7098c1;}
.cornhole_item_large .cornhole_item_desc span {font-size: .875em; color: #333333; font-weight: bold; display: block; text-align: center;}
.cornhole_item_large .cornhole_item_desc span.green {color: #1a7d0c; display: inline;}
.cornhole_item_large .cornhole_buy_now {width: 126px; height: 27px; font-weight: .75em; font-weight: bold; background:url('../layout/buy-bg.gif') no-repeat; border: 0; color: #FFF; margin: 10px auto; display: block;}
.cornhole_item_large .cornhole_buy_now:hover {color: #7098c1;}
.cornhole_item_large label {width: 145px; text-align: right; font-size: .875em; padding-right: 5px; display: block; float: left;}

#page_button_wrapper {width: 544px; margin: 0 auto; text-align: center}
a.page_buttons:link, a.page_buttons:active, a.page_buttons:visited {width: 126px; height: 27px; font-weight: .75em; font-weight: bold; background:url('../layout/buy-bg.gif') no-repeat; border: 0; color: #FFF; text-decoration: none; margin: 10px 5px; padding-top: 4px; display: block; float: left;}
a.page_buttons:hover {color: #FFFF80; text-decoration: underline;}


#disclaimer {width: 700px; margin: 0 auto; font-size: .687em; color: #333; }
#disclaimer_detail {width: 650px; margin: 0 auto; font-size: .75em; color: #333; }

#cornhole_bottom_nav {width: 931px; height: 37px; margin: 0 auto; color: #7098C1; text-align: center; background: url('../layout/bottom-nav-bg.jpg') no-repeat;}
#cornhole_bottom_nav a {font-size: .75em; color: #7098C1; text-decoration: none;}
#cornhole_bottom_nav a:hover {color: #FFF;}

/* General Formating */
a:link, a:active, a:visited {color: #022c78;}
a:hover {color: #990033; text-decoration:none;}

.clearBoth {clear: both}
.clearLeft {clear: left}
.clearRight {clear: right}

.alignCenter {text-align: center;}
.alignLeft {text-align: left;}
.alignRight {text-align: right;}

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:url(images/overlay.png) 0 0 repeat;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(images/controls.png) -100px 0 no-repeat;}
    #cboxTopRight{width:21px; height:21px; background:url(images/controls.png) -129px 0 no-repeat;}
    #cboxBottomLeft{width:21px; height:21px; background:url(images/controls.png) -100px -29px no-repeat;}
    #cboxBottomRight{width:21px; height:21px; background:url(images/controls.png) -129px -29px no-repeat;}
    #cboxMiddleLeft{width:21px; background:url(images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(images/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(images/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(images/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(images/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(images/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(images/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}