@import url("css/menu.css");
@import url("css/moduleActionMenu.css");

/* CSS Document */

/* ControlPanel style */
/*.ControlPanel{background:transparent url(images/cpanel_center.png) repeat-x bottom left; border:none;padding-bottom:10px;}
.cpanel_left {background: url(images/cpanel_left.png) no-repeat bottom left;padding-left:21px;}
.cpanel_right {background: url(images/cpanel_right.png) no-repeat bottom right;padding-right:33px;}*/

/*#dnn_ControlPanel { display: none; }*/

.ControlPanel {
	position: absolute;
	width:960px;
	z-index: 101;
}

html,body#Body,h1,h2,h3,h4,h5,h6,p,img,ul,ol,li,form,fieldset
{
margin:0;
padding:0;
border:0 none;
}
.clearfix:after
{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
body#Body
{
background:#fff url(images/art/bg.jpg) 0 0 repeat-x;
text-align:center;
}
#wrap
{
width:960px;
margin:0 auto;
text-align:left;
}
#header
{
width:960px;
height:156px;
position:relative;
}
#header h1
{
width:292px;
height:74px;
background:url(images/art/logo.jpg) 0 0 no-repeat;
position:absolute;
top:18px;
left:0;
}
#header h1 a
{
width:292px;
height:74px;
display:block;
}
#header h1 span{display:none;}
#header p
{
width:85px;
height:15px;
font:11px Arial, Helvetica, sans-serif;
color:#898989;
line-height:14px;
background:url(images/art/link-bg.jpg) 0 0 no-repeat;
position:absolute;
top:60px;
right:0;
}
#header p a
{
margin:0 5px;
color:#898989;
text-decoration:none;
font-weight: normal;
text-transform: lowercase;
}
#header p a:hover{text-decoration:underline;}
#header a.rss
{
width:239px;
height:39px;
background:url(images/art/rss.jpg) 0 0 no-repeat;
background-color: Aqua;
position:absolute;
right:0;
top:117px;
z-index: 100;
}
#header a.rss span{display:none;}
/*#nav
{
width:493px;
height:39px;
background:url(../images/art/nav.jpg) 0 0 no-repeat;
position:absolute;
top:117px;
left:0;
}
#nav li
{
float:left;
display:inline;
}
#nav li a
{
height:9px;
display:block;
margin:16px 0 13px 30px;
}
#nav #pan1 a{width:72px; margin-left:2px;}
#nav #pan2 a{width:32px;}
#nav #pan3 a{width:60px;}
#nav #pan4 a{width:31px;}
#nav #pan5 a{width:75px;}
#nav #pan6 a{width:71px;}
#nav li a span{display:none;}*/

#content
{
width:960px;
clear:both;
}
#left-main
{
width:700px;
float:left;
display:inline;
padding:0 0 25px 0;
}
#left-main h3.latest
{
width:85px;
height:13px;
background:url(images/headers/h3-news.gif) 0 0 no-repeat;
display:block;
margin:0 0 10px 0;
}
#left-main h3.calendar
{
width:62px;
height:13px;
background:url(images/headers/h3-calendar.gif) 0 0 no-repeat;
display:block;
margin:0 0 25px 0;
}
#left-main h3.real-game
{
width:152px;
height:13px;
background:url(images/headers/h3-real-game.gif) 0 0 no-repeat;
display:block;
margin:0 0 10px 0;
}
#left-main h3 span{display:none;}
#left-main h4
{
font:bold 12px Arial, Helvetica, sans-serif;
color:#3b3b3b;
line-height:15px;
margin:0 0 5px 0;
}
#left-main p
{
font:11px Arial, Helvetica, sans-serif;
color:#3b3b3b;
line-height:15px;
margin:0 0 10px 0;
}
#left-main p.grey
{
color:#898989;
padding:10px;
background:#eeeeee;
}
#left-main img.iml
{
float:left;
display:inline;
margin:0 9px 0 0;
}
#left-main a
{
font:bold 11px Arial, Helvetica, sans-serif;
color:#7a6a90;
line-height:15px;
text-decoration:none;
background:url(images/link.jpg) 0 4px no-repeat;
padding:0 0 0 10px;
}
#left-main a:hover{color:#3a1c64;}
#left-main ol
{
width:700px;
float:left;
display:inline;
margin:25px 0 0 0;
}
#left-main ol li
{
width:212px;
float:left;
display:inline;
}
#left-main ol li.ctr{margin:0 31px;}
#left-main ul li
{
width:212px;
float:left;
display:inline;
font:11px Arial, Helvetica, sans-serif;
color:#3b3b3b;
line-height:15px;
padding:15px 0;
background:url(images/dot.jpg) 0 bottom repeat-x;
}
#left-main ul.none li
{
width:150px;
padding:15px 0 15px 60px;
}
#left-main ul.newsEntries { margin-bottom: 20px; }
#left-main ul li.none{background:none;}
#left-main ul li.game1{background:url(images/game1.jpg) 0 center no-repeat;}
#left-main ul li.game2{background:url(images/game2.jpg) 0 center no-repeat;}
#left-main ul li.game3{background:url(images/game3.jpg) 0 center no-repeat;}
#left-main ul li.game4{background:url(images/game4.jpg) 0 center no-repeat;}
#left-main ul li.game5{background:url(images/game5.jpg) 0 center no-repeat;}
#left-main ul li a
{
color:#3b3b3b;
text-decoration:none;
background:none;
padding:0;
font-weight:normal;
}
#left-main ul li a:hover strong{color:#552894;}
#left-main a.news-archive
{
width:101px;
height:23px;
background:url(images/btn-news-archive.jpg) 0 0 no-repeat;
display:block;
clear:both;
padding:0;
}
#left-main a.view-events
{
width:112px;
height:23px;
background:url(images/btn-view-events.jpg) 0 0 no-repeat;
display:block;
padding:0;
}
#left-main a.news-archive span, #left-main a.view-events span{display:none;}
#carousel
{
width:338px;
height:526px;
border-bottom:7px solid #e7edeb;
float:left;
display:inline;
margin:0 15px 0 0;
background:url(images/ajax.jpg) 0 0 no-repeat;
}
#carousel p
{
width:246px;
font:12px Arial, Helvetica, sans-serif;
color:#616161;
line-height:16px;
margin:464px 5px 0 18px;
float:left;
display:inline;
}
#carousel a.prev
{
width:20px;
height:29px;
background:url(images/btn-prev.jpg) 0 0 no-repeat;
display:block;
float:left;
display:inline;
margin:487px 0 0 0;
}
#carousel a.next
{
width:20px;
height:29px;
background:url(images/btn-next.jpg) 0 0 no-repeat;
display:block;
float:left;
display:inline;
margin:487px 0 0 0;
}
#carousel a.prev:hover{background:url(images/btn-prev.jpg) 0 -29px no-repeat;}
#carousel a.next:hover{background:url(images/btn-next.jpg) 0 -29px no-repeat;}
#carousel a.prev span, #carousel a.next span{display:none;}
#left-main #welcome
{
width:347px;
float:left;
display:inline;
padding:27px 0 0 0;
}
#left-main #welcome h1
{
width:273px;
height:21px;
background:url(images/headers/h1-welcome.gif) 0 0 no-repeat;
display:block;
margin:0 0 9px 0;
}
#left-main #welcome h2
{
width:345px;
height:196px;
background:url(images/headers/h2-welcome.gif) 0 0 no-repeat;
display:block;
}
#left-main #welcome h3.new
{
width:122px;
height:13px;
background:url(images/headers/h3-new.gif) 0 0 no-repeat;
display:block;
}
#left-main #welcome h3.exist
{
width:115px;
height:16px;
background:url(images/headers/h3-existing.gif) 0 0 no-repeat;
display:block;
}
#left-main #welcome h1 span, #left-main #welcome h2 span, #left-main #welcome h3 span{display:none;}
#left-main #welcome h6
{
font:10px Arial, Helvetica, sans-serif;
color:#898989;
line-height:12px;
margin:0 0 15px 0;
}
#left-main #welcome p
{
font:11px Arial, Helvetica, sans-serif;
color:#616161;
line-height:15px;
margin:0;
}
#left-main #welcome a
{
font:bold 11px Arial, Helvetica, sans-serif;
color:#7a6a90;
text-decoration:none;
background:url(images/link.jpg) 0 4px no-repeat;
padding:0 0 0 10px;
}
#left-main #welcome a:hover{color:#3a1c64;}
#left-main #welcome ul{list-style:none;}
#left-main #welcome ul li
{
width:100%;
float:left;
display:inline;
padding:18px 0;
background:url(images/dot.jpg) 0 bottom repeat-x;
}
#left-main #welcome div.image
{
width:97px;
float:left;
display:inline;
margin:0 15px 0 0 ;
}
#left-main #welcome div.details
{
width:200px;
float:left;
display:inline;
}
#right-main
{
width:239px;
float:right;
display:inline;
padding:0 0 25px 0;
}
#right-main h1.browse
{
width:70px;
height:18px;
background:url(images/headers/h1-browse.gif) 0 0 no-repeat;
display:block;
float:left;
display:inline;
}
#right-main h1.browse.main
{
float:none;
display:block;
margin:0 0 5px 0;
}
#right-main h1 span{display:none;}
#right-main h3.cica
{
width:188px;
height:31px;
background:url(images/headers/h3-cica.gif) 0 0 no-repeat;
display:block;
margin:0 0 5px 20px;
}
#right-main h3.ncdw
{
width:210px;
height:31px;
background:url(images/headers/h3-ncdw.gif) 0 0 no-repeat;
display:block;
margin:0 0 5px 20px;
}
#right-main h3 span{display:none;}
#right-main h3.new
{
width:122px;
height:13px;
background:url(images/headers/h3-new.gif) 0 0 no-repeat;
display:block;
margin:0 0 10px 0;
}
#right-main h3.exist
{
width:115px;
height:16px;
background:url(images/headers/h3-existing.gif) 0 0 no-repeat;
display:block;
margin:0 0 10px 0;
}
#right-main h6
{
font:10px Arial, Helvetica, sans-serif;
color:#898989;
line-height:12px;
float:left;
display:inline;
margin:7px 0 10px 5px;
}
#right-main h6.main{margin:0 0 20px 0;}
#right-main p
{
font:11px Arial, Helvetica, sans-serif;
color:#616161;
line-height:15px;
margin:5px 20px 19px 20px;
}
#right-main p a{color:#3a1c64;}
#right-main a.purple
{
font:bold 11px Arial, Helvetica, sans-serif;
color:#3a1c64;
text-decoration:none;
background:url(images/link.jpg) 0 4px no-repeat;
padding:0 0 0 10px;
margin:0;
float:left;
display:inline;
}
#right-main img{margin:0 0 5px 20px;}
#right-main ul{list-style:none;}
#right-main ul li
{
width:100%;
clear:left;
float:left;
display:inline;
}
#right-main ul li a
{
width:100%;
font:10px Arial, Helvetica, sans-serif;
color:#3b3b3b;
line-height:14px;
text-decoration:none;
float:left;
display:inline;
margin:0 0 15px 0;
}
#right-main ul li a strong{font-size:11px;}
#right-main ul li a:hover strong{color:#321857;}
#right-main ul.libraryCategories li a { font-size: 11px; font-weight: bold; }
#right-main ul.libraryCategories li a:hover { color: #321857; }
#right-main div.section
{
background:none;
padding:0;
}
#right-main div.section ul
{
width:237px;
list-style:none;
}
#right-main div.section ul li
{
width:237px;
float:left;
display:inline;
padding:20px 0 20px 0;
background:url(images/dot.jpg) 0 bottom repeat-x;
}
#right-main div.section ul li.none{padding:0 0 20px 0;}
#right-main div.section ul li a{color:#7a6a90;}
#right-main div.section ul li a:hover{color:#3a1c64;}
#right-main div.section div.image
{
width:64px;
float:left;
display:inline;
margin:0 15px 0 0;
padding:0;
background:none;
}
#right-main div.section div.image img{margin:0;}
#right-main div.section div.details
{
width:148px;
float:left;
display:inline;
padding:0;
background:none;
margin:0;
}
#right-main #search
{
width:199px;
height:133px;
background:#eeeeee url(images/search-bg.jpg) 0 -18px no-repeat;
padding:0 20px;
float:left;
display:inline;
margin-bottom: 0;
}
#right-main #search.main
{
height:158px;
background:#eeeeee url(images/search-bg.jpg) 0 0 no-repeat;
}
#right-main #search h1
{
width:63px;
height:19px;
background: url(images/headers/h1-search.gif) 0 0 no-repeat;
float:left;
display:inline;
margin:16px 10px 7px 0;
}
#right-main #search h1.main
{
float:none;
display:block;
margin:16px 0 7px 0;
}
#right-main #search h1 span{display:none;}
#right-main #search h6{margin:24px 0 20px 0;}
#right-main #search h6.main
{
float:none;
display:block;
margin:0;
}
#right-main #search label
{
font:11px Arial, Helvetica, sans-serif;
color:#616161;
line-height:13px;
margin:5px 12px 0 0;
float:left;
display:inline;
}
#right-main #search input
{
width:131px;
height:19px;
background:#fff;
border:1px solid #c8c8c8;
padding:3px 0 0 5px;
font:11px Arial, Helvetica, sans-serif;
margin:0 0 11px 0;
}
#right-main #search .button
{
width:101px;
height:23px;
padding:0;
border:none;
margin:0 0 0 95px;
}
#right-main .clear{clear:both;}
#right-main div.main, #right-main div
{
width:204px;
padding:25px 15px 10px 20px;
margin:0 0 27px 0;
background:#eeeeee url(images/div-bg2.jpg) 0 0 no-repeat;
float:left;
display:inline;
}
#right-main div{width:225px; padding:25px 0 10px 14px;}
#right-main div.main{background:#eeeeee url(images/div-bg.jpg) 0 0 no-repeat;}
#footer-wrap
{
width:100%;
height:120px;
background:#34195a url(images/art/footer-wrap.jpg) 0 0 repeat-x;
clear:both;
}
#footer
{
width:960px;
margin:0 auto;
}
#footer h1
{
width:120px;
height:85px;
background:url(images/art/small-logo.jpg) 0 0 no-repeat;
float:left;
display:inline;
margin:35px 13px 0 0;
}
#footer h1 span{display:none;}
#footer p
{
font:11px Arial, Helvetica, sans-serif;
color:#fff;
line-height:14px;
text-align:left;
float:left;
display:inline;
margin:80px 0 0 0;
}
#footer p.link
{
font:10px Arial, Helvetica, sans-serif;
color:#fff;
line-height:12px;
background:#230b44;
float:right;
display:inline;
margin:35px 20px 0 0;
padding:10px;
}
#footer p.link a
{
color:#fff;
text-decoration:none;
margin:0 5px;
}
#footer p.link a:hover{text-decoration:underline;}

/* content - left column */
#left
{
width:700px;
float:left;
display:inline;
padding:0 0 25px 0;
}
#left h1
{
font:25px Arial, Helvetica, sans-serif;
color:#301753;
line-height:27px;
margin:0 0 15px 0;
}
#left h2
{
font:21px Arial, Helvetica, sans-serif;
color:#269b2f;
line-height:23px;
margin:0 0 15px 0;
}
#left h3
{
font:bold 17px Arial, Helvetica, sans-serif;
color:#7a6a90;
line-height:19px;
margin:0 0 15px 0;
}
#left h4
{
font:bold 15px Arial, Helvetica, sans-serif;
color:#7a6a90;
line-height:17px;
margin:0 0 15px 0;
}
#left p
{
font:12px Arial, Helvetica, sans-serif;
color:#616161;
line-height:19px;
margin:0 0 25px 0;
}
#left .breadcrumb
{
width:700px;
padding:10px 0;
background:url(images/dot.jpg) 0 bottom repeat-x;
margin:15px 0;
font:11px Arial, Helvetica, sans-serif;
color:#898989;
line-height:13px;
display: block;
}
#left .breadcrumb a
{
color:#6b43a5;
text-decoration:none;
/*background:url(images/link.jpg) right 5px no-repeat;*/
}
#left p.breadcrumb a.first{margin:0 10px 0 0;}
#left p.breadcrumb a:hover{text-decoration:underline;}

#left ul {
	padding-left: 20px;
}

