html, body
{
    width:100%;
    margin:0;
    padding:0;
    background-color:White;
    color:Black;
    text-align:center;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
}

a{text-decoration:none;color:Blue;}
a:hover{text-decoration:underline;}
a:visited{color:Blue;}
img{vertical-align:bottom;border:0;}
h3{padding:0;margin:0;}

#cookieChoiceInfo
{
    bottom:0 !important;
    top:auto !important;
    color:White !important;
    font-size:10pt !important;
    z-index:1000000 !important;
}
#cookieChoiceInfo a{color:Yellow !important;}

.page .editionchoice
{
    width: 100px;
    height: 100px;
    background-color:Black;
    color:White;
    position: absolute;
    top:0;
    bottom: 0;
    left: 0;
    right: 0;

    margin: auto;
    padding:20px;
    z-index:100;
    display:none;
}

.page .main .left h2 
{
    display:block;
    font-size:1.8em;
    font-weight:bold;
    text-align:left;
    padding:0;
    margin:0;
}

.page
{
    width:100%;
    max-width:1130px;
    margin:0 auto;
}

.page .siteoptions
{
    position:relative;
    float:left;
    width:100%;
    margin:0.5% 0;
}

.page .siteoptions .login
{
    position:relative;
    float:left;
    text-align:left;
    font-size:0.8em;
    line-height:1em;
}
.page .siteoptions .login span.error
{
    position:relative;
    float:left;
    display:block;
    width:100%;
    clear:both;
    float:left;
    text-align:left;
    color:Red;
    line-height:1.4em;
}

.page .siteoptions input[type=submit]
{
    border:0;
    background-color:White;
    padding:2px;
    cursor:pointer;
}
.page .siteoptions input{padding:3px;margin:0;}

.page .siteoptions .search
{
    position:relative;
    float:right;
    margin-right:10px;
    font-size:0.8em;
}
.page .siteoptions .searchbutton{border:0;}

.page .siteoptions .social
{
    position:relative;
    float:right;
    color:Blue;
    font-size:0.8em;
    font-weight:bold;
    line-height:2em;
}
.page .siteoptions .social img{height:2em;}

.page .siteoptions .edition
{
    position:relative;
    float:right;
    margin-left:10px;
}
.page .siteoptions .edition .dropdown
{
    padding:0px;
    font-weight:bold;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    font-size:1em;
}

.page .translate
{
    position:relative;
    float:right;
    margin:1px 0 0 10px;
}

.page .header
{
    position:relative;
    float:left;
    width:100%;
}

.page .header a.logo
{
    position:relative;
    float:left;
    display:block;
    margin:10px 0 10px 30px;
}
.page .header a.logo img{width:100%;height:auto;}

.page .header a.toprightimage
{
    position:relative;
    float:right;
    display:inline-block;
    margin:10px 30px 10px 0;
    width:728px;
    height:90px;
}
.page .header a.toprightimage img{width:100%;height:auto;}

.page .menu
{
    position:relative;
    float:left;
    width:100%;
    text-align:center;
    margin-top:15px;
    z-index:10;
}
/* The rest of the menu options are in menu.css */

.page .main
{
    position:relative;
    float:left;
    width:100%;
    margin-top:15px;
}

.page .main .right
{
    position:relative;
    float:right;
    width:300px;
    margin-left:30px;
}

.page .main .right .microsites
{
    position:relative;
    float:left;
    width:300px;
    margin-bottom:10px;
}

.page .main .right .microstrip
{
    position:relative;
    float:left;
    width:145px;
}
.page .main .right .microstrip img
{
    max-width:145px;
}

.page .main .right img{max-width:300px;}

.page .main .right .custombanner
{
    position:relative;
    float:left;
    width:100%;
    max-width:300px;
    background-color:White;
    margin-bottom:10px;
}

