/* Main div for loaded pages */

#pageDetails {
    font-family:        'Roboto Condensed', Arial, Helvetica, sans-serif;
    font-size:          medium;
    font-style:         normal;    
}
textarea {
    font-family:        'Roboto Condensed', Arial, Helvetica, sans-serif;
    font-size:          medium;
    font-style:         normal;    
}
.alignLeft {
    text-align:         left;
}
.centerText {
    text-align:         center;
}
.fontCursive {
    font-family:        'Marck Script', cursive;
}
.fontSansSerif {
    font-family:        'Roboto Condensed', Arial, Helvetica, sans-serif;
}
.img_centre {
    display:            block;
    margin-left:        auto;
    margin-right:       auto;
}

/* Detail */

#detail_banner {
    color:              #0060A9;
    font-size:          2em;
    padding-top:        10px;
    text-align:         center;
}

/* about_us */

.about_us_hilite {
    color:              #28B4E4;
    font-weight:        bold;
}

/* advertise */

/* competitions*/

.competitions_hilite {
    color:              #28B4E4;
    font-weight:        bold;
    text-align:         center;
}
.competitions_text {
    text-align:         left;
}

/* contact us */

.cu_frame {
    border-color:       #0060A9;
    color:              #0060A9;
    margin:             auto;
    text-align:         left;
    width:              90%;
}
#cu_by_email label {
    display:            inline-block; 
    text-align:         right; 
    width:              30%;
}
#cu_by_email input, textarea {
    width:              50%;
}
#cu_by_email button {
    font-size:          large;
    font-weight:        bold;
}
#cu_by_email input, select, textarea {
    font-size:          medium;
}
#cu_by_email select {
    font-size:          large;
    font-weight:        bold;
}
#cu_by_email textarea {
    resize:             none;
    vertical-align:     middle;
}
.cu_by_email_alert {
    color:              red;
}
.cu_by_email_info {
    color:              green;
}
#cu_by_phone label {
    display:            inline-block; 
    text-align:         right; 
    width:              30%;
}
#cu_by_phone input {
    font-size:          medium;
    width:              50%;
}
#cu_by_post label {
    display:            inline-block; 
    text-align:         right; 
    width:              30%;
}
#cu_by_post textarea {
    font-size:          medium;
    resize:             none;
    vertical-align:     middle;
    width:              50%;
}

/* extras */

.extras_hilite {
    color:              #28B4E4;
    font-weight:        bold;
    text-align:         center;
}
.extras_text {
    text-align:         center;
}

/* home */

#home_right {
    float:              right;
    width:              190px;
}

#news_flash {
    /*height:             560px;*/
    width:              440px;
}

#schedule_title {
    display:            block;
    background-color:   #CC3333;
    color:              #FFFF00;
    font-size:          150%;
    line-height:        150%;
    text-align:         center;
    width:              100%;
}

#schedule_today {
    background-color:   #FFFFCC;
    height:             350px;
    width:              190px;
}

/* interviews */

#interviewsTable
{
    width:              100%;
}
#interviewsTable td
{
    border:             1px solid;
}
.interview_detail 
{
    background-color:   #FFF77E;
    font-size:          small;
    text-align:         center;
}
.interview_detail :first-child
{
    text-align:         center;
    vertical-align:     middle;
}
.interview_detail :first-child img
{
    width:              5em;
}
.interview_detail :last-child 
{
    text-align:         center;
    vertical-align:     middle;
}
.interview_detail :last-child img
{
    width:              2em;
}
.interview_heading {
    background-color:   #0060A9;
    color:              white;
    font-size:          small;
    padding:            5px;
    text-align:         center;
}

/* news_flash */

.news_banner {
    background-color:	#0060A9;
    color:		        white;
    font-family:        Marck Script;
    font-size:          2em;
    font-weight:        bold;
    margin:		        10px 40px;
    padding:            0.5em 1em;
    text-align:		    center;
}
.news_competition {
    background-color:	#28B4E4;
    color:		        white;
    font-weight:	    bold;
    margin:		        0px 40px;
    text-align:		    center;
}
.news_date {
    font-weight:        bold;
    padding-left:	    5px;
    text-align:		    center;
}
.news_header {
    color:              #28B4E4;
    font-family:        Marck Script;
    font-size:          3em;
    font-weight:        bold;
}
.news_text {
    overflow:           hidden;
    padding-left:	    5px;
    text-align:		    left;
}
.news_urgent {
    background-color:	red;
    color:		        white;
    font-weight:	    bold;
    margin:		        10px 40px;
    text-align:		    center;
}

/* presenter */

.presenter_detail_photo {
    padding:            5px;
}
.presenter_detail_question {
    color:              #28B4E4;
}
.presenter_detail_text {
    padding:            5px;
    text-align:         left;
}
.presenter_index_table {
    width:              100%;
}
.presenter_index_current {
    font-size:          medium;
    font-weight:        bold;
    text-align:         center;
    width:              50%;
}
.presenter_index_header {
    color:              black;
    font-size:          x-large;
    font-weight:        bold;
    text-align:         center;
}
.presenter_index_resting {
    font-size:          medium;
    text-align:         center;
    width:              50%;
}
.presenter_index_text {
    font-size:          medium;
    text-align:         center;
}

