html,body{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,cite,code,del,dfn,em,img,q,s,samp,small,strike,strong,sub,sup,tt,var,dd,dl,dt,li,ol,ul,fieldset,form,label,legend,button,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-weight:normal;font-style:normal;font-size:100%;line-height:1;font-family:inherit;}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block;}
audio[controls],canvas,video{display:inline-block;*display:inline;*zoom:1;}
.sans-serif{font-family:"Bliss Regular",Arial,"Helvetica Neue",Helvetica,sans-serif;} 
.serif{font-family:"Minion-pro", Georgia, Cambria, Times,"Times New Roman",serif;}
.monospace{font-family:Monaco,"Courier New",monospace;}
.clearfix{zoom:1;}.clearfix:before,.clearfix:after{content:"\0020";display:block;height:0;overflow:hidden;}
.clearfix:after{clear:both;}
html{overflow-y:scroll;background:#ffffff; font-size:80%; line-height:1.3; min-width:320px;}
body{background:#f4f4f4;margin:0;padding:0;min-width:320px;/*font-size:16px;font-size:1.6rem*/;font-family:"Bliss Regular",'Gill Sans', Calibri, 'Helvetica Neue', Arial, Helvetica,sans-serif;color:#282828;}

button,input,select,textarea{font-family:"Bliss Regular",Arial,"Helvetica Neue",Helvetica,sans-serif;color:#404040;}
h4,h5,h6{font-family:"Bliss Regular",'Gill Sans', Calibri, 'Helvetica Neue', Arial, Helvetica,sans-serif;font-weight:bold;color:black;}
h1,h2,h3{font-family:"Bliss Regular",'Gill Sans', Calibri, 'Helvetica Neue', Arial, Helvetica,sans-serif;color:black;}
h1 {color:#333333;}
h1{padding: 1em 0 .5em 0;margin-bottom:.5em;font-size:22px;font-size:2.2rem;line-height:1.125;}
h2{padding-bottom:.5em;margin-bottom:.5em;font-size:18px;font-size:1.8rem;line-height:1.125;}
h3{padding-bottom:.5em;margin-bottom:.5em;font-size:14px;font-size:1.4rem;line-height:1.25;}
h4{padding-bottom:.5em;margin-bottom:.5em;font-size:12px;font-size:1.2rem;line-height:1.5;}

p,ol,ul,dl,address{margin-bottom:1.5em;font-size:12px;font-size:1.2rem;}
p{hyphens:auto;}
ul,ol{margin:0 0 1.5em -24px;padding:0 0 0 24px;}
ul li, ol li {margin:0;padding:0;font-size:12px;font-size:1.2rem;}
dl,dd{margin-bottom:1.5em;}
dt{font-weight:normal;}
blockquote{margin:0 0 1.5em -24px;padding-left:24px;border-left:1px solid #bfbfbf;font-style:italic;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
abbr[title]{border-bottom:1px dotted;cursor:help;}
b,strong{font-weight:bold;}
em,dfn,i { font-style: italic; }
hr{display:block;margin:1em 0;padding:0;height:1px;border:0;border-top:1px solid #bfbfbf;}
ins{background-color:#c3d9e6;color:#000000;text-decoration:none;}
mark{background-color:#c3d9e6;color:#000000;font-style:italic;font-weight:bold;}
pre,code,kbd,samp{font-family:Monaco,"Courier New",monospace;font-size:12px;font-size:1.2rem;line-height:1.5em;}
pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word;}
q{quotes:none;}
q:before,q:after{content:"";content:none;}
small{font-size:10px;font-size:1.0rem;}
sub,sup{font-size:11px;font-size:1.1rem;line-height:0;position:relative;vertical-align:baseline;}
sup{top:-0.5em;}
sub{bottom:-0.25em;}
a{color:#0066cc;}
a:visited{color:#0066dd;}
a:hover{color:#0066dd;}
a:focus{outline:thin dotted;color:#011b35;}
a:hover,a:active{outline:0;}
figure{margin-bottom:1.5em;}
figure img,figure object,figure embed{margin-bottom:0.75em;max-width:100%;}
figcaption{display:block;font-weight:normal;}
img{border:0;}
svg:not(:root){overflow:hidden;}
table{border-collapse:collapse;border-spacing:0;margin-bottom:1.5em;width:100%;font-size:14px;font-size:1.4rem;}
th,td,caption{padding:0.1875em 10px 0.1875em 5px; font-size:11px;font-size:1.1rem;}
tfoot{font-style:italic;}
caption{background-color:transparent;}
/*tbody tr:nth-child(odd) td{background-color:#c3d9e6;}*/
form{margin:0;}
fieldset{margin-bottom:1.5em;padding:0;border-width:0;}
legend{*margin-left:-7px;padding:0;border-width:0;}
label{font-weight:normal;cursor:pointer;}
button,input,select,textarea{font-size:12px;font-size:1.2rem;margin:0;vertical-align:baseline;*vertical-align:middle;}
button,input{line-height:normal;*overflow:visible;}
button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;}
input[type="search"]{box-sizing:content-box;}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0;}
textarea{overflow:auto;vertical-align:top;}
html{-webkit-overflow-scrolling:touch;-webkit-tap-highlight-color:#c3d9e6;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
::-webkit-selection{background:#a8d1ff;color:#000000;text-shadow:none;}
::-moz-selection{background:#a8d1ff;color:#000000;text-shadow:none;}
::selection{background:#a8d1ff;color:#000000;text-shadow:none;}
button,input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;}
::-webkit-input-placeholder{font-size:14px;font-size:1.4rem;}
input:-moz-placeholder{font-size:14px;font-size:1.4rem;}
.ie7 img,.iem7 img{-ms-interpolation-mode:bicubic;}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;}
input[type="search"]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0;}
p{-webkit-hyphens:auto;-webkit-hyphenate-character:"\2010";-webkit-hyphenate-limit-after:1;-webkit-hyphenate-limit-before:3;-moz-hyphens:auto;}
.ir{display:block;overflow:hidden;background-repeat:no-repeat;text-align:left;text-indent:-999em;direction:ltr;}
.ir br{display:none;}
.hidden{display:none;visibility:hidden;}
.visuallyhidden{position:absolute;margin:-1px;padding:0;height:1px;width:1px;overflow:hidden;border:0;clip:rect(0 0 0 0);}
.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{position:static;margin:0;height:auto;width:auto;overflow:visible;clip:auto;}
.invisible{visibility:hidden;}
@media print{*{background:transparent !important;color:black !important;text-shadow:none !important;filter:none !important;-ms-filter:none !important;} @page {margin:0.5cm;}h2,h3{orphans:3;widows:3;page-break-after:avoid;} p{orphans:3;widows:3;} pre,blockquote{border:1px solid #808080;page-break-inside:avoid;} abbr[title]:after{content:" (" attr(title) ")";} a,a:visited{color:#000000 !important;text-decoration:underline;} img{max-width:100% !important;page-break-inside:avoid;} thead{display:table-header-group;} tr{page-break-inside:avoid;} .ir a:after{content:"";}}@media only screen and (min-width: 480px){}@media only screen and (min-width: 600px){}@media only screen and (min-width: 768px){}@media only screen and (min-width: 992px){}@media only screen and (min-width: 1382px){}@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5){}

/* the primary list of styles to be used on all browsers - from mobile phone up*/
/*  header styles */

#site_title { font-family: "Bliss Regular",'Gill Sans', Calibri, 'Helvetica Neue', Arial, Helvetica,sans-serif; font-size:30px; font-size: 3.0rem; line-height: 1.3; max-width: 98%; text-align: left; color: white; } 
#site_title a {color: white;  margin-top: 1.5em;}
#site_title a:link, #site_title a:visited {text-decoration:none;}
#site_title a:hover, #site_title a:active {text-decoration:underline;}


#jcu_name {display:none;}
#jcubar {height: 2.5em; color:white; background-color:#2d2d2d; font-family: "Bliss Regular", arial, helvetica, sans-serif;}
#jcubar form {display:none;}
#jcubar .arrow{font-size:7px;font-size:0.7rem; color:white;}
#jcubar .menu {position: relative; z-index: 30;}
#jcubar .menu ul {padding-left:0.5em;}
#jcubar .menu li{padding:0.4em 0.8em; color:white;}
#jcubar .menu a:link, #jcubar .menu a:visited {color:white; background:inherit;}
#jcubar .menu ul li:hover, #jcubar .menu ul li:hover a, #jcubar .menu ul li a:hover{background:white; color:#758b9a; height: 2.32em; text-decoration:none;}

#jcubar ul ul {padding:0; margin:0; list-style:none; position:absolute; left:-9999px;}
#jcubar ul ul li {float:left; margin:0; padding: 0; line-height:2em;  text-align:left;}
#jcubar ul ul li a {display:block;line-height:2em;  margin:0; /*padding:10px;*/ background:transparent; /*width:125px; */}
#jcubar ul li a:hover  {position:relative; background-position:right bottom; z-index: 30;}

#jcubar ul li:hover  {position:relative;z-index: 30;} 
#jcubar ul ul li {display:block; float:left; margin:0; padding:0; border-bottom:1px solid #000;} 
#jcubar ul :hover ul {left:0em; top:1.3em; margin:0; padding:0;}
#jcubar ul :hover ul li {width:9em; background:white; color:#2d2d2d;}
#jcubar ul :hover ul li a {padding:0 .2em; margin: 0; /* width:123px;*/ background: rgb(255,255,255); color:#2d2d2d;}
#jcubar ul :hover ul li a:hover {background:#2d2d2d; color:white;}

#jcubar-social-icons img{margin:0.5em 0 0 2.5em;}

 #cse-search-box {width:29em; display:inline; margin: -4px 0.25% 0px 0px; float:right;} #cse-search-box #phone {float:left; margin: .8em 0em 0em 0em; padding:0px}
 #cse-search-box form.gsc-search-box{height:18px; width:20em; vertical-align: middle;}
 #cse-search-box td.gsc-input {font-size:.8em; height:17px;}
 #cse-search-box td.gsc-search-button {height:17px; width: 46px;}
#getmobileapp {display:none;}

#phone {font-size:1.2rem; padding:0 1.2em 0 0; margin: 0; font-weight:bold;}

#jcu_name {float:left;padding-top:6px; margin-left: 1.1em; font-weight:bold; }
#jcu_name a {color:white;font-size: 15px; font-size:1.5rem; font-family:"Bliss Regular", helvetica, sans-serif; }

#JCUTitleAndLogo {width:100%; padding-top:.5em;}
#StackandLogo { max-width:965px; /* width:80%; */ margin:0 auto; margin-top:1em; color:white; border-top-right-radius: 10px; -moz-border-top-right-radius: 10px; background: #09559c; /* Old browsers */
background: rgb(37,154,189);
background: -moz-linear-gradient(left,  rgb(37,154,189) 0%, rgb(9,85,156) 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgb(37,154,189)), color-stop(100%,rgb(9,85,156)));
background: -webkit-linear-gradient(left,  rgb(37,154,189) 0%,rgb(9,85,156) 100%);
background: -o-linear-gradient(left,  rgb(37,154,189) 0%,rgb(9,85,156) 100%);
background: -ms-linear-gradient(left,  rgb(37,154,189) 0%,rgb(9,85,156) 100%);
background: linear-gradient(to right,  rgb(37,154,189) 0%,rgb(9,85,156) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#259abd', endColorstr='#09559c',GradientType=1 );
    }
#CampusStack {width:3em; float:left; padding:0.5em 0 0 2em;}
#CampusStack ul {list-style:none; padding:0.75em 0 0 0.75em ; }
#CampusStack ul li {border-top: 1px solid white; font-size:10px; font-size: 1.0 rem;}
#CampusStack ul li.last {border-bottom: 1px solid white;}
#CampusStack a {color:white; }
#CampusStack a:link, #CampusStack a:active, #CampusStack a:visited, #CampusStack a:hover {text-decoration:none; }

#mainsite{ max-width:965px;margin:0 auto; margin-top:1em; color:white; background: #09559c; /* Old browsers */
background: -moz-linear-gradient(left,  rgb(37,154,189) 0%, rgb(9,85,156) 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgb(37,154,189)), color-stop(100%,rgb(9,85,156)));
background: -webkit-linear-gradient(left,  rgb(37,154,189) 0%,rgb(9,85,156) 100%);
background: -o-linear-gradient(left,  rgb(37,154,189) 0%,rgb(9,85,156) 100%);
background: -ms-linear-gradient(left,  rgb(37,154,189) 0%,rgb(9,85,156) 100%);
background: linear-gradient(to right,  rgb(37,154,189) 0%,rgb(9,85,156) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#259abd', endColorstr='#09559c',GradientType=1 );}
	

#master_nav ul, #master_4col ul{list-style:none none; margin: 4px 0px; padding:0;}
#master_nav ul li, #master_4col ul li {line-height: 1.2;margin: 0 0 -1px 0;}
#master_nav p, #master_4col p {margin: 0px; padding: 3px 0px 5px;}
a, a:link, a:visited, #master_nav ul a:link, #master_nav ul a:visited {color: #0066cc;text-decoration: none;}
a:hover, a:active, #master_nav ul a:active {color: #0066dd;text-decoration: underline;}

/* ul#menu ul code for drop list menus. */
    
ul#menu li:hover {color: rgb(230,230,230); background:#0b68b0;}
ul#menu li:hover a {text-decoration:none; color: rgb(230,230,230); background:#0b68b0;}
   
ul#menu ul {padding:0; margin:0; list-style:none; position:absolute; left:-9999px;}
ul#menu ul li {float:left; margin:0; padding: 0; text-align:left;}
ul#menu ul li a {display:block; line-height:20px; margin:0; padding:10px; background:transparent; width:200px;}
ul#menu li a:hover {position:relative; background-position:right bottom; }
ul#menu li:hover {position:relative; z-index:4;}
ul#menu :hover ul {left:0px; width:185px; top:41px; margin:0; padding:0;}
ul#menu :hover ul li {display:block; float:left; margin:0; border-bottom:1px solid #fff;}
ul#menu :hover ul li a {display:block; float:left; margin:0; font-weight:normal; padding:0 line-height:25px; width:170px; color: rgb(230,230,230); background:#0b68b0;}
ul#menu :hover ul li a:hover {color: #0b68b0; background:#fff;}


#mainsite ul{list-style:none; margin: 0px; padding:0.75em;}
#mainsite ul li{display:inline; padding:0.8em 1.1em;}
#mainsite ul:first-child {padding-left:0; margin-left:0;}
#mainsite a {color:white; font-size:14px; font-size: 1.4rem;}
    /* the drop styles for the jcu site nav*/
    
#mainsite ul :hover ul {left:0em; width:200px; top:2.7em; margin:0; padding:0;}
#mainsite ul li:hover {position:relative; z-index:4;}
#mainsite > ul > li:hover {width:200px; color: rgb(9,85,156); background:white;}
    
#mainsite ul ul {padding:0; margin:0; list-style:none; position:absolute; left:-9999px; }
#mainsite ul ul li {margin:0; line-height:4em; padding: 0; text-align:left;border-bottom:1px solid #ccc; float:left;}
    
#mainsite ul li a:hover {position:relative; background-position:right bottom; }
#mainsite ul li:hover > a {color: rgb(9,85,156); background:white; text-decoration:none; /* width:196px; padding:.4em .3em; */}
#mainsite ul ul li > a{padding: .6em; display:block; background: rgb(9,85,156); color:white;  font-size:12px; font-size: 1.2rem;width:200px; z-index:20;}
#mainsite ul ul li:hover {color: rgb(9,85,156); background:white; border-bottom:1px solid #0066cc;} 
    
#cs-blue-bar {float:right; display:inline; margin: 0em 0px -4px 0px;}
#cs-blue-bar li {margin: -4px 0px 0px 0px;}
  

#feature-area {position:relative; margin: 0px; padding: 2% 0px 0px 0px; max-height: 600px;}
#feature-area ul li { width:100%; height:600px;} 

/*#right-panel {display:none} */
#storyfeature {position:relative;}
#storyfeature .abstract {position:absolute; bottom:0.1em; left:0; color:black; padding:.6em; background: rgb(250,250,250); background: rgba(250,250,250,.7); text-shadow: .1em .1em rgb(255,255,255);}


.course-lead {width:65%; float:left; padding 0px 6px 12px 0px; font-size:15px; font-size:1.5rem; color:#303030;}

.lightcolourBackground, .lightcolourBackground #two_col_list {background:#f0faff ;padding-left:.2em; height:11em;}
.greyGradientBackground #Course_search, .greyGradientBackground .two_col_intro{margin:0 auto; height:auto;}   
.two_col {width:95%; position:relative; height: 12em;}
.two_col_intro  {width: 47%; margin: .3em 0 0 .1em; padding:0; display:inline-block; float:left;}

#two_col_list ul {list-style: none none; float:left; margin:1em; padding:0} 
#two_col_list ul li {margin:0 2em 0 2em;padding:0;}
#two_col_list ul li a {display:block; padding:.6em .8em; background: rgb(230,230,230); color:#0b68b0; width: 14em; margin-bottom: .3em; font-weight:bold; text-decoration:none;}
#two_col_list ul li a:hover {background: rgb(130,130,130); color: rgb(255,255,255)}
#two_col_list ul li:hover::after {position:relative; margin-top:-2.45em; margin-right:-2em; display: inline; float:right; content:"  ";height:2.15em; width: 2.15em; border-radius:0 0 90% 0; background:#0b68b0;}
#Course_search {margin-left: 7em; clear:both; width:30em; padding:1em;}
#course-search-box input {width:15em;height:2em; border: 1px solid white;}
#course-search-box input#search-button{width:60px;margin-left:1em;}
#course_details {border-collapse:collapse; padding: 10px;/*margin-right:2em;*/ background:white; width: 98%; }
#course_details .mainheading {background: #0b68b0; color:white; font-size: 14px; font-size:1.4rem;font-weight:bold; padding:10px 0 10px 10px;}
#course_details tr {border-bottom:white 1px solid;}
#course_details td {margin:10px; font-size:12px; font-size:1.2rem;} 
#course_details .field { background:#dddddd; color:#0b68b0; padding:6px;  }
#course_details .detail{background:#eeeeee; color: black; padding:6px; }
#course_details + * {clear:both; margin-top: .5em;}
#coursepage .button {white-space:nowrap;}
#coursepage .button img:first-child { margin-right:1.9em;}
#coursepage .internationalbutton { background: #eeeeee; width:98%; } 
#coursepage .internationalbutton img {vertical-align: bottom;}
#course_home_arc{height:2em; width: 2em; border-radius:0 0 90% 0; background:#0b68b0;}

#cairns-1st-year {background-color:#CFFECD; margin:20px 0px 20px 0px; padding: 5px; border: 1px solid 1px solid #B4FAB1;}

#ucep-box {float:right; margin-right: 3em; padding: 5px;background-color:#eafbc7;}

#int-app-box {float:right; margin-right: 6em; padding: 5px;background-color:#fbcece;}

#promotions {display:block; width:90%}
#promotions img {clear:both;}

#breadcrumbs {display:block;font-size:10px;font-size:1rem; font-family:"Bliss Regular",'Gill Sans', Calibri, 'Helvetica Neue', Arial, Helvetica,sans-serif; padding-top: 1%;margin-bottom: 2%;text-align:left; }
#breadcrumbs a {font-style:italic;}
#sectionheading {display: none;}
#left-nav {margin-left:2em;}
#left-nav ul {padding: 0px; margin:0px}
#left-nav ul li{border-top:#eeeeee solid 1px;color:#1172b9; padding:1.3em 0;line-height:1.5em;margin:.6em 0 .6em 0;}
#left-nav ul li:first-child{border-top:1px white solid;}
#left-nav ul li.header{background:#0065b3;color:white;font-weight:bold;font-family:"Bliss Regular",'Gill Sans', Calibri, 'Helvetica Neue', Arial, Helvetica,sans-serif;font-size:.8em;border-bottom:1px white solid;}
#left-nav ul li.selected,#left-nav ul li.selected a:link,#left-nav ul li.selected a:visited{background:#d6e0e9;color:black;}
#left-nav ul li a:link[class*="focus"],#left-nav ul li a:visited[class*="focus"]{background:#0066CC;color:white;}
#left-nav ul li a:link,#left-nav ul li a:visited{color:#1172b9;}
/*#content {padding: 0px 1.128%; margin:0px}*/

nav {background: #0066cc;color:white;}
nav ul {display:none;}
nav select {display:none;}
nav ul li {padding: 1.6% 0px;} /* look here */
p {line-height: 1.4em;}
ul li {margin: 0; padding: 5px 0}
#intro.addmargin ul li, #intro.addmargin ol li {margin-left: 0.5em;}
#toggle {display: none;}


footer { line-height:1.3;/* background: #f4f4f4;*/ position:relative; color:black;font-family:"Bliss Regular",'Gill Sans', Calibri, 'Helvetica Neue', Arial, Helvetica,sans-serif;}
footer * { text-align:center;}
footer .footer_extra { display:inline-block; padding:.2em .5em .4em; float:right; border-bottom-right-radius: 25px; margin-top:-.8em;}
footer .footer_extra img {vertical-align:middle;}
footer ul li {list-style: none none; display:inline; font-size:9px;font-size:0.9rem;}
footer p {font-size:9px;font-size:0.9rem;}
footer h3 {padding: .8em 0 .8em 0;color:#333333;border-bottom: 1px solid rgb(142,142,142);border-top: 1px solid rgb(142,142,142); }
footer h4 {margin:.5em 0 0 0; color:#333333;}
#footer a, #footer a:link, #footer a:visited, #footer a:active, #footer a:hover {color:#666; padding: 1em; line-height:2.5em; }
#copyright {display:block; width: 100%; text-align: center; margin: 0;padding:1em 0 1em 0; height:8em; background:white;}


footer p {margin: 2px 0; padding:0}
ul li p {margin:0;padding:0;}

#footer #socialicons {float:right; padding:.5em;}

#footer-members {width:100%; float:left;}
#footer-technical {width:100%; float:right;} 

.normal{margin-bottom:1.5em;font-size:12px;font-size:1.2rem;}
.small {font-size:9px; font-size:.9rem;}
.notmobile {display:none;}
.thumbnail li, #left-nav ul li {list-style:none none; clear:both; padding: 3.0% 0px;}
.thumbnail a img {float:left; text-decoration: none; padding: 0px; margin: 3px 17px 14px 0px;}
.IconOnly {display: block; float:left; width: 200px; margin: 0px 7px 15px;}
.IconOnly:nth-child(3n+2){clear:left;}
.IconOnly a img {/*float:left;*/ text-decoration: none; padding: 0px;}
.IconOnly small {/*clear:left;*/ width: 190px; padding:0; margin: 0 0 .4em 0; line-height:1.4em; font-size:95%;} 
.homepage #content {margin-top: -13em; }


#genlist h3 {display:block; clear:both; margin: 1.4em 0 .4em 0;padding:0;}
#genlist ul {margin:0; padding:0; list-style: none none;}
#azlist li {line-height: 140%; text-indent: -.3em}
#navlist li, #genlist li {line-height: 140%;}
#navlist li .subfield, #genlist li .subfield {font-size: 90%;}
#eventsNav h3 {margin-bottom: .05em; border:0px none; color:rgb(0,0,0);}
#eventsNav ul {margin: .2em 0 .3em; padding: 0px; list-style: none none;}
#eventsNav li {margin:.01em 0 .01em .6em; padding:0px; color:black;}

#introduction {padding-top: 1.2em;}
#introduction ul *, #introduction ol * {line-height: 1.3em;}

#left-panel,#right-panel {display:none;}
#right-panel form { position: absolute; display:none; right: 0; top: 6em; width: 25em; padding: 1.5em; background:white; z-index:30;}
#left-panel .left-panel-content { position: absolute; display:none; width: 16em; left: 1em; top: 6em; padding: .5em; background:white; z-index:30;}


h1.arc {color:#0b68b0; border-bottom: 1px solid #0b68b0;}
h1.arc::before {position:relative; display: inline; float:left; content:" ";height:1.15em; width: 1.15em; border-radius:0 0 90% 0; background:#0b68b0;}
h1,h1.arc,h2,h3 {color: rgb(51,51,153)}
h2 {border-bottom: 1px rgb(51,51,153) dotted; padding-top:0.5em;}
h1,h1.arc {border-bottom: 1px solid rgb(51,51,153)}
   
.clear {clear: both; height: 0; line-height: 0; margin: 0; padding: 0;}
.button_bar {background: rgb(237,237,237);}

.sectionnav ul.tab {display:inline-block; padding-left:0;}
 
.sectionnav ul.tab li{ display: inline-block; font-size: 12px;font-size:1.2rem; padding: 1em .5em .9em; background:white; color:#0066cc;  line-height: 1; margin: 1.6% 0 0; border: 1px solid #0066cc}
.content .sectionnav ul.tab li {margin: 0; }

.sectionnav ul.tab li {border:1px solid transparent;}
.sectionnav ul.tab li{ background:transparent; color:white; line-height: 1; margin: 1.6% 0 0; border: none;} 
.sectionnav ul.tab li a {color:#0b68b0; font-weight:bold; background: transparent;}
.sectionnav ul.tab li.active {background:white; color:#000000;}
.sectionnav ul.tab li.active a {color:black; background: transparent;}
  
  /* styles for the jcu home page */
.homepage #promotions {clear:none; padding-left:2em ; margin-top: -13em;}


.article-title {display: block; margin-bottom: 3px;}
.article-lead {display: block; margin-bottom: 5px;}


/* some pre-defined colour sets */
.JCU_darkblue, .JCU_darkblue_Char {color: #2E3192;}
.JCU_darkorange, .JCU_darkorange_Char {color: #EF413D;}
.JCU_darkred, .JCU_darkred_Char {color: #610000;}
.JCU_darkgreen, .JCU_darkgreen_Char {color: #00A651;}
.JCU_lightblue {color: #D6E7F0;}
.JCU_stone {color: #DEDBC3;}
.shaded {background: #D6E7F0;color: black;}

/* Tab view on Course index pages     */

/* course specific styles */

.padding {padding:0 1.2em;}
.greyBackground { background: rgb(244,244,244);}
.greyGradientBackground { background: rgb(204,204,204);
background: -moz-linear-gradient(top,  rgb(252,255,244) 71%, rgb(204,204,204) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(71%,rgb(252,255,244)), color-stop(100%,rgb(204,204,204)));
background: -webkit-linear-gradient(top,  rgb(252,255,244) 71%,rgb(204,204,204) 100%);
background: -o-linear-gradient(top,  rgb(252,255,244) 71%,rgb(204,204,204) 100%);
background: -ms-linear-gradient(top,  rgb(252,255,244) 71%,rgb(204,204,204) 100%);
background: linear-gradient(to bottom,  rgb(252,255,244) 71%,rgb(204,204,204) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#cccccc',GradientType=0 );
}
.greenBackground {color:white; background: #23a87d;}
.blueBackground{ color:white; background: rgb(51,51,153);}
.redBackground {color:white;background: #660000;}
.orangeBackground {color:white;background: rgb(255,147,30)}
.button_bar .col_1 {text-align: center;}
.addmargin {margin: 0 3.5%}
.col_1,.col_2, .col_3, .col_4 {text-align:left; padding:0px; width:95%;}
.col_1 img,.col_2 img, .col_3 img, .col_4 img {max-width:100%}
.legal, .legal p {font-size: 8px; font-size:.85rem; color:#666666; padding-top: 0; margin:0 0 .7em; line-height:1.3;}

/* accordion styles for the jquery stuff */
#accordion a:link, #accordion a:visited, #accordion a:hover, #accordion a:active{ text-decoration: underline; color: rgb(51,51,153);}
#accordion ul { list-style: disc;}
#accordion h1 a:link, #accordion h2 a:link, #accordion h3 a:link, #accordion h4 a:link{color:#1172b9; text-decoration: none; font-family:arial,sans-serif; font-size:1.1em; font-weight:bold;} 

/*highlighting styles from former designs */
.infobox {border: 1px solid #8094AA; background: #FBFDFF; color:black; font-size: 90%; padding: 8px; }
.infoboxinvert {background: #2E3192; color: white; font-size: 90%; padding: 8px; }
.infoboxinvert a {font-weight: bold;color: white;text-decoration: underline;}
.reference {text-indent : -3.0em; padding-left : 3em;}
.warning {border: 1px solid RGB(97, 0, 0);padding:1.3%;font-weight :bold;color : RGB(97, 0, 0);background : #FBFFAE;margin-top:10%;}
.important {padding :5px;font-weight :bold;color :#ffffff;background :#2E3192;}
p .importantinline {background: #FFFFFF; color: RGB(97, 0, 0); font-weight: bold; font-size: 110%;}
.sourcecode {font-family: "Courier New", Courier, monospace;white-space: pre;}
.indentlevel1, .indentlevel2, .indentlevel3, .indentlevel4, .indentlevel5, .indentlevel6, .indenthang1, .indenthang2, .indenthang3, .indenthang4, .indenthang5, .indenthang6 { padding-right: 1em; }
.indenthang1, .indenthang2, .indenthang3, .indenthang4, .indenthang5, .indenthang6 { text-indent: -0.7em /* -15px */; }
.indentlevel1, .indenthang1 { padding-left: 2em; }
.indentlevel2, .indenthang2 { padding-left: 3em; }
.indentlevel3, .indenthang3 { padding-left: 4em; }
.indentlevel4, .indenthang4 { padding-left: 5em; }
.indentlevel5, .indenthang5 { padding-left: 6em; }
.indentlevel6, .indenthang6 { padding-left: 7em; }
.border1, .border1 img {border: 1px black solid;padding: 3px;}
div.border {padding-left:.8em; padding-top:.4em; padding-bottom:.8em;}
p[class*="Accent1"]{border: 1px rgb(0,0,255) solid;}
p[class*="Accent2"]{border: 1px rgb(183,0,0) solid;}
p[class*="Accent3"] {border: 1px #046600 solid;}
p[class*="Accent4"] {border: 1px #ff3300 solid;}
p[class*="Accent5"]{border: 1px#535353 solid;}
.border1, .border{padding: 3px;}
.boxy {border: 1px solid #333399;display: block;padding :5px;}
.center {text-align: center;}
.abstract, .Abstract{font-size: 15px; font-size:1.5rem; color: #303030; padding: 0px 6px 12px 0px; }
.caption {font-weight: bold;font-size: 90%;clear:both;}
.underlined_ref, .underlined_ref_Char {text-decoration: underline;}
.hr {clear:both;width: auto;border-bottom: 1px solid black;}
.breakout {background: rgb(235,235,255); font-size: 1.2em; display:block; padding: 2.333%; color: #202020; font-weight: bolder; border: 1px solid #5a5a5a; border-radius: 10px;
 -moz-border-radius: 10px; -webkit-border-radius: 10px; width: 60%; margin: .1% auto 2.5%;}
.breakout::first-letter {font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; font-family: 'Uncial Antiqua', cursive;
  color:rgb(50,50,50); color: rgba(50, 50, 50, 0.8); text-shadow: 0 1px 1px rgba(100, 100, 100, 0.5); float: left; font-size: 3em; line-height: .8em; margin-right: 3px; padding: 2px;}
.photo {margin: 0px auto; text-align:center;}
/* start of table styles */
table {padding: 10px; /* border: 1px solid black; border-collapse: collapse; */ }

#content table td {vertical-align: top;}
#content table td, #content table th {padding: 2px 4px;}
#content table td p, #content table th p {margin: 0px; padding: 0px 0px 2px;}
#content table td .Normal, #content table td p {font: 1.0em Verdana, Arial, Helvetica, sans-serif;}
td p.nospace {margin: 2px 0px 2px 4px;}
table.fancy, table.fancyleftcolumn, table.fancytoprow, table.fancytoprow1, table.fancyleftcolumn1 {border: 1px #2E3192 solid; color: black;
background:white; border-collapse: collapse; font-size:1em; padding: 0px;}
.fancy td, .fancytoprow td, .fancyleftcolumn td,.fancytoprow1 td, .fancyleftcolumn1 td {color: #777777; border: 1px solid #2E3192; padding-left: 3px;
padding-right: 3px; background: white; text-align: left;}
.fancy th, .fancytoprow th, .fancyleftcolumn th, .fancytoprow1 th, .fancyleftcolumn1 th, .fancy td .Heading_2, #content .fancy td p.Heading_3, #content .fancy td p.fancyHead {
color:white; padding:0; margin:0; border: 1px solid white; background: #2E3192; text-align: left;}
.hover { border:none; }
.hover tr:hover, .hover tr.evenrow:hover {background: #dedbc3;}
.hover td { margin: 2px 8px; padding: 0px;}
.hover tr.evenrow {color:black;background: white;}
table.thinborder_grid, table.thinborder, table.thinborder_row, table.thinborder_column, table.oddeven {border-collapse: collapse;background: #FFFFF0;
border: 1px #777777 solid; width:auto; padding: 10px;}
table.thinborder td, table.thinborder th, table.thinborder_grid td, table.thinborder_grid th{ border: 1px #777777 solid;}
table.thinborder_row td, table.thinborder_row th{border-top: 1px #777777 solid; border-bottom: 1px #777777 solid;}
table.thinborder_column td, table.thinborder_column th { border-left: 1px #777777 solid; border-right: 1px #777777 solid;}
table.highlightTable {border: 1px solid #333399; width: auto; padding :5px;}
td .oddrow, tr.oddrow, .highlightTable tr td { color:black; background: #ffffff;}
td .evenrow, tr.evenrow {color:black; background: #d9e2ea;}
/* fixed width tables */
/* note that the table must be defined in the first part or you get borders around the blank paragraphs */
table.thirds, table.firstthirds, table.secondthirds {width: 100%;border: 1px #AEBBC2 solid; text-align: left;border-collapse: collapse;}
table.quarters, table.fixed {width: 100%;border: 1px black solid; text-align: left;border-collapse: collapse;}
table.thirds tr.evenrow, table.firstthirds tr.evenrow, table.secondthirds tr.evenrow, table.quarters tr.evenrow {background: #E7EDF3;}
.thirds td {width: 33%;}
.firstthirds td.col1, .secondthirds td.col2 {width: 66%;}
.secondthirds td.col1, .firstthirds td.col2 {width: 33%;}
.quarters td {width: 25%;border: 1px solid black;}
.fixed td {border: 1px solid black;}
.plain th {background: #333333;color: #ffffff;}
.plain td {background: #E1E1E1;color: #000000;}
/* code for the new tables based on some of the Word table styles */
.Accent1, .Accent2, .Accent3, .Accent4, .Accent5 {border-collapse: collapse;}
.Accent1 p, .Accent2 p, .Accent3 p, .Accent4 p, .Accent5 p {padding: 3px 6px;}
table[class*="Grid"] tr th, table[class*="List"] tr th{font-weight:bold;text-align: left;border-bottom: solid black 1px;}
table[class*="Grid"] tr th, table[class*="Grid"] tr td {padding: 3px 6px;border: solid black 1px;}
table[class*="light"] tr th {background: white; color: black;}

/* Accent1 is blue */
.Accent1 .evenrow, .Accent1 .light{background: #dfdeff; color: black;}
.Accent1 .oddrow, .Accent1 .medium, table[class*="medium"].Accent1 tr th {background: #a2a4ff; color: black;}
table[class*="dark"].Accent1 tr th { background: rgb(0,0,255); color: white;}
.Accent1 {border: 1px rgb(0,0,255) solid;}

/* Accent2 is red */
.Accent2 .evenrow, .Accent2 .light {background: #fdd5d0; color: black;}
.Accent2 .oddrow, .Accent2 .medium,table[class*="medium"].Accent2 tr th { background: #fc8485; color: black;}
table[class*="dark"].Accent2 tr th {background: rgb(97,0,0); color: white;}
.Accent2 {border: 1px rgb(102,0,0) solid;}

/* Accent3 is green */
.Accent3 .evenrow, .Accent3 .light { background: #baffb8; color: black;}
.Accent3 .oddrow, .Accent3 .medium,table[class*="medium"].Accent3 tr th {background: #228b1a; color: black;}
table[class*="dark"].Accent3 tr:first-child{background: #0a5303;color: white;}
.Accent3 {border: 1px rgb(0,100,0) solid;}

/* Accent4 is orange */
.Accent4 .evenrow, .Accent4 .light{background: #fdddb4;color: black;}
.Accent4 .oddrow, .Accent4 .medium,table[class*="medium"].Accent4 tr th{background: #fd8712;color: black;}
table[class*="dark"].Accent4 tr th{background: rgb(233,79,53);color: white;}
.Accent4 {border: 1px #ff3300 solid;}

/* Accent5 is grey */
.Accent5 .evenrow, .Accent5 .light{background: #c0c0c0;color: black;}
.Accent5 .oddrow, .Accent5 .medium,table[class*="medium"].Accent5 tr th{background: #898989;color: white;}
table[class*="dark"].Accent5 tr th{background: #535353;color: #ffffff;}
.Accent5 {border: 1px rgb(102,102,102) solid;}

/*overwrite the row styles with the cascade */
.Accent1 .oddrow, .Accent2 .oddrow, .Accent3 .oddrow, .Accent4 .oddrow, .Accent5 .oddrow {background: white;color: black;}

/* The simpleTable styles */
.SimpleTable2 {display: table;border-collapse: collapse; padding: 2px;margin: 2px;}
.SimpleTable2 td {padding: 4px 4px 1px 4px;margin:0px;}
.SimpleTable2 tr.evenrow {color:black;background: white;}
.SimpleTable2 tr:first-child {border-bottom: 2px black solid;}
.SimpleTable2 tr td:first-child {border-right: 2px black solid;}
.SimpleTable1 {display: table;border-collapse: collapse; border-top: 2px solid green;border-bottom : 2px solid green;padding: 2px;margin: 2px;}
.SimpleTable1 td {padding: 4px 4px 1px 4px;margin:0px;}
.SimpleTable1 tr.evenrow {color:black; background: white;}
.SimpleTable1 tr:first-child {border-bottom: 1px green solid;}

/* end of table styles */


/*for Anthony Warrell */
#password_description {font-size:13px;}
#password_strength {height:14px; display:block;}
#password_strength_border {margin-top:5px; margin-bottom:0px; width: 138px; height: 14px; border: 1px solid #c0c0c0;}
.strength-3 {width:20px; background:#e71a1a;}
.strength-2 {width:140px; background:#e71a1a;}
.strength-1 {width:140px; background:#e71a1a;}
.strength0 {width:140px;}
.strength1{background:#E71A1A;width:40px;}
.strength2{background:#E71A1A;width:60px;}
.strength3{background:#0CA908;width:80px;/*background:#ffff00;*/}
.strength4{background:#0CA908;width:100px;/*background:#f08410;*/}
.strength5{background:#0CA908;width:120px;/*background:#4040ff;*/}
.strength6{background:#0CA908;width:138px;}

/* styles for the images */
.centreimage{display:block;width:auto;float:none;margin:4px auto;}
.center,td.center{text-align:center;}
.centreimage img{display:block;float:none;margin:4px auto;}
.leftnowrap{display:block;width:auto;text-align:left;margin-left:10px;}
.leftnowrap img{margin:4px 10px 4px 0px;}
.leftwrap{display:block;width:auto;float:left;margin-right:12px;text-align:center;max-width:450px; padding-right:.6em;}
.rightnowrap{display:block;width:100%;text-align:right;margin-right:10px;}
.rightnowrap img{position:relative;right:0px;}
.rightwrap{max-width:450px;float:right;margin-left:12px;text-align:center;}
.rightwrap .Caption{display:block;clear:right;font-style:italic;}
.leftwrap .Caption{display:block;clear:left;font-style:italic;}
.centre .Caption,centreimage .Caption{display:block;clear:both;text-align:center;}
p.right{text-align:right;}
.linebreak{float:none;clear:both;}
.leftwrap img,.rightwrap img{margin:4px auto; padding:0px .6em;}
.hp-free {margin-left: .9em}
.hp-free ul, .hp-free ol, #content ul, #content ol {margin-left:1.5em;}
.hp-free li {padding:0; margin: 2px 0}
.hp-free li p {padding: 0; margin: 0}

.mobileonly {display:none;}

@media screen and (min-width: 300px) and (max-width:500px) {
   #getmobileapp {display:block;}
  .content{background:#ffffff;}
  #feature-area{padding:0px;width:100%; margin:0;}
  #feature-area .flex-container, #feature-area img, #feature-area ul li  {display:none; }
  footer .footer_extra {display:none;}
  .sectionnav[class*="Background"] {margin:0px; } 
  .sectionnav {margin-top: .2em; padding-top:.1em; margin-bottom:4em;}
  .sectionnav ul.tab li.active {display: block; width:75%; margin: 2px auto; background: white;}
  .two_col_intro  {width: 97%; margin: .3em 0 0 .1em; padding:0; display:block; float:none;}
  .lightcolourBackground .two_col_intro {margin-left:0.7em;}
  .lightcolourBackground #two_col_list ul {margin-left:0.5em;}
  .lightcolourBackground, .lightcolourBackground #two_col_list {background:white; height: auto;}
  #intro {margin-top: 1.5em;}
  .homepage header {background:url(../webgraphics/jcu_125547.jpg);  background-size:cover; padding:1em 0 0 0;margin:0;}

  #menu {display:none;}
  #menu li {display: block; width:75%; margin: 2px auto; background: white;}
  #jcubar {display:none;}
  #site_title {clear:both; font-size:20px; font-size: 2.0rem; width: 92%; margin:0 0 .6em .4em; padding:0; }
  #site_title a{ margin: 0;}
  #mainsite {display:none;}  /* margin-top:1em;*/
  .homepage #StackandLogo {margin: 0 auto; width:80%}
  .homepage #mainsite {display:block; margin-top:0em; margin-bottom:2em; padding:0px; clear:both; width: 80%; background:transparent;}
  .homepage #mainsite ul {list-style:none; margin:0 0 .2em 0; padding:0px; width:48%; background:rgba(25,25,25,.6) }
  .homepage #mainsite li {display:block; margin: 0 auto; text-align:center; border-bottom: 1px white solid;}
  .homepage #mainsite li:last-child {border-bottom: 1px transparent solid;}
  .homepage #mainsite li:hover{ background:rgba(255,255,255,.6); color: rgb(0,0,163);}
  .homepage #mainsite ul li:hover a {background:transparent; color: rgb(0,0,163)}
  .homepage #mainsite li:hover li {border-bottom: 1px white blue;}
  .homepage #mainsite ul li li {display: none;}
  .homepage #site_title {display:none}
  .homepage #content {clear:both; margin-top: -5%;}
  .homepage #promotions {display:none}
  #cs-blue-bar {float:right;}
  #jcubar-social-icons {display:none;}

  #mobileimg img {width:100%;}
  #mobileimg #info {margin-top:-9em; margin-bottom:7em;  font-size: 1.6rem; padding: .5em; background:black; color:white; z-index:5;}
 /* #right-panel {display:block;} */

  .content {margin-top:-3.2em;}


 /* #menu{display:none;} */
  #StackandLogo {border-top-right-radius: 10px; -moz-border-top-right-radius: 10px; position: relative; width: 80%; height: 65px;}
  #CampusStack {width:auto;}
  #CampusStack ul {padding: 0.8em 0 0 0.8em;}
  #CampusStack ul li{font-size:8px; padding:2px 0;}
  #logo {float:right; width:135px;}
  #logo img {width:100%; height:90%}
  header #JCUTitleAndLogo {background-repeat: repeat-y; background-size:cover;}
  
  .IconOnly {float:none; text-align:center; width: 100%;}
  .IconOnly a img {/*float:left;*/ text-decoration: none; padding: 0px; display:block; margin: 0 auto;}  
  .mobileonly {display:block; padding:0; margin:0}
  .mobileonly * {width:100%: padding:0; margin:0}
  .mobileonly img {width:100%;}
  .course-lead{width:90%;}
  #course-hp-col3 {padding:1em 0 2em 2em;width:85%}
  
  #master_nav{width:100%; margin: 0 auto; position:relative; left: 0; right: 0; z-index:6;}
  #master_nav .col_1 {padding:.5%; width:230px; margin:0 auto;  height: 24em;}
  #master_nav h2 {background-color:white; color:#58595b; border-style:none; margin: 0 auto; padding:0.5em 0.1em 0.5em 0.5em;}
  #master_nav .col_1 img { margin: 0 auto; border:none; padding: 0; display:block;} 
  #master_nav .col_1 .more {position:relative; display:block; /*width:94%;*/ top:-100px; height:95px; color:#000000; background: rgb(255,255,255); background: rgba(255,255,255,.8); font-size:1.4rem; padding:0.4em 0.41em 0 0.4em; margin: 0 auto; }
 
  
  #toggle_2 {display:inline-block; padding: 0.1em; top:7em;right:0; margin:0.75em 2em 0 0; background:white; position:absolute;
  border: 2px solid black; border-radius: 2px; height: 34px; width:34px; }
  #toggle {display:inline-block; padding: 0.4em; top:6.2em;right:0; margin:0.75em 1em 0 0; background:white; position:absolute;
  border: 1px solid #111111; font-size:1.2rem;}
  /* #toggle:after {content:"  +";} */
  #toggle_2:before { position: absolute; content:""; top: 11px; left:1px; border-left: 16px solid rgba(255, 255, 255, 0); border-right: 16px solid rgba(255, 255, 255, 0); border-top: 16px solid black; } 
  #toggle_2:after { position: absolute; content:""; top: 3px; left:1px; border-left: 16px solid rgba(255, 255, 255, 0); border-right: 16px solid rgba(255, 255, 255, 0); border-top: 16px solid white; }
    
#magnifyingglass
{font-size: 3em; /* This controls the size. */ display: inline-block; width: 0.4em; height: 0.4em; border: 0.1em solid #ffffff; position: relative;
 border-radius: 0.35em; margin-top:.5em;}
#magnifyingglass::before{content: ""; display: inline-block; position: absolute; right: -0.25em; bottom: -0.1em; border-width: 0; background: #ffffff;
 width: 0.35em; height: 0.08em; -webkit-transform: rotate(45deg);  -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg);
}

.threebar { position: relative; top:1.5em; font-size: 10px; width: 3.3em; height: 3.3em;  background: #383b3e; border-radius: 0.3em;}
.threebar:before {border-top: 0.3em solid #efefef; content: ""; position: absolute; width: 1.9em; height: 1em; margin: auto; border-bottom: 0.3em solid #efefef;  top: 1em; 
  left: 0.7em;border-radius:0.1em}
.threebar:after { display: block; content: ""; position: absolute; top: 1.6em; width: 1.9em; height: 0.3em; background: #efefef; left: 0.7em; border-radius:0.1em}
 
    /* new test code for mobile */
  #right-panel { display:block; position:relative; right:0; top:0; padding-top: 1.5em; padding-right: .7em; text-align: right; z-index:100;}

  #left-panel { display:block; position:relative; left:0; top: 0; padding: 0; margin: 0; z-index:100;}
  #left-panel ul li { padding-left : .5em; list-style: none none; font-size:1.4rem;} 
  #copyright { position:relative; top: 0px; bottom: 0px; height:29em;}
  #two_col_list {clear:both;}

}

@media screen and (min-width: 500px) {
  body {width:100%; margin:0;padding:0}
  /*.homepage .content {margin-top: -5.5em;}*/
  .content {max-width:800px; background-color:white; margin:0 auto; margin-top:0px;}
  #jcubar {margin: 0;}
   #copyright { height:20em;}
  .sectionnav {max-width:800px; margin: 0 auto; background-color:#f4f4f4;}
  div[id^="list"] {margin-right:.4em; padding-right:.4em; width:45%}
  #sectionheading {display: block;}
  h1#sectionheading {padding-bottom:.5em;margin-bottom:.5em;font-size:26px;font-size:2.6rem;line-height:1.125;}
  
  #left-nav {margin:0;}
  #master_nav{width:100%; margin: 0 auto; position:relative; left: 0; right: 0; z-index:6;}
  #master_nav .col_1 {padding:.5%; float:left; width:46.25%; margin:0; height: 24em;}
  #master_nav h2 {background-color:white; color:#58595b; border-style:none; margin: 0 auto; padding:0.5em 0.1em 0.5em 0.5em; width:222px;}
  #master_nav .col_1 img { margin: 0 auto; border:none; padding: 0; display:block;} 
  #master_nav .col_1 .more {position:relative; display:block; /*width:94%;*/ width:225px; top:-100px; height:95px; color:#000000; background: rgb(255,255,255); background: rgba(255,255,255,.8); font-size:1.4rem; padding:0.4em 0.41em 0 0.4em; margin: 0 auto; }
  
  .footer_col {width:31%; float:left; margin-right:1%;padding-right:1%;}
  .footer_col:nth-child(3n+2){clear:left; }
  
  .homepage #content {margin-top:5%;}
  .homepage #left-nav, .homepage #promotions {clear:both; margin-top: 5%;}
  footer {margin-top:1.2em; }
  footer * { text-align:left;}

  footer ul li {display:block;}
  footer a {padding:0;}
  #footer-members.col_2, #footer-technical.col_2 {display:block; width: 100%; margin: 0; padding: 0em 2em; text-align:center;}
  
  .notmobile {display:block;}
  .mobile {display:none;}
  .col_2 {margin-top: 6px; margin-bottom: 6px; padding:.5%; width:45%; float:left;}

  .col_3 {margin-right:0px; padding:.5% 1.1% .5% .5%; float:left; margin-top: 6px; margin-bottom: 6px;}
  nav ul { display: inline-block; }
  nav ul {float: left; margin: 0 auto; padding: 5px 0.5em 0 0.5em; display: inline; list-style: none; font-size:1.45rem;}
  nav ul li {display: inline; font-size: 0.8em; margin-left: 0; padding: 1px 1px;}
  .IconOnly {display: block; float:left; width: 200px; margin: 0px 7px 15px;}
  .IconOnly:nth-child(even){clear:left; }
  .IconOnly:nth-child(3n+2){clear:none;}
   .two_col_intro  {width: 40%; margin: .3em 0 0 .1em; padding:0; display:block; float:left;}
  #logo {display:block; margin-right: 1em; text-align:right;  }
  #logo img {border: 0;} 
  #site_title {display:block; vertical-align: sub; margin: 0 auto; padding:1.0em 0 1em 0; text-shadow: 2px 2px 6px #444;
  } 
  #site_title a {background: transparent; background: rgba(33,33,33,.2); 
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr='#21212100', endColorstr='#21212100' )";
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr='#21212100', endColorstr='#21212100' );
  zoom: 1;
  padding: .1em .2em; line-height:1.4em;}
  .homepage #site_title {display:none;}
  #jcu_name {display:none;}
  #promotions {display:block; width:90%}
  #colour_bar {display:block; width:98%; height: 2.0em; margin: 0px auto;}
  ul.thumbnail li, #left-nav ul li {list-style:none none; padding: .8% 0px;}
   .addmargin {margin-left:3.0%; padding:0;}
   h1.addmargin {margin-top: 1%; margin-bottom: 1%;}
   
  #feature-area{position:relative; width:100%;text-align:center; margin: 0; padding:0;} 
  
  .rwd-flex-caption {width: 72%;padding: 20% 3% 15% 3%;position: relative;left: 0;bottom: 0;color: #fff;
  text-shadow: 0 2px 0 rgba(0,0,0,.7);font-size: 30px;line-height: 32px;text-align: left; hyphens: none;
  -webkit-hyphens:none;-moz-hyphens:none;}

.pinkarc {margin: 0 auto; width:100%; height: 350px; position:absolute; bottom: 0px; left: 0; right: 0; z-index:5;}
.pinkarc a {color:#fff; text-decoration:none;}

  /*#master_nav_wrap {position:relative; width:100%; margin:0 auto;}*/

  #HomeTitleAndLogo{position:absolute; top:3.5em; padding:0; z-index:10; left: 0; right: 0; margin: 0 auto;}  
  #footer-members, #footer-technical {float:left; width: 45%; padding: 0em 2em; text-align:center;}
  #promotions .col_1 {float:left; clear: left; padding: .05%;} 
  #promotions img {margin: 1em 0; padding:.4em;}
  .infobox {float: right;width: 20%; margin-left:1.2em;}
  .infoboxinvert { float: right; width: 20%; margin-left:1.2em;}
  #copyright img{float:left; margin-right: 1em;}
  
}

@media screen and (max-width: 800px) {
nav #jcubar form {display:none;}
 #getmobileapp {display:block;}
#mainsite ul li{padding:0.8em}
  #mainsite a {font-size:12px; font-size: 1.2rem;}
#feature-area {position:relative; margin: 0px; padding: 0px;}
#feature-area ul li { width:100%; background-position: center bottom;background-size: contain;} 
#right-panel { display:block; position:relative; float: right; padding-top: .3em; padding-right: .7em; text-align: right; }
#right-panel form {display:none;}
#magnifyingglass
{font-size: 3em; /* This controls the size. */ display: inline-block; width: 0.4em; height: 0.4em; border: 0.1em solid #ffffff; position: relative;
 border-radius: 0.35em;}
#magnifyingglass::before{content: ""; display: inline-block; position: absolute; right: -0.25em; bottom: -0.1em; border-width: 0; background: #ffffff;
 width: 0.35em; height: 0.08em; -webkit-transform: rotate(45deg);  -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg);
} 
  #genlist, #promotions {margin-left:1.5em; padding:0}
  .IconOnly:nth-child(even){clear:none; }
 
}

@media screen and (min-width: 800px) {
  /* body header, body .content, body footer {max-width:965px;min-width:800px; margin:0 0.0125%;}*/
  html {background: rgb(237,237,237);}
  body {min-width:800px;margin:0 auto;}
  nav select { display: none; }
  .addmargin {margin: 0% 2.25%;}
  .content,  #footer {max-width:965px;}
  #footer {margin:0 auto;}
  #footer-members.col_2 {width:40%; margin: 0 0 0 .5em; padding: 0; float: left; }
  #footer-technical.col_2  {width:57%; margin: 0; padding: 0;  float:right; } 
  .footer_col {width:14%; float:left; margin-right:1%;padding-right:1%;}
  .footer_col:nth-child(3n+2){clear:none; }
  #content ul, #content ol {margin-left: 1.25%;}
  .sectionnav {max-width:965px; margin: 0 auto;}
  #master_nav{width:100%; margin: 0 auto; position:relative; top: -3.0em; left: -0.4em; right: 0; z-index:6; height:1em;}
  #master_nav .col_1 {padding:.5%; margin: 0; display:inline-block; width:23.5%; border:none;}
  #master_nav h2 {background-color:white; color:#58595b; border-style:none; padding:0.5em 0.1em 0.5em 0.5em; margin-bottom: -5px;}
  div[id^="list"] {margin-right:.4em; padding-right:.4em; width:22.5%}
  #master_nav .col_1 img {z-index: 0;border:none none; padding: 0; margin:0;} 
  #master_nav .col_1 .more {position:relative; display:block; width:225px; top:-100px; height:94px; color:#000000; background: rgb(255,255,255); background: rgba(255,255,255,.8); font-size:1.4rem; padding:0.4em 0.41em 0 0.4em; margin:0}
  #master_nav .col_1 .more,   #master_nav h2  {width:94%; }
  .homepage #content {margin-top: -2.0em; position:relative;}
  .homepage #left-nav, .homepage #promotions {margin-top: -2.0em; clear:none;}
  nav #jcubar form {display:inline; margin: 3px 0.25% 0px 0px; float:right;}
  #cse-search-box input#search-button, #course-search input#search-a-course {display:inline; width:60px;}
  
  .pinkarc {background: url(../webgraphics/jcu_118687.png) no-repeat left bottom;
margin: 0 auto;	width:965px; height: 350px;  bottom: 0px;}
/*.pinkarc {margin: 0 auto; width:100%; height: 350px; position:absolute; bottom: 0px; left: 0; right: 0;} */

.rwd-flex-caption {width: 235px;padding: 15% 3% 5% 3%;position: relative;left: 0;bottom: 0;color: #fff;text-shadow: 0 -1px 0 rgba(0,0,0,.3);
font-size: 30px;line-height: 38px;text-align: left; hyphens: none;}
     .two_col_intro  {width: 40%; margin: .3em 0 0 .1em; padding:0; display:inline-block; float:left;}
     #subdirectories, #query {clear:left;}
    .IconOnly:nth-child(even){clear:none; }
  #promotions {display:block; width:23.5%}
  #promotions img {margin: 1em 0; padding:0.5em;}
  .button_bar .col_1:nth-child(odd), .button_bar .col_1:nth-child(even) {text-align: center;}
  .button_bar img {width:100%;}
  .col_1{margin: 6px  0.9%; padding:0.5% 0; width:22%; float:left;} 
  #left-nav .col_1 {margin-left: 0; padding-left: 0;}
  .col_1:nth-child(odd){clear:none;} 
  /*.button_bar .col_1 {margin: 6px 0; padding:0.5%; width:24%; text-align:center;}*/
  .col_3 {width: 67.6%; margin-right:0px; padding-right:1.1%;}
  
  #list1top {margin-left: 0;padding-left:0;}
  #list4top {margin-right: 0;padding-right:0;}
  
  #footer a, #footer a:link, #footer a:visited, #footer a:active, #footer a:hover {padding: 0; line-height:.8em;}
  #footer_news {width:10%; margin-right:0;padding-right:0;}
  #site_title {max-width:965px}
  #copyright { height:14em;}
  #footer-members, #footer-technical {float:left; width: 45%; padding: 0em 2em; background:white; text-align:center;}
  #course-hp-col3 {padding:1em 0 5em 5em;width:45%}
  
}

@media screen and (min-width: 965px) {	
	#master_nav {max-width:965px; margin:0 auto; padding:0;}	
}

@media screen and (min-width: 1380px) {
   #master_nav{top: -2.8em;}
   #feature-area {max-height: 660px;}
   #feature-area ul li {height:660px;} 
}


@media screen and (min-width: 1400px) {  }	
	
@media screen and (min-width: 1800px) {  }

@media screen and (-webkit-min-device-pixel-ratio: 1.5), screen and (-o-min-device-pixel-ratio: 3/2), screen and (min-device-pixel-ratio: 1.5) {}