#left li {
	font:12px Arial, Helvetica, sans-serif;
	color:#616161;
	list-style: circle;
}

/* Calendar */
#dnn_ctr830_Events_EventMonth_pnlDateControls
{
width:100%;
float:left;
display:inline;
background:url(images/dot.jpg) 0 top repeat-x;
padding:10px 0 5px 0;
}
#dnn_ctr830_Events_EventMonth_pnlDateControls #dnn_ctr830_Events_EventMonth_lnkToday
{
width:51px;
height:20px;
background:url(images/btn-today.jpg) 0 0 no-repeat;
display:block;
float:left;
display:inline;
margin:0 15px 0 0;
}
#dnn_ctr830_Events_EventMonth_pnlDateControls #dnn_ctr830_Events_EventMonth_lnkToday span{display:none;}
#dnn_ctr830_Events_EventMonth_pnlDateControls #dnn_ctr830_Events_EventMonth_CmdGoToDate
{
font:bold 11px Arial, Helvetica, sans-serif;
color:#3b3b3b;
text-decoration:none;
float:left;
display:inline;
margin:3px 5px 0 0;
}
#dnn_ctr830_Events_EventMonth_pnlDateControls #dnn_ctr830_Events_EventMonth_txtGoToDate
{
width:64px;
height:16px;
border:1px solid #c8c8c8;
padding:2px 0 0 5px;
font:11px Arial, Helvetica, sans-serif;
float:left;
display:inline;
margin:0 5px 0 0;
}
#dnn_ctr830_Events_EventMonth_pnlDateControls #dnn_ctr830_Events_EventMonth_cmdSelectDate
{
width:29px;
height:20px;
background:url(images/btn-go.jpg) 0 0 no-repeat;
display:block;
cursor:pointer;
}
#dnn_ctr830_Events_EventMonth_pnlDateControls div.lft
{
width:50%;
float:left;
display:inline;
}
#dnn_ctr830_Events_EventMonth_pnlDateControls div.rgt
{
float:right;
display:inline;
}

