/* CSS MB Digital*/
html{overflow-y: scroll;}
body{font-family:Arial, Helvetica, sans-serif;
color:#4D4D4D;
background-image:url(../images/home_back.jpg);
background-repeat:repeat-x;
background-color:#07708d;
margin:0px;
font-size:12px;
}
/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
--- fonts ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
h1{color:#4D4D4D; font-size:2em;}
h2{color:#4D4D4D; font-size:1.5em;}
a img{border:none;}
p{margin-bottom:0px; line-height:1.4em; font-size:1.2em;}
/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
--- layout ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.cleared{clear:both;}
/*************************************************************************************************************************************
*** homepage ***************************************************************************************************************************
*************************************************************************************************************************************/
#newsite{position:absolute; top:0px; right:0px;}
#homepage{text-align:center; width:1024px; margin:auto;}
#homepage h1{margin-top:20px; color:#888F97;}
#home_biglogo{display:block; margin:auto; margin-top:70px;}
#latest_news{background-image:url(../images/latest_news_back.jpg);
background-repeat:repeat-x;
height:70px;
margin-top:50px;
}
#latest_news div{width:984px; margin:auto; padding:12px 20px 20px 20px;}
#latest_news h2 { float:left; display:block; margin:12px; padding:0px;}
#latest_news h2 a{color:#c2dce8; text-decoration:none;}
#latest_news div ul {padding:15px 0px 0px 15px; margin:0px; float:left;}
#latest_news div ul li{background-image:url(../images/mini_star.png);
background-repeat:no-repeat;
float:left;
list-style:none;
padding:0px 10px 0px 16px;
margin:0px;
}
#latest_news div ul li a{color:#c2dce8; font-weight:bold; text-decoration:none;}
#latest_news div ul li a:hover{text-decoration:underline;}
#home_footer_nav {width:1024px;
margin:auto;
margin-top:30px;
text-align:center;
color:#939598;
padding:0px 0px 30px 0px;
}
#home_footer_nav a{padding:0px 5px 0px 5px; color:#939598; text-decoration:none;}
#home_footer_nav a:hover{text-decoration:underline;}
/*************************************************************************************************************************************
*** default pages ***********************************************************************************************************************
*************************************************************************************************************************************/
#default_nav{width:1024px; margin:auto; text-align:center;}
#box{
background-repeat:repeat-y;
background-position:16px 0px;
width:941px;
margin:auto;
margin-top:20px;
position:relative;
padding:27px 0 27px 0;
background-image:url(../images/def_back.gif);
position:relative;
}
#box #box_header
{
position:absolute;
background-image:url(../images/box_borders/pink/box_top.png);
display:block;
width:941px;
height:43px;
top:-16px;
left:0px;
}
#box #box_footer
{
left:0px;
position:absolute;
background-image:url(../images/box_borders/pink/box_bott.png);
display:block;
width:941px;
height:43px;
bottom:-16px;
}
#box #full_content
{
background-image:url(../images/box_borders/pink/box_mid.png);
background-repeat:repeat-y;
min-height:550px;
height: auto !important;
height: 550px;
text-align:left;
padding:0px 0px 10px 0px;
}
#nav_container{margin:auto;}
#default_subnav{margin:0 0 60px 0; padding:0px; float:left; padding-left:50px;}
#default_subnav li{float:left; list-style:none; text-align:center; margin:0px 25px 0px 25px; }
#default_subnav li div{min-height:56px; vertical-align:bottom; display:block;}
#default_subnav li a{color:#FFF; text-decoration:none; font-weight:bold;}
#box div #default_content{clear:both; margin:0px 30px 0px 50px; }
#box div #default_content h1{font-size:1.4em;}
#box div #default_content #body_img {float:right; margin-right:100px;}
#box div #default_content #pagebody{width:500px; float:left;}
#box div #cleared{clear:both;}
/*************************
** default content styles ***
*************************/
#defcontent{color:#FFF;}
#defcontent h1{color:#FFF;}
#defcontent ul li a{color:#FFF; text-decoration:none;}
#defcontent ul li a:hover{text-decoration:underline;}
/**********************************************************************************************************
*** basic box settings ******************************************************************************************
**********************************************************************************************************/
.top {}
.top .left{}
.top .mid{background-repeat:repeat-x;}
.top .right{background-repeat:repeat-x;}
.middle{}
.middle .left{background-repeat:repeat-y;}
.middle .content{}
.middle .right{background-repeat:repeat-y;}
.bottom{}
.bottom .left{}
.bottom .mid{background-repeat:repeat-x;}
.bottom .right{}
/*
* set the default speach bubble settings
*/
.speachbub {}
.speachbub .middle .content{padding:15px 0px 30px 15px; background-color:#FFFFFF; width:500px; position:relative; display:block; border:1px solid #FFF;}
.speachbub .middle .content a{font-weight:bold; text-decoration:underline; color:#4d4d4d;}
.speachbub .middle .content ul{padding-left:15px;}
.speachbub .middle .content li{list-style-image:url(../images/listredstar.png); padding:0px;}
.speachbub .top .left{background-image:url(../images/sbubble1/tleft.png); height:14px; width:14px; }
.speachbub .top .mid{background-image:url(../images/sbubble1/top.png);}
.speachbub .top .right{background-image:url(../images/sbubble1/tright.png); width:14px;}
.speachbub .middle .left{background-image:url(../images/sbubble1/left.png); width:14px; }
.speachbub .middle .right{background-image:url(../images/sbubble1/right.png); width:14px; }
.speachbub .bottom .left{background-image:url(../images/sbubble1/bleft.png); height:14px;}
.speachbub .bottom .mid{background-image:url(../images/sbubble1/bott.png);}
.speachbub .bottom .right{background-image:url(../images/sbubble1/bright.png);}
.speachbub .pdown{position:absolute; display:block; width:51px; height:35px; background-image:url(../images/sbubble1/pdown.png); top:50px; right:-62px;}
.speachbub .pup{position:absolute; display:block; width:51px; height:35px; background-image:url(../images/sbubble1/pup.png); top:50px; right:-62px;}
.speachbub #stars1{position:absolute; top:-5px; left:-10px;}
.speachbub #rsslogo{position:absolute; bottom:70px; right:20px;}
/*
* gutter for the support pages
*/
#gutter_woof{position:absolute; right:-50px; bottom:-50px;}
/*
* basic arrow css
*/
.leftarrow{float:left;}
.rightarrow{float:right;}
/*
* basic colour boxes
*/
.colour_box{}
.colour_box .tleft{width:15px; height:14px;}
.colour_box .top{background-repeat:repeat-x;}
.colour_box .tright{width:15px; height:14px;}
.colour_box .left{background-repeat:repeat-y;}
.colour_box .content{color:#FFFFFF; vertical-align:top;}
.colour_box h2{margin:0; font-weight:normal; color:#FFF;}
.colour_box h1{color:#FFF;}
.colour_box a h2{text-decoration:underline;}
.colour_box a {color:#FFF;}
.colour_box .right{background-repeat:repeat-y;}
.colour_box .bleft{width:15px; height:14px;}
.colour_box .bottom{background-repeat:repeat-x;}
.colour_box .bright{width:15px; height:14px;}
.cboxorange .tleft{background-image:url(../images/colour_boxes/orange/tleft.png);}
.cboxorange .top{background-image:url(../images/colour_boxes/orange/top.png);}
.cboxorange .tright{background-image:url(../images/colour_boxes/orange/tright.png);}
.cboxorange .left{background-image:url(../images/colour_boxes/orange/left.png);}
.cboxorange .content{background-image:url(../images/colour_boxes/orange/centre.png);}
.cboxorange .right{background-image:url(../images/colour_boxes/orange/right.png);}
.cboxorange .bleft{background-image:url(../images/colour_boxes/orange/bleft.png);}
.cboxorange .bottom{background-image:url(../images/colour_boxes/orange/bottom.png);}
.cboxorange .bright{background-image:url(../images/colour_boxes/orange/bright.png);}
.cboxpink .tleft{background-image:url(../images/colour_boxes/pink/tleft.png);}
.cboxpink .top{background-image:url(../images/colour_boxes/pink/top.png);}
.cboxpink .tright{background-image:url(../images/colour_boxes/pink/tright.png);}
.cboxpink .left{background-image:url(../images/colour_boxes/pink/left.png);}
.cboxpink .content{background-image:url(../images/colour_boxes/pink/centre.png);}
.cboxpink .right{background-image:url(../images/colour_boxes/pink/right.png);}
.cboxpink .bleft{background-image:url(../images/colour_boxes/pink/bleft.png);}
.cboxpink .bottom{background-image:url(../images/colour_boxes/pink/bottom.png);}
.cboxpink .bright{background-image:url(../images/colour_boxes/pink/bright.png);}
.cboxgreen .tleft{background-image:url(../images/colour_boxes/green/tleft.png);}
.cboxgreen .top{background-image:url(../images/colour_boxes/green/top.png);}
.cboxgreen .tright{background-image:url(../images/colour_boxes/green/tright.png);}
.cboxgreen .left{background-image:url(../images/colour_boxes/green/left.png);}
.cboxgreen .content{background-image:url(../images/colour_boxes/green/centre.png);}
.cboxgreen .right{background-image:url(../images/colour_boxes/green/right.png);}
.cboxgreen .bleft{background-image:url(../images/colour_boxes/green/bleft.png);}
.cboxgreen .bottom{background-image:url(../images/colour_boxes/green/bottom.png);}
.cboxgreen .bright{background-image:url(../images/colour_boxes/green/bright.png);}
.cboxpurple .tleft{background-image:url(../images/colour_boxes/purple/tleft.png);}
.cboxpurple .top{background-image:url(../images/colour_boxes/purple/top.png);}
.cboxpurple .tright{background-image:url(../images/colour_boxes/purple/tright.png);}
.cboxpurple .left{background-image:url(../images/colour_boxes/purple/left.png);}
.cboxpurple .content{background-color:#FFF; color:#8165A0;}
.cboxpurple .content h2{color:#6A2C91;}
.cboxpurple .content h1{color:#6A2C91;}
.cboxpurple .content h2 a{color:#6A2C91;}
.cboxpurple .right{background-image:url(../images/colour_boxes/purple/right.png);}
.cboxpurple .bleft{background-image:url(../images/colour_boxes/purple/bleft.png);}
.cboxpurple .bottom{background-image:url(../images/colour_boxes/purple/bottom.png);}
.cboxpurple .bright{background-image:url(../images/colour_boxes/purple/bright.png);}
.cboxblue .tleft{background-image:url(../images/colour_boxes/blue/tleft.png);}
.cboxblue .top{background-image:url(../images/colour_boxes/blue/top.png);}
.cboxblue .tright{background-image:url(../images/colour_boxes/blue/tright.png);}
.cboxblue .left{background-image:url(../images/colour_boxes/blue/left.png);}
.cboxblue .content{background-image:url(../images/colour_boxes/blue/centre.png);}
.cboxblue .right{background-image:url(../images/colour_boxes/blue/right.png);}
.cboxblue .bleft{background-image:url(../images/colour_boxes/blue/bleft.png);}
.cboxblue .bottom{background-image:url(../images/colour_boxes/blue/bottom.png);}
.cboxblue .bright{background-image:url(../images/colour_boxes/blue/bright.png);}
.cboxgrey .tleft{background-image:url(../images/colour_boxes/grey/tleft.png);}
.cboxgrey .top{background-image:url(../images/colour_boxes/grey/top.png);}
.cboxgrey .tright{background-image:url(../images/colour_boxes/grey/tright.png);}
.cboxgrey .left{background-image:url(../images/colour_boxes/grey/left.png);}
.cboxgrey .content{background-image:url(../images/colour_boxes/grey/centre.png);}
.cboxgrey .right{background-image:url(../images/colour_boxes/grey/right.png);}
.cboxgrey .bleft{background-image:url(../images/colour_boxes/grey/bleft.png);}
.cboxgrey .bottom{background-image:url(../images/colour_boxes/grey/bottom.png);}
.cboxgrey .bright{background-image:url(../images/colour_boxes/grey/bright.png);}
.cboxpurple2 .tleft{background-image:url(../images/colour_boxes/purple2/tleft.png);}
.cboxpurple2 .top{background-image:url(../images/colour_boxes/purple2/top.png);}
.cboxpurple2 .tright{background-image:url(../images/colour_boxes/purple2/tright.png);}
.cboxpurple2 .left{background-image:url(../images/colour_boxes/purple2/left.png);}
.cboxpurple2 .content{background-image:url(../images/colour_boxes/purple2/centre.png);}
.cboxpurple2 .right{background-image:url(../images/colour_boxes/purple2/right.png);}
.cboxpurple2 .bleft{background-image:url(../images/colour_boxes/purple2/bleft.png);}
.cboxpurple2 .bottom{background-image:url(../images/colour_boxes/purple2/bottom.png);}
.cboxpurple2 .bright{background-image:url(../images/colour_boxes/purple2/bright.png);}
.cboxpink2 .tleft{background-image:url(../images/colour_boxes/pink2/tleft.png);}
.cboxpink2 .top{background-image:url(../images/colour_boxes/pink2/top.png);}
.cboxpink2 .tright{background-image:url(../images/colour_boxes/pink2/tright.png);}
.cboxpink2 .left{background-image:url(../images/colour_boxes/pink2/left.png);}
.cboxpink2 .content{background-image:url(../images/colour_boxes/pink2/centre.png);}
.cboxpink2 .right{background-image:url(../images/colour_boxes/pink2/right.png);}
.cboxpink2 .bleft{background-image:url(../images/colour_boxes/pink2/bleft.png);}
.cboxpink2 .bottom{background-image:url(../images/colour_boxes/pink2/bottom.png);}
.cboxpink2 .bright{background-image:url(../images/colour_boxes/pink2/bright.png);}
.cboxturq .tleft{background-image:url(../images/colour_boxes/turq/tleft.png);}
.cboxturq .top{background-image:url(../images/colour_boxes/turq/top.png);}
.cboxturq .tright{background-image:url(../images/colour_boxes/turq/tright.png);}
.cboxturq .left{background-image:url(../images/colour_boxes/turq/left.png);}
.cboxturq .content{background-image:url(../images/colour_boxes/turq/centre.png);}
.cboxturq .right{background-image:url(../images/colour_boxes/turq/right.png);}
.cboxturq .bleft{background-image:url(../images/colour_boxes/turq/bleft.png);}
.cboxturq .bottom{background-image:url(../images/colour_boxes/turq/bottom.png);}
.cboxturq .bright{background-image:url(../images/colour_boxes/turq/bright.png);}
/******************************************************************************
/** styles for layouts that appear in more than one section *******************
******************************************************************************/
/*
* ideas page
*/
#ideas{float:left; width:300px;}
#idea_results{padding:0px 20px 40px 0; float:right;}
.goodideas_result{width:480px; position:relative; margin-bottom:50px; padding-bottom:10px; border-bottom:1px solid #8F8F8F; padding-top:10px;}
.withphoto{min-height:200px;}
/* remove following line */
.goodideas_result .swing_photo{right:-70px; top:33px;}
.goodideas_result .swing_photo2{position:absolute; right:-20px; top:33px;}
.goodideas_result .idea_text{width:275px;}
.goodideas_result h2{margin:0px; line-height:1.4em; font-size:1.2em; font-weight:normal;}
.goodideas_result #idea_of_month{position:absolute; top:-45px; right:-10px; z-index:3;}
#idea_results #subheading{width:480px; padding-top:10px; border-bottom:1px solid #8F8F8F; padding-bottom:10px; margin-bottom:50px;}
#idea_results #subheading h2{font-weight:normal; margin:0px; font-size:1.2em;}
#idea_results #subheading a{color:#4D4D4D; text-decoration:none; font-weight:bold;}
#ideassublinks{padding-left:16px;}
#ideassublinks li{list-style-image:url(../images/listredstar.png);}
#ideassublinks li a{color:#4d4d4d; text-decoration:none;}
#ideassublinks li a:hover{text-decoration:underline;}
#ideassublinks li .selected{font-weight:bold;}
/*
* competition page
*/
#competition #comp_bcontent{width:600px;}
#competition .speachbub{margin-top:20px;}
#competition .speachbub .middle .content{width:572px; padding:15px 0 15px 15px; min-height:300px;}
#competition .speachbub .middle .content h2{margin:0px;}
#competition .speachbub .middle .content p{margin-right:50px;}
#competition .red{color:#EE2D23; font-weight:bold;}
#competition .speachbub #badge{position:absolute; top:-5px; right:-5px;}
#competition #choose_competition{padding:20px 0 0 0;}
#comp_lower{width:600px; padding:0px 0 10px 0;}
#comp_photos{width:450px; margin:auto; text-align:center; position:relative;}
#comp_photos .swing_photo{position:absolute;}
#comp_photos #photo1{top:-20px; left:-10px;}
#comp_photos #photo2{top:-20px; left:190px;}
#gutter_podium{position:absolute; top:160px; right:20px}
/*
* site map
*/
#smap{color:#FF0000;}
#smap ul{padding:0px;}
#smap ul li{list-style:none;}
#smap ul li a{text-decoration:none;}
#smap ul li a:hover{text-decoration:underline;}
#smap ul li ul{padding:4px 0 4px 17px;}
#smap ul li ul li{list-style-image:url(../images/listredstar.png); padding:0;}
#smap ul li ul li ul li{list-style-image:url(../images/listbluestar.png);}
/*
* logout button
*/
#logout_butt{position:absolute; right:-20px; top:50px;}
/*
* gutters bone
*/
#gbone{position:absolute; right:30px; bottom:15px;}
#gbone #bone{position:absolute; z-index:20; bottom:0px; right:0px;}
#gbone #bone_question{position:absolute;
bottom:20px;
right:20px;
background-image:url(../images/gbone_bubbles/gutter_1.png);
background-repeat:no-repeat;
width:309px;
height:203px;
padding:60px 50px 30px 50px;
text-align:center;
display:none;
z-index:19;
}
#gbone #bone_question h2{padding-top:0px; font-size:1.2em;}
#gbone #bone_question ol{padding:0px 0px 0px 0px; margin:0px;}
#gbone #bone_question li{list-style:none; padding:2px; text-align:left; color:#4d4d4d; font-weight:bold; text-align:center; text-transform:uppercase; font-size:0.9em;}
#gbone #bone_question li a{color:#4d4d4d; font-weight:bold; text-decoration:none;}
#gbone #bone_question li a:hover{text-decoration:underline;}
#gbone #bone_question .correct {color:#00B259;}
#gbone #bone_question .incorrect {color:#E31837;}
#q_reponse{font-weight:bold; padding-top:5px; text-transform:uppercase;}
#morebones{padding-top:50px; font-weight:bold; font-size:1.5em;}
#bones_complete{}
#bones_complete a{text-decoration:none; color:#4d4d4d;}
#gbone_darken{position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:9; display:none;}
#gutter_preload{}
#gutter_preload img{width:1px; height:1px; display:none;}
/*
* Calendar Styles
*/
#calendar{padding:0 0 0 0;}
#calendar h1{color:#4D4D4D; float:left;}
#calendar #cal_header{border-bottom:1px solid #4d4d4d; margin:0 20px 0 0;}
#calendar #cal_header #year_select{float:right; margin-top:15px;}
#calendar #cal_header #year_select a{text-decoration:none; padding-left:25px;}
#calendar #cal_header #year_select a:hover{text-decoration:underline;}
#calendar #cal_header #prev_year{color:#25A8E0;}
#calendar #cal_header #current_year{color:#8165A0;}
#calendar #cal_header #next_year{color:#00AA4F;}
#calendar #cal_header_list{border-bottom:1px solid #4d4d4d; margin:0 30px 0 10px;}
#calendar #cal_header_list h1{}
#calendar #cal_cells{clear:both; padding:10px 0 0 0; color:#4d4d4d;}
#calendar #cal_cells .month{float:left; width:199px; height:145px; margin:0 15px 10px 0;}
#calendar #cal_cells .month a{text-decoration:none;}
#calendar #cal_cells .month h2{margin:5px 0 0 10px; color:#FFFFFF; text-align:left;}
#calendar #cal_cells .blue{background-image:url(../images/calendar/blue_cell.gif);}
#calendar #cal_cells .purple{background-image:url(../images/calendar/purple_cell.gif);}
#calendar #cal_cells .green{background-image:url(../images/calendar/green_cell.gif);}
#calendar #cal_cells .month ul li {list-style-image: url("../images/listredstar.png");}
#calendar #cal_cells .month ul li a{text-decoration:none; color:#4d4d4d;}
#calendar #cal_cells .month ul li a:hover{text-decoration:underline;}
#cal_footer{clear:both; padding:0px 0 0 0;}
#cal_footer #footer_back{position:absolute; bottom:0px; left:18px;}
#cal_footer #footer_back_curve{position:absolute; bottom:0px; left:18px;}
#calendar #cal_list{padding:0 0 20px 0;}
#calendar #cal_list .event_result{border-bottom:1px solid #4d4d4d; padding:10px 0 15px 0; margin:0 30px 0 10px; position:relative;}
#calendar #cal_list .event_result h2{color:#4d4d4d; font-size:1.2em; margin:0px;}
#calendar #cal_list .event_result h3{color:#4d4d4d; font-size:0.9em; margin:0px; font-weight:normal;}
#calendar #cal_list .event_result p{color:#4d4d4d; margin:10px 0 10px 0;}
#calendar #cal_list .event_result .photo_block{float:right; width:210px; height:155px;}
#calendar #cal_list .event_result .swing_photo2{position:absolute; right:-8px; top:-20px;}
/*
* swinging flash photos
*/
.swing_photo2 {background-image:url(../images/photo.png); width:201px; height:183px; position:relative;}
.swing_photo2 h2, .swing_photo2 a{margin:0px; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#4D4D4D; text-decoration:none; font-weight:bold;}
.swing_photo2 .photo_small{margin:35px 10px 10px 14px;}
.swing_photo2 .mtape{position:absolute; top:0px; left:90px;}
.rollovers {position:absolute; z-index:10; font-size:12px; display:block; background-color:#ffffff; border:1px solid #000000; padding:8px; visibility:hidden; /*left:-2000px;*/ top:0px;}