@charset "utf-8";
html, body{ margin:0; background:url(/images/background.gif) repeat-x #d7e6ec; height:100%; font-family:Verdana; font-size:11px; color:#424242; }
a{ color:#424242; }
img{ border:none; }
form{ padding:0; margin:0; }
.strong{ font-weight:bold; }
.italic{ font-style:italic; }
.darkgray{ color:#9c9c9c; }
.hidden{ display:none; visibility:hidden; } .visible{ display:block; visibility:visible; }
ul li, ol li{ margin-bottom:3px; }
#siteContainer{ width:1000px; margin: 0 auto 0 auto; height:auto; min-height:100%; position:relative; padding-bottom:50px; }
#siteContainer #siteHeader{ height:180px; background:url(/images/headerBackground.gif) no-repeat; position:relative; }
#siteContainer #siteHeader div.leaderboard{ position:absolute; left:251px; top:3px; width:728px; height:90px; z-index:3; }
#siteContainer #siteHeader div.logo{ width:193px; height:164px; float:left; }
#siteContainer #siteHeader div.navigation{ float:left; height:68px; margin:96px 0 0 0; }
#siteContainer #siteHeader div.navigation a{ display:inline-block; height:68px; padding:0 15px 0 15px; line-height:51px; color:#e3fad1; font-size:22px; text-decoration:none; background:none; border-left:1px solid #9ce16b;  }
#siteContainer #siteHeader div.navigation a:hover, #siteContainer #siteHeader div.navigation a.active{ background:url(/images/navlinkArrow.gif) bottom center no-repeat; color:#FFFFFF; }
#siteContainer #siteHeader div.navigation a.noarrow:hover{ background:none; }
#siteContainer #siteHeader div.catdiv{ position:absolute; z-index:6; background:url(/images/browseHoverBackground.png) no-repeat; width:111px; min-height:20px; padding-top:30px; }
#siteContainer #siteHeader div.catdiv div.links{ background-color:#95ec6f; width:102px; margin:0 auto 0 auto; padding:0 0 2px 0; }
#siteContainer #siteHeader div.catdiv div.links a{ font-family: Arial, Helvetica, sans-serif; font-size:12px; display:block; width:100px; height:17px; background-color:#6be741; margin:2px auto 2px 2px; text-align:center; font-weight:bold; color:#FFFFFF; text-decoration:none; }
#siteContainer #siteHeader div.catdiv div.links a:hover{ background:#FFFFFF; color:#8cc63f; }
#siteContainer #siteHeader div.searchbar{ float:left; height:68px; margin:96px 0 0 0; border-left:1px solid #9ce16b; }
#siteContainer #siteHeader div.searchbar form{ margin:8px 0 0 15px; }
#siteContainer #siteHeader div.searchbar form input{ vertical-align:middle; }
#siteContainer #siteHeader div.searchbar form input.searchTxt{ width:233px; height:32px; padding:5px 0 0 7px; background:url(/images/searchBackground.gif) no-repeat; border:none; font-size:22px; color:#b0afa7; }

#siteContainer #siteBody{ margin-top:5px; }

#siteContainer #siteBody #leftColumn{ width:685px; float:left; }
#siteContainer #siteBody #leftColumn div.titleModule{ border:2px solid #dfedf7; background:#FFFFFF url(/images/headerBird.gif) no-repeat 5px 1px; font-size:23px; color:#71bb33; font-weight:bold; padding:3px 0 3px 40px; margin-bottom:10px; }
#siteContainer #siteBody #leftColumn div.themeListing{ margin-left:-9px; width:694px; }
#siteContainer #siteBody #leftColumn div.themeListing div.themeListingItem{ float:left; width:216px; height:271px; background-color:#f0fbd8; margin:0 0 10px 11px; padding:2px; }
#siteContainer #siteBody #leftColumn div.themeListing div.themeListingItem div.preview img{ width:216px; height:234px; }
#siteContainer #siteBody #leftColumn div.themeListing div.themeListingItem div.title{ background:#FFFFFF; color:#6ab135; font-size:14px; height:37px; line-height:37px; font-weight:bold; overflow:hidden; }
#siteContainer #siteBody #leftColumn div.themeListing div.themeListingItem div.title img{ margin-top:-8px; vertical-align:top; }
#siteContainer #siteBody #leftColumn div.themeListing div.themeListingItem div.title a{ color:#6ab135; text-decoration:none; vertical-align:middle; }
#siteContainer #siteBody #leftColumn div.themeListing div.themeListingItem div.title a:hover{ text-decoration:underline; }

#siteContainer #siteBody #leftColumn div.tanMessage{ background-color:#f0fbd8; border:1px solid #bcc78c; text-align:left; padding:8px; margin-bottom:5px; }
#siteContainer #siteBody #leftColumn div.errorMessage{ background-color:#FF0000; border:1px solid #FFFFFF; color:#FFFFFF; text-align:left; padding:8px; margin-bottom:5px; font-weight:bold; }
#siteContainer #siteBody #leftColumn div.normalMessage{ background-color:#33CC33; border:1px solid #FFFFFF; color:#FFFFFF; text-align:left; padding:8px; margin-bottom:5px; font-weight:bold; }

#siteContainer #siteBody #leftColumn div.mainModule div.themeListing{ margin-left:-15px; width:694px; }
#siteContainer #siteBody #leftColumn div.mainModule div.themeListing div.themeListingItem{ float:left; width:200px; height:261px; background-color:#f0fbd8; background-color:#CCCCCC; margin:0 0 10px 15px; padding:2px; }
#siteContainer #siteBody #leftColumn div.mainModule div.themeListing div.themeListingItem div.preview img{ width:200px; height:222px; }
#siteContainer #siteBody #leftColumn div.mainModule div.themeListing div.themeListingItem div.title{ border-top:2px solid #CCCCCC; background:#FFFFFF; color:#6ab135; font-size:14px; height:37px; line-height:37px; font-weight:bold; }
#siteContainer #siteBody #leftColumn div.mainModule div.themeListing div.themeListingItem div.title img{ margin-top:-8px; vertical-align:top; }
#siteContainer #siteBody #leftColumn div.mainModule div.themeListing div.themeListingItem div.title a{ color:#6ab135; text-decoration:none; vertical-align:middle; }
#siteContainer #siteBody #leftColumn div.mainModule div.themeListing div.themeListingItem div.title a:hover{ text-decoration:underline; }

#siteContainer #siteBody #leftColumn div.mainModule{ background:url(/images/mainModuleTop.gif) no-repeat #FFFFFF; padding:25px 20px 10px 20px; position:relative; margin:0 0 10px 0; }
#siteContainer #siteBody #leftColumn div.mainModule div.breadcrumbs{ height:19px; background:url(/images/breadCrumbsHome.png) no-repeat; text-indent:38px; font-size:14px; color:#c4c4c4; line-height:19px; margin-bottom:20px; }
#siteContainer #siteBody #leftColumn div.mainModule div.breadcrumbs span.arrow{ display:inline-block; height:13px; width:16px; background:url(/images/breadcrumbArrow.gif) no-repeat center 3px; margin:0 3px 0 3px; }
#siteContainer #siteBody #leftColumn div.mainModule div.breadcrumbs a{ color:#c4c4c4; text-decoration:none; }
#siteContainer #siteBody #leftColumn div.mainModule div.breadcrumbs a:hover{ text-decoration:underline; }
#siteContainer #siteBody #leftColumn div.mainModule h1{ font-size:14px; font-weight:bold; color:#9c9c9c; }
#siteContainer #siteBody #leftColumn div.mainModule h1 a{ color:#9c9c9c; text-decoration:none; }
#siteContainer #siteBody #leftColumn div.mainModule h1 a:hover{ text-decoration:underline; }

#siteContainer #siteBody #leftColumn div.mainModule div.letterNav{ position:absolute; z-index:3; top:25px; right:20px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; }
#siteContainer #siteBody #leftColumn div.mainModule div.letterNav a{ color:#c5c5c5; text-decoration:none; padding:0 1px 0 1px; border:1px solid #FFFFFF; padding:0; margin:0; }
#siteContainer #siteBody #leftColumn div.mainModule div.letterNav a.active{ background:#c4c4c4; border:1px solid #b9b8b8; color:#FFFFFF; padding:0 2px 0 2px; }
#siteContainer #siteBody #leftColumn div.mainModule div.letterNav a:hover{ border:1px solid #9a9898; }

#siteContainer #siteBody #leftColumn div.mainModule div.form{ margin:5px 0 10px 0; }
#siteContainer #siteBody #leftColumn div.mainModule div.form div.label{ margin-bottom:3px; }
#siteContainer #siteBody #leftColumn div.mainModule div.form div.field{ margin-bottom:6px; }
#siteContainer #siteBody #leftColumn div.mainModule div.form div.field input, #siteContainer #siteBody #leftColumn div.mainModule div.form div.field textarea, #siteContainer #siteBody #leftColumn div.mainModule div.form div.field select, .input{ width:300px; border:2px solid #b9b9b9; background-color:#FFFFFF; font-size:12px; padding:3px; margin-bottom:3px; }
#siteContainer #siteBody #leftColumn div.mainModule div.form div.submit{ width:305px; height:30px; }
#siteContainer #siteBody #leftColumn div.mainModule div.form div.submit input{ float:right; display:block; background:url(/images/profileButtonBackround.gif) no-repeat; width:65px; height:25px; line-height:20px; text-align:center; color:#92948e; font-size:12px; cursor:pointer; border:none; }

#siteContainer #siteBody #leftColumn div.mainModule div.themePreview{ margin-bottom:15px; width:645px; height:334px; background-image:url(/images/placeholderPreview.jpg); }
#siteContainer #siteBody #leftColumn div.mainModule div.themePreview img{ border:2px solid #e7e7e7; width:645px; height:334px; }

#siteContainer #siteBody #leftColumn div.mainModule div.themeDetailBar{ background:#f7f7f7; height:17px; padding:3px 8px 2px 8px; font-size:12px; font-weight:bold; color:#548f33; line-height:17px; margin-bottom:15px; }
#siteContainer #siteBody #leftColumn div.mainModule div.themeDetailBar img{ vertical-align:middle; margin-right:5px; }
#siteContainer #siteBody #leftColumn div.mainModule div.themeDetailBar span.detailItem{ display:inline-block; margin-right:15px; }
#siteContainer #siteBody #leftColumn div.mainModule div.themeDetailBar span.detailItem a{ text-decoration:none; color:#548f33; }

#siteContainer #siteBody #leftColumn div.mainModule div.descriptionBar{ background:#f7f7f7; color:#818181; padding:5px; margin-bottom:15px; }
#siteContainer #siteBody #leftColumn div.mainModule div.themeButtonBar{ margin:10px 0 10px 0; border-top:1px dotted #b5b5b5; padding-top:10px; }
#siteContainer #siteBody #leftColumn div.mainModule div.themeButtonBar a.button{ font-family:Verdana; display:inline-block; background:url(/images/profileButtonBackround.gif) no-repeat; width:65px; height:25px; line-height:25px; text-align:center; color:#92948e; font-size:11px; text-decoration:none; }

#siteContainer #siteBody #leftColumn div.mainModule div.table{ margin-bottom:5px; }
#siteContainer #siteBody #leftColumn div.mainModule div.table div.row{ margin-bottom:3px; float:none; clear:both; }
#siteContainer #siteBody #leftColumn div.mainModule div.table div.row.header{ text-decoration:underline; }
#siteContainer #siteBody #leftColumn div.mainModule div.table div.row.alt0{ background-color:#f0fbd8; }
#siteContainer #siteBody #leftColumn div.mainModule div.table div.row div.column{ float:left; width:150px; text-align:left; }

#siteContainer #siteBody #leftColumn div.pagination{ text-align:center; margin:15px 0 15px 0; }
#siteContainer #siteBody #leftColumn div.pagination a{ padding:2px 4px 2px 4px; font-size:12px; border:1px solid #FFFFFF; font-family:Arial, Helvetica, sans-serif; color:#000000; text-decoration:none; }
#siteContainer #siteBody #leftColumn div.pagination a.active{ border:1px solid #50737e; text-decoration:none; }
#siteContainer #siteBody #leftColumn div.pagination a:hover{ border:1px solid #50737e; background:#f0fbd8; text-decoration:none; }

#siteContainer #siteBody #rightColumn{ width:305px; margin-left:10px; float:left; }
#siteContainer #siteBody #rightColumn div.module{ width:298px; background-color:#FFFFFF; padding:2px; margin:0 auto 5px auto; }
#siteContainer #siteBody #rightColumn div.module.loginTitle{ background-color:#f0fbd8; width:286px; border:1px solid #bcc78c; text-align:center; padding:8px; }
#siteContainer #siteBody #rightColumn div.module.userbox div.avatar{ float:left; margin:5px 0 5px 5px; }
#siteContainer #siteBody #rightColumn div.module.userbox div.avatar img{ border:1px solid #d8f5f5; }
#siteContainer #siteBody #rightColumn div.module.userbox div.userlogin{ float:left; margin:5px 0 5px 15px; }
#siteContainer #siteBody #rightColumn div.module.userbox div.userlogin input{ width:95%; border:1px solid #b9b9b9; background-color:#FFFFFF; font-size:12px; padding:2px; margin-bottom:3px; }
#siteContainer #siteBody #rightColumn div.module.userbox input.submit{ font-family:Verdana; color:#424242; display:block; background:url(/images/profileButtonBackround.gif) no-repeat; width:65px; height:25px; line-height:20px; text-align:center; color:#92948e; font-size:11px; cursor:pointer; border:none; }

#siteContainer #siteBody #rightColumn div.module.categories{ width:296px; background:#95ec6f; border:2px solid #ebf4fb; }
#siteContainer #siteBody #rightColumn div.module.categories a{ float:left; display:inline-block; background:#6be741; margin:2px; width:94px; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:12px; font-weight:bold; text-align:left; text-decoration:none; line-height:17px; vertical-align:middle; }
#siteContainer #siteBody #rightColumn div.module.categories a:hover{ background:#FFFFFF; color:#8cc63f; }
#siteContainer #siteBody #rightColumn div.module.categories a img{ vertical-align:top; margin-left:5px; }

#siteFooter{ background:#5f5e55; width:100%; height:90px; position:relative; /*left:0px; bottom:-108px;*/ clear:both; font-family:Arial; font-size:12px; color:#ababaa; }
#siteFooter a{ color:#ababaa; text-decoration:none; }
#siteFooter a:hover{ color:#FFFFFF; }
#siteFooter div.icons{ width:600px; height:60px; position:relative; margin:0 auto 5px auto; text-align:center; }
#siteFooter div.icons a{ display:inline-block; margin:-30px 10px 0 0; }
#siteFooter div.links{ margin:5px 0 0 0; text-align:center; }
div.breaker{ clear:both; float:none; height:1px; }