#dnn_ctr830_Events_EventMonth_EventCalendar
{
width:100%;
margin:0 0 30px 0;
border-right:1px solid #c7c6c7;
}
#dnn_ctr830_Events_EventMonth_EventCalendar td
{
width:98px;
vertical-align:top;
text-align:left;
}
#dnn_ctr830_Events_EventMonth_EventCalendar td.EventTitle
{
font:bold 13px Arial, Helvetica, sans-serif;
color:#fff;
text-align:center;
background:#3a1c64;
padding:5px 0;
border-bottom:1px solid #fff;
}
#dnn_ctr830_Events_EventMonth_EventCalendar td.EventDayHeader
{
font:bold 10px Arial, Helvetica, sans-serif;
color:#fff;
text-align:center;
text-transform:uppercase;
background:#7a6a90;
padding:5px 0;
}
#dnn_ctr830_Events_EventMonth_EventCalendar td.EventDay.EventWeekendDay
{
color:#a8a2b0;
background:#e7e7e7;
}
#dnn_ctr830_Events_EventMonth_EventCalendar td.EventDay
{
font:bold 10px Arial, Helvetica, sans-serif;
color:#3a1c64;
line-height:12px;
border:1px solid #c7c6c7;
border-top:none;
border-right:none;
background:#dbd9de;
vertical-align:top;
}
#dnn_ctr830_Events_EventMonth_EventCalendar td div.EventDayScroll
{
width:80px;
min-height:65px;
height:auto !important;
height:65px;
background:#ffffff;
font:10px Arial, Helvetica, sans-serif;
color:#3b3b3b;
padding:10px;
margin:5px 0 0 0;
}
#dnn_ctr830_Events_EventMonth_EventCalendar td div.EventDayScroll a
{
color:#3b3b3b;
text-decoration:none;
}
#dnn_ctr830_Events_EventMonth_EventCalendar td div.EventDayScroll a:hover{text-decoration:underline;}