.page .main .right a.product
{
    position:relative;
    float:left;
    display:block;
    width:298px;
    border:1px solid #c0c0c0;
    background-color:White;
    text-align:center;
    margin-bottom:10px;
    padding-bottom:5px;
}
.page .main .right a.product span.productfeature{font-size:0.8em;color:#7492aa;}
.page .main .right a.product:Hover{text-decoration:none;}

.page .main .right a.product img{max-width:90%;max-height:300px;width:auto;}

.page .main .right .classifieds{position:relative;float:left;width:300px;}
.page .main .right .classifieds h3{background-color:#0c8fbb;color:White;}

.page .main .right a.classified
{
    position:relative;
    float:left;
    text-align:center;
    clear:both;
    width:100%;
    border-bottom:1px solid #c0c0c0;
    padding-bottom:10px;
    margin:10px 0;
    color:Black;
    font-size:0.8em;
}
.page .main .right a.classified:Hover{text-decoration:none;}
.page .main .right a.classified img{max-height:80px;width:auto;}

.page .main .left
{
    position:relative;
    overflow:hidden;
    text-align:left;
}

.page .main .left .headline
{
    position:relative;
    float:left;
    width:100%;
    height:auto;
}
.page .main .left .headline a{display:block;height:auto;text-decoration:none;}

.page .main .left .headline span.heading
{
    display:block;
    width:100%;
    background-color:White;
    font-size:1.6em;
    height:3em;
    font-weight:bold;
}

.page .main .left .headline span.subheading
{
    display:block;
    background-color:White;
    padding-bottom:5px;
    color:Black;
}
.page .main .left .headline span.container{position:relative;float:left;display:block;width:100%;height:auto;margin:0;padding:0;}
.page .main .left .headline span.container img{position:relative;float:left;width:100%;height:auto;}
.page .main .left .headline span.container span.photographer{position:absolute;display:block;top:2px;right:2px;font-size:0.8em;color:White;}

/* Slider */
.page .main .left span.controls{display:block;position:relative;float:left;width:100%;margin:0 auto;padding:0;line-height:1em;text-align:center;}

/* Slider Numeric Navigation */
.page .main .left span.controls ol.numericControls {display:inline-table;}
.page .main .left span.controls ol.numericControls li{display:inline-block;padding:0;float:left;list-style:none;}
.page .main .left span.controls ol.numericControls li a{padding:0 10px;}
.page .main .left span.controls ol.numericControls li~li {border-left:1px solid Black;}

/* Previous / Next Navigation */
.page .main .left span.controls a.prevBtn{position:relative;float:left;display:block;padding:10px;}
.page .main .left span.controls a.nextBtn{position:relative;float:right;display:block;padding:10px;}

.page .main .left .gjwdirect
{
    position:relative;
    float:left;
    width:100%;
    text-align:center;
    display:none;
}

.page .main .left .fullwidthholder
{
    position:relative;
    float:left;
    width:100%;
}

.page .main .left .fullwidthholder input.morenewstypebutton[type=submit]
{
    border:0;
    background-color:White;
    width:100%;
    margin:5px 0;
    padding:1%;
    color:Blue;
    font-size:0.8em;
    cursor:pointer;
}

.page .main .left .fullwidthholder input.hiddenbutton[type=submit]
{
    border:0;
    background-color:White;
    color:White;
}

.page .main .left .fullwidthholder input.morenewsbutton[type=submit]
{
    border:0;
    background-color:#e0e0e0;
    width:100%;
    font-size:1.4em;
    padding:1%;
    margin-top:10px;
    cursor:pointer;
}

/* News articles list - site wide */
.latestnews
{
    position:relative;
    float:left;
    width:49%;
    margin-right:1%;
}

.latestnews a.article
{
    position:relative;
    float:left;
    display:block;
    width:99.5%;
    padding:1px 0.5% 1px 0;
    min-height:97px;
    border-bottom:1px solid #c0c0c0;
    text-align:left;
    color:Black;
    -o-transition:1s;
    -ms-transition:1s;
    -moz-transition:1s;
    -webkit-transition:1s;
    transition:1s;
    background-color:White;
    overflow:hidden; 
}

.latestnews a.article:hover, .upcoming a.event:hover
{
    -o-transition:1s;
    -ms-transition:1s;
    -moz-transition:1s;
    -webkit-transition:1s;
    transition:1s;
}

.latestnews a.article img.icon{display:none;}

.latestnews a.article span.photocontainer
{
    position:relative;
    float:left;
    display:block;
    width:30%;
    min-height:40px;
    margin:0.5% 0.5% 0.5% 0;
    overflow:hidden;
}

.latestnews a.article span.photocontainer img
{
    position:relative;
    float:right;
    width:100%;
    height:auto;
}

.latestnews a.article span.photocontainer img.icon
{
    position:absolute;
    top:0;
    left:0;
    width:40px;
    height:40px;
    display:none;
    z-index:100;
}

.latestnews a.article span.textcontainer
{
    position:relative;
    float:left;
    width:68%;
    margin:0.5%;
}

.latestnews a.article span.title
{
    position:relative;
    float:left;
    display:block;
    width:100%;
    font-weight:bold;
}

.latestnews a.article span.author
{
    position:relative;
    float:left;
    display:block;
    width:100%;
    font-size:0.8em;
    color:#a0a0a0;
}

.latestnews a.article span.description, .latestnews a.article span.longdescription
{
    position:relative;
    float:left;
    display:block;
    width:99%;
    font-size:0.9em;
}

.latestnews a.article span.dateposted
{
    position:relative;
    float:right;
    display:block;
    font-size:0.8em;
    color:#7492aa;
}

.features
{
    position:relative;
    float:left;
    width:49%;
    margin-left:1%;
    margin-top:10px;
}

.features a.feature
{
    position:relative;
    float:left;
    display:block;
    width:90%;
    padding:10px 5%;
    margin-bottom:10px;
}
.features a.feature{text-decoration:none;}

.features a.feature span.title
{
    display:block;
    font-family: 'Source Serif Pro',serif;
    font-size:1.7em;
    font-weight:bold;
}

.features a.feature span.description
{
    display:block;
    width:100%;
    color:Black;
    font-size:0.9em;
}

.features a.feature span.photocontainer{position:relative;float:left;display:block;margin:5px 0;width:100%;max-height:240px;overflow:hidden;}
.features a.feature span.photocontainer img{width:100%;height:auto;}

.features img.icon{position:relative;float:right;}
/*
.features a.featurestyle1 img.icon{display:none;}
.features a.featurestyle2 img.icon{display:none;}
*/

/* Banners */

.page .main .left .bannerstrip
{
    position:relative;
    float:left;
    width:100%;
    text-align:center;
}

.page .main .left .bannerstrip{display:none;}

.page .main .left .bannerstrip .custombanner
{
    position:relative;
    float:left;
    width:300px;
    max-width:100%;
    background-color:White;
}

.page .main a.banner
{
    display:inline-block;
    margin-bottom:10px;
    width:300px;
    max-width:100%;
}

.page .footer
{
    position:relative;
    float:left;
    width:100%;
    margin:30px 0;
    font-size:0.8em;
}

@media screen and (max-width:1217px)
{
    .page{width:99%;margin:0.5%;}
    .page .header{margin-top:0;height:auto;}
     
    .page .header a.logo{position:relative;float:left;top:0;left:0;margin:5px;}
    .page .header a.leaderboard{position:relative;float:none;top:0;right:0;margin:5px;}
    .page .main .right{margin-left:10px;}

    .page .main .left .headline span.heading{font-size:1.4em;}
}

@media screen and (max-width:1000px)
{
    .page .siteoptions .login input[type=text], .page .siteoptions .login input[type=password]{width:100px;}
    .latestnews{width:49%;}
    .features{width:49%;}

    .page .main .left .headline span.heading {font-size: 1.2em;}
    .page .main .left .headline span.subheading{font-size:0.9em;}
}

@media screen and (max-width:800px)
{
    .page .siteoptions .login{display:none;}
    .page .translate{display:none;}
        
    .page .header a.logo{width:175px;}
    .page .header a.logo img{width:100%;}
    .page .header a.toprightimage{position:relative;float:none;top:0;right:0;margin:5px 0 0 0;width:auto;height:auto;}
    .page .main .left{margin-right:0;}
    /* remove the right hand side banners */
    .page .main .right{display:none;}
    
    /* add the primary banner strips to replace right hand side banners */
    .page .main .left .bannerstrip{display:block;}
    .page .main .left .bannerstrip a.blankbanner{margin:10px;}

    .page .main .left .bannerstrip a.banner{width:46%;margin:1%;}
    .page .main .left .bannerstrip .custombanner{width:46%;margin:1%}
    .page .main .left .bannerstrip a.banner img{width:100%;height:auto;}
}

@media screen and (max-width:600px)
{
    .page .siteoptions .social{display:none;}
    
    .page .header .login .loginbuttons{clear:both;margin-top:5px;}
    
    /* stack the latest news and features columns */
    .latestnews, .features{width:100%;}
    .latestnews{margin-right:0;}
    .features{margin-left:0;}
    
    /* add the secondary banner strips to replace right hand side banners */
    .page .main .left .secondary{display:block;}

    .page .main .left .headline span.heading {font-size: 1.1em;}
    .page .main .left .headline span.subheading {font-size: 0.8em;}
}

@media screen and (max-width:400px)
{
    .page .siteoptions .edition #edition{display:none;}
    .page .siteoptions .search input[type=text]{width:80px;}
    .page .header .login .username, .page .header .login .password{width:120px;}
    .page .header a.logo{width:140px;float:none;}
    
    .page .main .left .headline span.heading {font-size: 1.0em;}
    .page .main .left .headline span.subheading {font-size: 0.7em;}
}

table.whitetable
{
	border-collapse: collapse; 
	border:0;
	border-right: 1px solid #e0e0e0;
	border-top: 1px solid #e0e0e0;
	color:#000;
	background-color: #fff;
	margin:0 auto;
	font-size:0.8em;
}

table.whitetable th
{
	margin:0;
	padding:2px 4px;
	border-left: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
	text-align:center;
}

table.whitetable td
{
	margin:0;
	padding:2px 4px;
	border-left: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
	background-color:#f0f0f0;
	text-align:center;
}

table.whitetable td.alternate
{
	margin:0;
	padding:2px 4px;
	border-left: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
	background-color:#ffffff;
	text-align:center;
}

table.whitetable tr:hover td
{
    background-color:Yellow;
}

.onepixelborder
{
    width: -moz-calc(100% - 2px);
    width: -webkit-calc(100% - 2px);
    width: -o-calc(100% - 2px);
    width: calc(100% - 2px);
    border:1px solid #e0e0e0;
}