/* schedule */

#schedule_detail {
    /*height:             700px;*/
    width:              100%;
}
.schedule_detail_shows {
    padding-left:       5px;
    padding-top:        5px;
    padding-bottom:     5px;
    text-align:         left;
    vertical-align:     middle;
}
.schedule_detail_shows_hdr, 
.schedule_detail_times_hdr {
    background-color:   #0060A9;
    color:              white;
    font-size:          medium; 
    line-height:        150%;
    padding-left:       5px;
    text-align:         left;
    vertical-align:     middle;
}
.schedule_detail_times_hdr {
    width:              10%;
}
.schedule_detail_table {
    width:              100%
}
.schedule_detail_times {
    font-size:          small;
    text-align:         center;
    vertical-align:     middle;
}
.schedule_front {
    background-color:   #FFFFCC;
    height:             100%;
    padding-top:        5px;
    width:              100%;
}
.schedule_front_presenter {
    color:              DimGray;
    font-size:          10pt; 
    text-align:         center;
}
.schedule_front_times {
    color:              Gray;
    font-size:          8pt;
    text-align:         center;
}
#selectDay input
{
    vertical-align:     middle;
}
#selectDay label
{
    font-size:          medium; 
    padding-right:      0.5em;
    vertical-align:     middle;
}

/*
** spoken word
*/
#spokenWordTable
{
    width:              100%;
}
#spokenWordTable td
{
    border:             1px solid;
}
.spoken_word_hdr
{
    background-color:   #28B4E4;
    color:              white;
    font-size:          x-large;
}
.spoken_word_hdr :first-child
{
    cursor:             pointer;
    font-size:          xx-large;
    padding-left:       0.25em;
    padding-right:      0.25em;
    text-align:         center;
    width:              1em;
}
.spoken_word_dtl
{
    background-color:   #FFF77E;
    font-size:          large;
}
.spoken_word_dtl :first-child
{
    padding-left:       0.25em;
}
.spoken_word_dtl :last-child 
{
    text-align:         center;
    vertical-align:     middle;
    width:              2em;
}
.spoken_word_dtl :last-child img
{
    width:              2em;
}
.spoken_word_dtl_hide
{
    display:            none;
}

/* videos */

#video_content {
    height:             500px;
    padding:            5px;
    text-align:         center;
}

.video_detail {
    font-size:          small;
    text-align:         center;
}
.video_youtube {
    height:             42px;
    width:              42px;
}

/* volunteering */

#volunteering_details ul {
    list-style-type:    square;
}
.volunteering_blueText {
    color:              #0060A9;
}
.volunteering_cyanText {
    color:              #28B4E4;
}
.volunteering_redText {
    color:              #CC3333;
}

/* weather_lottery */

#wl_back_to_top {
    font-size:          larger;
}
#wl_how_it_works {
    background-color:   #C0C0C0;
    padding:            1em;
}
#wl_how_it_works_hdr {
    font-size:          x-large;
}
#wl_dont_like_hdr {
    color:              #0060A9;
}
#wl_input {
    border-color:       #0060A9;
    color:              #0060A9;
    margin:             auto;
    text-align:         left;
    width:              90%;
}
#wl_input label, #wl_input input {
    width:              40%;
}
#wl_input button {
    font-size:          large;
    font-weight:        bold;
}
#wl_input input {
    font-size:          medium;
}
#wl_input label {
    display:            inline-block; 
    text-align:         right; 
}
#wl_input_error {
    color:              red;
}
.wl_cursive_banner {
    font-family:        'Marck Script', cursive;
    font-size:          x-large;
}
.wl_logo_banner {
    background-color:   #28B4E4;
}

/* whats_on */

#attractions_holder
{
    display:            flex;
    display:            none;
    flex-direction:     row;
    justify-content:    space-around;
}
#attractions_holder table
{
    margin-top:         2em;
}
#attractions_holder table,
#attractions_holder th,
#attractions_holder td 
{
  border:               1px solid black;
  border-collapse:      collapse;
  padding:              1em;
  text-align:           left;
}
.attractions_link
{
    cursor:             pointer;
    text-decoration:    underline;
}
.attractions_venue
{
    font-weight:        bold;
}

#events_holder
{
    text-align:         left;
}

#whats_on_menu {
    outline-color:      #0060A9;
    outline-style:      groove;
    height:             14em;
    margin:             auto;
    width:              75%;
}

#whats_on_menu_left {
    float:              left;
    text-align:         center;
    width:              50%;
}

#whats_on_menu_right {
    float:              right;
    text-align:         center;
    width:              50%;
}

.whats_on_event
{
    color:              forestgreen; 
    font-size:          x-large; 
    text-align:         center;
}
.whats_on_holiday
{
    color:              brown; 
    font-size:          x-large; 
    text-align:         center;
}
.whats_on_day_heading 
{
    background-color:   #0060A9;
    color:		        white;
    font-size:          large;
    margin-top:         2em;
    padding:            1ex;
    text-align:		    center;
}
.what_on_header
{
    display:            flex;
    flex-direction:     row;
    justify-content:    space-around;
}
.whats_on_text 
{
    font-size:		    medium;
    padding-left:	    5px;
    text-align:		    left;
}