/* @import url(mylibs/forms.css); */

/*
_____________________________________________________

320 and Up boilerplate extension

Author: Andy Clarke
Version: 0.9b
URL: http://stuffandnonsense.co.uk/projects//320andup/
License: http://creativecommons.org/licenses/MIT/
_____________________________________________-----________

*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin : 0;
padding : 0;
border : 0;
font-size : 100%;
font : inherit;
}

img { border-style: none !important; }

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
display : block; }

blockquote, q { 
quotes : none; }

blockquote:before, 
blockquote:after,
q:before, 
q:after { 
content : ""; content: none; }

del { 
text-decoration : line-through; }

ins { 
background-color : rgb(255,255,153); 
color : rgb(0,0,0); 
text-decoration : none; }

mark { 
background-color : rgb(255,255,153); 
color : rgb(0,0,0); 
font-style : italic; 
font-weight : bold; }

abbr[title], 
dfn[title] { 
border-bottom : 1px dotted; 
cursor : help; }

table { 
border-collapse : collapse; 
border-spacing : 0; }

hr { 
display : block; 
height : 1px; 
border : 0; 
border-top : 1px solid rgb(204,204,204);
margin : 1em 0; 
padding : 0; }

/* 1.ROOT */

html {
overflow-y : scroll;
background : rgb(255,255,255) /* url(../img/tmp/grid.png) repeat-y 50% 0 */; }

body { 
margin : 0 auto;
padding : 24px 0;
width : 90% /* 252px */;
font : 100%/1.4 Cambria, Georgia, Times, "Times New Roman";
color : rgb(40,40,40); 
background-color : transparent; }

/* 2.HEADINGS */

h1, 
h2, 
h3, 
h4, 
h5, 
h6 {
font-family : "Helvetica Neue", Helvetica, Arial;
font-weight : bold; }

h1 { 
margin-bottom : .75em;
font-size : 3em; /* 48 / 16 = 3 */
line-height : 1.2; }

h2 { 
margin-bottom : .75em;
font-size : 2em; /* 36 / 16 = 2 */
line-height : 1.2; }

h3 { 
margin-bottom : 1em;
font-size : 1.5em; /* 24 / 16 = 1.5 */
line-height : 1.3; }

h4 { 
margin-bottom : 1.25em;
font-size : 1.25em; /* 20 / 16 = 1.25 */
line-height : 1.25; }

h5 { 
margin-bottom : 1.5em;
font-size : 1em; /* 16 / 16 = 1 */ }

h6 { 
font-size : 1em; /* 16 / 16 = 1 */ }

/* 3.TYPOGRAPHY */

p, 
ol, 
ul, 
dl, 
address { 
margin-bottom : 1.5em; 
font-size : 1em; /* 16 / 16 = 1 */ }

ul, 
ol { 
margin : 0 0 1.5em -24px; 
padding-left : 24px;
 }

ul { 
list-style-type : none; }

ol { 
list-style-type : decimal; }

li ul, 
li ol { 
margin : 0;
font-size : 1em; /* 16 / 16 = 1 */ }

dl, 
dd { 
margin-bottom : 1.5em;}

dd { margin-left: 1.5em; }

dt { 
font-weight : bold; font-size: 1.05em; }

blockquote  { 
margin : 0 0 1.5em 20px; 
padding-left : 20px; 
border-left : none;
font-style : italic; }

blockquote:before, 
blockquote:after, 
q:before, 
q:after {
content : '';
content : none; }

b, 
strong  { 
font-weight : bold; }

i, 
em { 
font-style : italic; }

sup, 
sub { 
position : relative;
font-size : 75%; 
line-height : 0; }

sup { 
top : 0; }

sub { 
bottom : -.25em; }

address { 
font-style : normal; }

pre { 
margin-bottom : 1.5em; 
white-space : pre; 
white-space : pre-wrap; 
word-wrap : break-word; }

pre, 
code { 
font : .875em 'andale mono', 'lucida console', monospace; 
line-height : 1.5; }

small {
font-size : 1em; /* 16 / 16 = 1 */ }

/* 4.LINKS */

a {
color: rgb(23,119,175);
}
 
a, a:visited {
outline : none;
text-decoration : underline; }
 
a:hover { 
outline : none;
/*color : rgb(40,40,40); */
text-decoration : underline; }
 
a:active, 
a:focus { 
outline : none;
color : rgb(0,0,0); }

/* 5.FIGURES & IMAGES */

figure {
margin-bottom : 1.5em; }

figure img,
figure object,
figure embed {
margin-bottom : .75em;
max-width : 100%; }

figcaption {
display : block;
font-weight : normal; }

/* 6.TABLES */

table { 
border-collapse : collapse;
margin-bottom : 1.5em;
border-spacing : 0;
width : 100%;
font-size : .875em; /* 14 / 16 = .875 */ }

th { 
font-weight : bold; }

th, td, caption { 
padding : 5px 8px; 
vertical-align: top;}

td sup { top: 0;}

tfoot { 
font-style : italic; }

caption { 
background-color : transparent; }

/* 7.FORMS (See css/mylibs/forms.css) */

/* 8.BANNER */
/* 9.NAVIGATION */
/* 10.CONTENT */
/* 11.MAIN */
/* 12.COMPLIMENTARY */

.offleft {
	position:absolute;
	left:-9999px;
}

/* 13.CONTENTINFO */

/* 14.GLOBAL OBJECTS */

.clearfix { 
zoom : 1; }

.clearfix:before, 
.clearfix:after { 
content : "\0020"; 
display : block; 
height : 0; 
overflow : hidden; }

.clearfix:after { 
clear : both; }

/* 15.VENDOR-SPECIFIC only */

body {
-webkit-text-size-adjust : 100%; 
-ms-text-size-adjust : 100%; }

a:link { 
-webkit-tap-highlight-color : rgb(52,158,219); }

::-webkit-selection { 
background : rgb(23,119,175); 
color : rgb(250,250,250); 
text-shadow : none; }

::-moz-selection { 
background : rgb(23,119,175); 
color : rgb(250,250,250); 
text-shadow : none; }

::selection { 
background : rgb(23,119,175); 
color : rgb(250,250,250); 
text-shadow : none; }

/* input[type=search] {
-webkit-appearance : none; }

input[type="search"]::-webkit-search-decoration, 
input[type="search"]::-webkit-search-cancel-button {
display : none; } */

::-webkit-input-placeholder {
padding : 10px;
font-size : .875em; 
line-height : 1.4; }

input:-moz-placeholder { 
padding : 10px;
font-size : .875em; 
line-height : 1.4; }

.ie7 img,
.iem7 img { 
-ms-interpolation-mode : bicubic; }

div,
input,
textarea  { 
-webkit-box-sizing : border-box;
-moz-box-sizing : border-box;
-o-box-sizing : border-box;
box-sizing : border-box; }

/* Non-semantic helper classes */

/* Image replacement */
.ir { 
display : block; 
text-indent : -999em; 
overflow : hidden; 
background-repeat : no-repeat; 
text-align : left; 
direction : ltr; }

/* Hide for screenreaders and visual browsers */
.hidden { 
display : none; 
visibility : hidden; }

/* Hide visually */
.visuallyhidden { 
position : absolute;
clip : rect(0 0 0 0); 
overflow : hidden;
margin: -1px;
padding : 0;
height : 1px;      
width : 1px;
border : 0; }

/* Allow an element to be focusable via keyboard  */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { 
position : static;
clip : auto; 
overflow : visible;
height : auto; 
margin : 0;   
width : auto; }

/* Hide but maintain layout */
.invisible { 
visibility : hidden; }

/* 16.TEMPLATE SPECIFICS */

#goog-fixurl ul  {
list-style-type : none; }

#goog-fixurl input  {
margin-bottom : 1.5em; }

/* 17.MODERNIZR */

/* 
Sources: 
http://meyerweb.com/eric/tools/css/reset
http://people.opera.com/patrickl/experiments/keyboard/test
http://gist.github.com/413930
http://pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap
http://sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars
http://tjkdesign.com/ez-css/css/base.css
http://viget.com/inspire/styling-the-button-element-in-internet-explorer
http://code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing
http://html5doctor.com/html-5-reset-stylesheet/
http://praegnanz.de/weblog/htmlcssjs-kickstart/
http://camendesign.com/design/
http://yui.yahooapis.com/2.8.1/build/base/base.css
http://webaim.org/techniques/css/invisiblecontent/
http://drupal.org/node/897638
*/

html { background: #fff none; }
body { padding-top: 0; padding-bottom: 8px; margin: 0; width: auto; font-family: Verdana, Geneva, Arial, sans-serif; }
form h3 { margin: 1em 0; }
ul, ol { margin: 0 0 1em 0; }
/*ol { padding-left: 3.5em; }*/
.main-content a, .main-content a:visited, .main-content a:hover { color: #0062c3; }
.smltxt { font-style: italic; color: #666; font-size: .85em!important; }
nav ul { list-style-type: none; }
h1, h2 { font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; color: #191919; }
h3, h4 { font-family: 'Arial Bold', Arial, sans-serif; }
h5, h6 { font-family: Arial, sans-serif; }
h1 { font-size: 1.9em; }
h2 { font-size: 1.4em; }
h3 { font-size: 1.2em; margin-bottom: 0.4em; }
h4 { font-size: 1em; margin-bottom: 0.4em; }
h5, h6 { font-size: 0.9em; margin-bottom: 0.4em; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { text-decoration: none; }
#container-top {/*background: #E9F2FB;*/ padding-top: 5px;}

.main-content { font-family: Arial, sans-serif; }
.main-content h3 a:hover, 
.main-content h4 a:hover, 
.main-content h5 a:hover, 
.main-content h6 a:hover { border-bottom: 1px dotted #5197dd; }
.schoolpage .main-content h2 { border-bottom: 1px dotted #808080; padding-bottom: 4px; padding-top: 0.6em; /*display: inline-block;*/ width: inherit; }
.schoolpage .main-content p, .schoolpage .main-content li { font-size: 1em; line-height: 1.5em; }
.schoolpage .main-content p.small { font-size: 0.85em; line-height: 1.4em; }

/* Font-sizes must be 1em for table, table td, table table, table p etc. otherwise IE7 will spac out */
.main-content table td, .main-content table th { font-size: 1em; }
.main-content table { border-collapse: separate; border-spacing: 1px; font-size: 1em; }
.main-content table table, #container .main-content table ul li, #container .main-content table p { font-size: 1em; }
.main-content th { font-family: 'Arial Bold', Arial, sans-serif; text-align: left; padding: 5px 8px; text-transform: uppercase; letter-spacing: 0.1em; background-color: #ebebeb; }
.main-content tr.alt { background-color: #f7f7f7; }

.main-content img.right { float: right; margin: 0px 0 20px 20px; }
.main-content img.left { float: left; margin: 0px 20px 20px 0; }
.main-content ul, .main-content ol { margin-left: 1.5em; }
.schoolpage #site-nav .site-title .home-text { display: none; }
.schoolhomepage #upper-nav #site-nav .site-title .org-text { display: none; }
.schoolhomepage #upper-nav #site-nav .site-title .home-text { display: inline; }

/* Default School colours */
.schoolpage #slider-cont,
.schoolpage #site-nav-cont,
.schoolpage #site-nav li.flat, 
.schoolpage #site-nav li.collapsible { background-color: #d5dee7; }
.schoolpage #site-nav ul ul li.flat, 
.schoolpage #site-nav ul ul li.collapsible { background-color: #eaedf2; }
.schoolpage #site-nav ul ul ul li.flat, 
.schoolpage #site-nav ul ul ul li.collapsible,
.schoolpage .main-content th { background-color: #eeeeee; }
.schoolpage #site-nav ul ul ul ul li.flat, 
.schoolpage #site-nav ul ul ul ul li.collapsible { background-color: #f5f5f5; }
.schoolpage #site-nav li { border-top: 1px dotted #a2a9b3; }
.schoolpage #site-nav li:last-child { border-bottom: 1px dotted #a2a9b3; }
.schoolpage #site-nav li li { border-top: 1px dotted #c3c6cb; }
.schoolpage #site-nav li li:last-child { border-bottom: 1px dotted #c3c6cb; }
.schoolpage #site-nav li li li { border-top: 1px dotted #d1d3d8; }
.schoolpage #site-nav li li li:last-child { border-bottom: 1px dotted #d1d3d8; }
.schoolpage #site-nav li.ui-state-active { border-top: 1px dotted #c3c6cb; }
.schoolpage #site-nav li a { color: #000; }
.schoolpage #site-nav li li a { color: #000; }
.schoolpage #site-nav li li li a { color: #000; }
.schoolpage #site-nav-cont h2 { padding: 16px 0px 24px 28px; line-height: 1.05em; color: #000; font-size: 1.6em; }
.schoolpage #site-nav-cont h2 a { color: #000; font-size: 0.9em; }
.schoolpage #site-nav-cont h2 a .school-of { font-size: 0.7em; line-height: 1.5em; }
.schoolpage .main-content ul { list-style:square url(../img/bullets/bullet-grey.gif); /*background-repeat: no-repeat; background-position: -5px -8px;*/}
.schoolpage .main-content ol { list-style: decimal; }
.schoolpage .main-content ul li { margin-left: -4px;}
.schoolpage .main-content li { margin: .5em 0; }
.schoolpage .main-content tr.alt { background-color: #f2f4f7; }
/* Library Customisation */
.librarypage #site-nav-cont h2 { padding: 40px 0px 40px 28px; background: none; height: auto; line-height: 1.05em; color: #fff; font-size: 1.6em; }
.librarypage #site-nav-cont h2 a { color: #000; font-size: 1.1em; font-family: inherit; }
/* Midyear global styles */
#midyear tr.alt { background: #FFF;}
#midyear tr.spacer td { border: none; }
#midyear tr.spacer { display:none; }
#midyear td.matrix_cat_link { margin: 0; }
/* Env Sci colours */
.env-sci #slider-cont,
.env-sci #site-nav-cont,
.env-sci #site-nav li.flat, 
.env-sci #site-nav li.collapsible { background-color: #487035; }
.env-sci #site-nav ul ul li.flat, 
.env-sci #site-nav ul ul li.collapsible { background-color: #ddf381; }
.env-sci #site-nav ul ul ul li.flat, 
.env-sci #site-nav ul ul ul li.collapsible,
.env-sci .main-content th, #midyear .env-sci th { background-color: #f2fbc3; }
.env-sci #site-nav li { border-top: 1px dotted #64702f; }
.env-sci #site-nav li:last-child { border-bottom: 1px dotted #64702f; }
.env-sci #site-nav li li { border-top: 1px dotted #85924d; }
.env-sci #site-nav li li:last-child { border-bottom: 1px dotted #85924d; }
.env-sci #site-nav li li li { border-top: 1px dotted #929975; }
.env-sci #site-nav li li li:last-child { border-bottom: 1px dotted #929975; }
.env-sci #site-nav li.ui-state-active { border-top: 1px dotted #85924d; }
.env-sci #site-nav li a { color: #fff; }
.env-sci #site-nav li li a { color: #000; }
.env-sci #site-nav li li li a { color: #000; }
.env-sci #site-nav li.ui-state-active a { color: #000; }
.env-sci #site-nav-cont h2 { padding: 4px 0px 16px 28px; line-height: 0.9em; color: #fff; font-size: 1.6em; }
.env-sci #site-nav-cont h2 a { color: #fff; font-size: 0.9em; }
.env-sci #site-nav-cont h2 a .school-of { font-size: 0.7em; line-height: 1.5em; }
.env-sci #site-nav li.collapsible { background-position: 10px -198px; }
.env-sci #site-nav li.expanded { background-position: 10px -235px; }
.env-sci #site-nav ul ul li.collapsible { background-position: 22px -115px; }
.env-sci #site-nav ul ul li.expanded { background-position: 20px -158px; }
.env-sci #site-nav ul ul ul li.collapsible { background-position: 32px -115px; }
.env-sci #site-nav ul ul ul li.expanded { background-position: 32px -158px; }
.env-sci .main-content ul li { list-style:square url(../img/bullets/bullet-green.gif); }
.env-sci .main-content tr.alt td { background-color: #fafee7; }
/* Tourism colours */
.tourism #slider-cont,
.tourism #site-nav-cont,
.tourism #site-nav li.flat, 
.tourism #site-nav li.collapsible { background-color: #0093a1; }
.tourism #site-nav ul ul li.flat, 
.tourism #site-nav ul ul li.collapsible { background-color: #7FB9C0; }
.tourism #site-nav ul ul ul li.flat, 
.tourism #site-nav ul ul ul li.collapsible,
.tourism .main-content th { background-color: #EAF4F9; }
.tourism #site-nav li { border-top: 1px dotted #466d82; }
.tourism #site-nav li:last-child { border-bottom: 1px dotted #466d82; }
.tourism #site-nav li li { border-top: 1px dotted #70838d; }
.tourism #site-nav li li:last-child { border-bottom: 1px dotted #70838d; }
.tourism #site-nav li li li { border-top: 1px dotted #8c9295; }
.tourism #site-nav li li li:last-child { border-bottom: 1px dotted #8c9295; }
.tourism #site-nav li.ui-state-active { border-top: 1px dotted #70838d; }
.tourism #site-nav li a { color: #fff; }
.tourism #site-nav li li a { color: #000; }
.tourism #site-nav li li li a { color: #000; }
.tourism #site-nav li.ui-state-active a { color: #000; }
.tourism #site-nav-cont h2 { padding: 4px 0 14px 28px; line-height: 0.95em; color: #fff; font-size: 1.6em; }
.tourism #site-nav-cont h2 a { color: #fff; font-size: 0.9em; }
.tourism #site-nav-cont h2 a .school-of { font-size: 0.7em; line-height: 1.5em; }
.tourism #site-nav li.collapsible { background-position: 10px -198px; }
.tourism #site-nav li.expanded { background-position: 10px -235px; }
.tourism #site-nav ul ul li.collapsible { background-position: 22px -115px; }
.tourism #site-nav ul ul li.expanded { background-position: 20px -158px; }
.tourism #site-nav ul ul ul li.collapsible { background-position: 32px -115px; }
.tourism #site-nav ul ul ul li.expanded { background-position: 32px -158px; }
.tourism .main-content ul li { list-style:square url(../img/bullets/bullet-teal.gif); }
.tourism .main-content tr.alt td { background-color: #f5fafc; }

/* SASS colours */
.sass #slider-cont,
.sass #site-nav-cont,
.sass #site-nav li.flat, 
.sass #site-nav li.collapsible { background-color: #f57e25; }
.sass #site-nav ul ul li.flat, 
.sass #site-nav ul ul li.collapsible { background-color: #f2d49a; }
.sass #site-nav ul ul ul li.flat, 
.sass #site-nav ul ul ul li.collapsible,
.sass .main-content th, #midyear .sass th { background-color: #fcf7ea; }
.sass #site-nav li { border-top: 1px dotted #915c1c; }
.sass #site-nav li:last-child { border-bottom: 1px dotted #915c1c; }
.sass #site-nav li li { border-top: 1px dotted #95805c; }
.sass #site-nav li li:last-child { border-bottom: 1px dotted #95805c; }
.sass #site-nav li li li { border-top: 1px dotted #98948c; }
.sass #site-nav li li li:last-child { border-bottom: 1px dotted #98948c; }
.sass #site-nav li.ui-state-active { border-top: 1px dotted #95805c; }
.sass #site-nav li a { color: #000; }
.sass #site-nav li li a { color: #000; }
.sass #site-nav li li li a { color: #000; }
.sass #site-nav-cont h2 { padding: 16px 0px 24px 28px; line-height: 1.05em; color: #000; font-size: 1.6em; }
.sass #site-nav-cont h2 a { color: #000; font-size: 0.9em; }
.sass #site-nav-cont h2 a .school-of { font-size: 0.7em; line-height: 1.5em; }
.sass .main-content ul li { list-style:square url(../img/bullets/bullet-orange.gif); }
.sass .main-content tr.alt td { background-color: #fdfbf4; }
 
/* SCU Bus. School */
.scu-bus #slider-cont,
.scu-bus #site-nav-cont
.scu-bus #site-nav li.flat, 
.scu-bus #site-nav li.collapsible { background-color: #3b6e8f; }
.scu-bus #site-nav ul ul li.flat, 
.scu-bus #site-nav ul ul li.collapsible { background-color: #9dabbd; }
.scu-bus #site-nav ul ul ul li.flat, 
.scu-bus #site-nav ul ul ul li.collapsible,
.scu-bus .main-content th { background-color: #d5e2f0; }
.scu-bus #site-nav li { border-top: 1px dotted #374557; }
.scu-bus #site-nav li:last-child { border-bottom: 1px dotted #374557; }
.scu-bus #site-nav li li { border-top: 1px dotted #5e6771; }
.scu-bus #site-nav li li:last-child { border-bottom: 1px dotted #5e6771; }
.scu-bus #site-nav li li li { border-top: 1px dotted #808890; }
.scu-bus #site-nav li li li:last-child { border-bottom: 1px dotted #808890; }
.scu-bus #site-nav li.ui-state-active { border-top: 1px dotted #5e6771; }
.scu-bus #site-nav li a { color: #fff; }
.scu-bus #site-nav li li a { color: #000; }
.scu-bus #site-nav li li li a { color: #000; }
.scu-bus #site-nav li.ui-state-active a { color: #000; }
.scu-bus #site-nav-cont h2 { color: #fff; font-size: 1.6em; line-height: 1.1em; padding: 32px 0 32px 24px; }
.scu-bus #site-nav-cont h2 a { color: #fff; font-size: 0.9em; }
.scu-bus #site-nav-cont h2 a .school-of { font-size: 0.7em; line-height: 1.5em; }
.scu-bus #site-nav li.collapsible { background-position: 10px -198px; }
.scu-bus #site-nav li.expanded { background-position: 10px -235px; }
.scu-bus #site-nav ul ul li.collapsible { background-position: 22px -115px; }
.scu-bus #site-nav ul ul li.expanded { background-position: 20px -158px; }
.scu-bus #site-nav ul ul ul li.collapsible { background-position: 32px -115px; }
.scu-bus #site-nav ul ul ul li.expanded { background-position: 32px -158px; }
.scu-bus .main-content ul li { list-style:square url(../img/bullets/bullet-blue-grey.gif); }
.scu-bus .main-content tr.alt td { background-color: #f0f5fb; }
/* Business-Tourism */
.bustour #slider-cont,
.bustour #site-nav-cont,
.bustour #site-nav li.flat, 
.bustour #site-nav li.collapsible { background-color: #177CAF; }
.bustour #site-nav ul ul li.flat, 
.bustour #site-nav ul ul li.collapsible { background-color: #9dabbd; }
.bustour #site-nav ul ul ul li.flat, 
.bustour #site-nav ul ul ul li.collapsible,
.bustour .main-content th, #midyear .scu-bus th { background-color: #d5e2f0; }
.bustour #site-nav li { border-top: 1px dotted #374557; }
.bustour #site-nav li:last-child { border-bottom: 1px dotted #374557; }
.bustour #site-nav li li { border-top: 1px dotted #5e6771; }
.bustour #site-nav li li:last-child { border-bottom: 1px dotted #5e6771; }
.bustour #site-nav li li li { border-top: 1px dotted #808890; }
.bustour #site-nav li li li:last-child { border-bottom: 1px dotted #808890; }
.bustour #site-nav li.ui-state-active { border-top: 1px dotted #5e6771; }
.bustour #site-nav li a { color: #fff; }
.bustour #site-nav li li a { color: #000; }
.bustour #site-nav li li li a { color: #000; }
.bustour #site-nav li.ui-state-active a { color: #000; }
.bustour #site-nav-cont h2 { color: #fff; font-size: 1.6em; line-height: 1.17em; padding: 16px 0 24px 24px; }
.bustour #site-nav-cont h2 a { color: #fff; font-size: 1.2em; }
.bustour #site-nav-cont h2 a .school-of { font-size: 0.7em; line-height: 1.6; }
.bustour #site-nav li.collapsible { background-position: 10px -198px; }
.bustour #site-nav li.expanded { background-position: 10px -235px; }
.bustour #site-nav ul ul li.collapsible { background-position: 22px -115px; }
.bustour #site-nav ul ul li.expanded { background-position: 20px -158px; }
.bustour #site-nav ul ul ul li.collapsible { background-position: 32px -115px; }
.bustour #site-nav ul ul ul li.expanded { background-position: 32px -158px; }
.bustour .main-content ul li { list-style:square url(../img/bullets/bullet-blue-grey.gif); }
.bustour .main-content tr.alt td { background-color: #f0f5fb; }
/* Education */
.edu #slider-cont,
.edu #site-nav-cont,
.edu #site-nav li.flat, 
.edu #site-nav li.collapsible { background-color: #8c0b42; }
.edu #site-nav ul ul li.flat, 
.edu #site-nav ul ul li.collapsible { background-color: #c891a2; }
.edu #site-nav ul ul ul li.flat, 
.edu #site-nav ul ul ul li.collapsible,
.edu .main-content th, #midyear .edu th { background-color: #E8DCE1; }
.edu #site-nav li { border-top: 1px dotted #3f2b3a; }
.edu #site-nav li:last-child { border-bottom: 1px dotted #3f2b3a; }
.edu #site-nav li li { border-top: 1px dotted #6c6269; }
.edu #site-nav li li:last-child { border-bottom: 1px dotted #6c6269; }
.edu #site-nav li li li { border-top: 1px dotted #898689; }
.edu #site-nav li li li:last-child { border-bottom: 1px dotted #898689; }
.edu #site-nav li.ui-state-active { border-top: 1px dotted #6c6269; }
.edu #site-nav li a { color: #fff; }
.edu #site-nav li li a { color: #000; }
.edu #site-nav li li li a { color: #000; }
.edu #site-nav li.ui-state-active a { color: #000; }
.edu #site-nav-cont h2 { color: #fff; font-size: 1.6em; line-height: 1em; padding: 28px 0 32px 28px; }
.edu #site-nav-cont h2 a { color: #fff; font-size: 1.2em; }
.edu #site-nav-cont h2 a .school-of { font-size: 0.7em; line-height: 1.9em; }
.edu #site-nav li.collapsible { background-position: 10px -198px; }
.edu #site-nav li.expanded { background-position: 10px -235px; }
.edu #site-nav ul ul li.collapsible { background-position: 22px -115px; }
.edu #site-nav ul ul li.expanded { background-position: 20px -158px; }
.edu #site-nav ul ul ul li.collapsible { background-position: 32px -115px; }
.edu #site-nav ul ul ul li.expanded { background-position: 32px -158px; }
.edu .main-content ul li { list-style:square url(../img/bullets/bullet-purple.gif); }
.edu .main-content tr.alt td { background-color: #f7f4f7; }
/* Law */
.law #slider-cont,
.law #site-nav-cont,
.law #site-nav li.flat, 
.law #site-nav li.collapsible { background-color: #004062; }
.law #site-nav ul ul li.flat, 
.law #site-nav ul ul li.collapsible { background-color: #91a5b2; }
.law #site-nav ul ul ul li.flat, 
.law #site-nav ul ul ul li.collapsible,
.law .main-content th, #midyear .law th { background-color: #dee3e8; }
.law #site-nav li { border-top: 1px dotted #072033; }
.law #site-nav li:last-child { border-bottom: 1px dotted #072033; }
.law #site-nav li li { border-top: 1px dotted #57636b; }
.law #site-nav li li:last-child { border-bottom: 1px dotted #57636b; }
.law #site-nav li li li { border-top: 1px dotted #85888b; }
.law #site-nav li li li:last-child { border-bottom: 1px dotted #85888b; }
.law #site-nav li.ui-state-active { border-top: 1px dotted #57636b; }
.law #site-nav li a { color: #fff; }
.law #site-nav li li a { color: #000; }
.law #site-nav li li li a { color: #000; }
.law #site-nav li.ui-state-active a { color: #000; }
.law #site-nav-cont h2 { color: #fff; font-size: 1.5em; line-height: 0.7em; padding: 25px 0px 42px 24px; }
.law #site-nav-cont h2 a { color: #fff; font-size: 1.2em; }
.law #site-nav-cont h2 a .school-of { font-size: 0.7em; line-height: 1.9em; }
.law #site-nav li.collapsible { background-position: 10px -198px; }
.law #site-nav li.expanded { background-position: 10px -235px; }
.law #site-nav ul ul li.collapsible { background-position: 22px -115px; }
.law #site-nav ul ul li.expanded { background-position: 20px -158px; }
.law #site-nav ul ul ul li.collapsible { background-position: 32px -115px; }
.law #site-nav ul ul ul li.expanded { background-position: 32px -158px; }
.law .main-content ul li { list-style:square url(../img/bullets/bullet-cobalt.gif); } 
.law .main-content tr.alt td { background-color: #f1f3f5; }
/* Research */
.research #slider-cont,
.research #site-nav-cont,
.research #site-nav li.flat, 
.research #site-nav li.collapsible { background-color: #7b462e; }
.research #site-nav ul ul li.flat, 
.research #site-nav ul ul li.collapsible { background-color: #bea499; }
.research #site-nav ul ul ul li.flat, 
.research #site-nav ul ul ul li.collapsible,
.research .main-content th { background-color: #ede6e3; }
.research #site-nav li { border-top: 1px dotted #4a2a1c; }
.research #site-nav li:last-child { border-bottom: 1px dotted #4a2a1c; }
.research #site-nav li li { border-top: 1px dotted #72625c; }
.research #site-nav li li:last-child { border-bottom: 1px dotted #72625c; }
.research #site-nav li li li { border-top: 1px dotted #8e8a88; }
.research #site-nav li li li:last-child { border-bottom: 1px dotted #8e8a88; }
.research #site-nav li.ui-state-active { border-top: 1px dotted #72625c; }
.research #site-nav li a { color: #fff; }
.research #site-nav li li a { color: #000; }
.research #site-nav li li li a { color: #000; }
.research #site-nav li.ui-state-active a { color: #000; }
.research #site-nav-cont h2 { color: #fff; font-size: 1.5em; line-height: 0.9em; padding: 24px 0px 36px 28px; }
.research #site-nav-cont h2 a { color: #fff; font-size: 1.3em; }
.research #site-nav-cont h2 a .school-of { font-size: 0.7em; line-height: 1.9em; }
.research #site-nav li.collapsible { background-position: 10px -198px; }
.research #site-nav li.expanded { background-position: 10px -235px; }
.research #site-nav ul ul li.collapsible { background-position: 22px -115px; }
.research #site-nav ul ul li.expanded { background-position: 20px -158px; }
.research #site-nav ul ul ul li.collapsible { background-position: 32px -115px; }
.research #site-nav ul ul ul li.expanded { background-position: 32px -158px; }
.research .main-content ul li { list-style:square url(../img/bullets/bullet-brown.gif); }
.research .main-content tr.alt td { background-color: #f8f4f3; }
/* HAHS */
.hahs #slider-cont,
.hahs #site-nav-cont,
.hahs #site-nav li.flat, 
.hahs #site-nav li.collapsible { background-color: #4f0d56; }
.hahs #site-nav ul ul li.flat, 
.hahs #site-nav ul ul li.collapsible { background-color: #cbafc3; }
.hahs #site-nav ul ul ul li.flat, 
.hahs #site-nav ul ul ul li.collapsible,
.hahs .main-content th, #midyear .hahs th { background-color: #E2D4E8; }
.hahs #site-nav li { border-top: 1px dotted #2b5882; }
.hahs #site-nav li:last-child { border-bottom: 1px dotted #2b5882; }
.hahs #site-nav li li { border-top: 1px dotted #677c8e; }
.hahs #site-nav li li:last-child { border-bottom: 1px dotted #677c8e; }
.hahs #site-nav li li li { border-top: 1px dotted #899095; }
.hahs #site-nav li li li:last-child { border-bottom: 1px dotted #899095; }
.hahs #site-nav li.ui-state-active { border-top: 1px dotted #677c8e; }
.hahs #site-nav li a { color: #fff; }
.hahs #site-nav li li a { color: #000; }
.hahs #site-nav li li li a { color: #000; }
.hahs #site-nav li.ui-state-active a { color: #000; }
.hahs #site-nav-cont h2 { padding: 16px 0px 24px 24px; line-height: 1.05em; color: #fff; font-size: 1.6em; }
.hahs #site-nav-cont h2 a { color: #fff; font-size: 0.9em; }
.hahs #site-nav-cont h2 a .school-of { font-size: 0.7em; line-height: 1.5em; }
.hahs #site-nav li.collapsible { background-position: 10px -198px; }
.hahs #site-nav li.expanded { background-position: 10px -235px; }
.hahs #site-nav ul ul li.collapsible { background-position: 22px -115px; }
.hahs #site-nav ul ul li.expanded { background-position: 20px -158px; }
.hahs #site-nav ul ul ul li.collapsible { background-position: 32px -115px; }
.hahs #site-nav ul ul ul li.expanded { background-position: 32px -158px; }
.hahs .main-content ul li { list-style:square url(../img/bullets/bullet-purple.gif); }
.hahs .main-content tr.alt td { background-color: #f4eef7; }
/* Gnibi */
.gnibi #slider-cont,
.gnibi #site-nav-cont,
.gnibi #site-nav li.flat, 
.gnibi #site-nav li.collapsible { background-color: #664012; }
.gnibi #site-nav ul ul li.flat, 
.gnibi #site-nav ul ul li.collapsible { background-color: #d3b39d; }
.gnibi #site-nav ul ul ul li.flat, 
.gnibi #site-nav ul ul ul li.collapsible,
.gnibi .main-content th, #midyear .gnibi th { background-color: #f6efea; }
.gnibi #site-nav li { border-top: 1px dotted #62381f; }
.gnibi #site-nav li:last-child { border-bottom: 1px dotted #62381f; }
.gnibi #site-nav li li { border-top: 1px dotted #7f6b5e; }
.gnibi #site-nav li li:last-child { border-bottom: 1px dotted #7f6b5e; }
.gnibi #site-nav li li li { border-top: 1px dotted #948f8c; }
.gnibi #site-nav li li li:last-child { border-bottom: 1px dotted #948f8c; }
.gnibi #site-nav li.ui-state-active { border-top: 1px dotted #7f6b5e; }
.gnibi #site-nav li a { color: #fff; }
.gnibi #site-nav li li a { color: #000; }
.gnibi #site-nav li li li a { color: #000; }
.gnibi #site-nav li.ui-state-active a { color: #000; }
.gnibi #site-nav-cont h2 { padding: 16px 0px 24px 19px; line-height: 1.05em; color: #fff; font-size: 1.6em; }
.gnibi #site-nav-cont h2 a { color: #fff; font-size: 0.85em; }
.gnibi #site-nav-cont h2 a .school-of { font-size: 0.7em; line-height: 1.5em; }
.gnibi #site-nav li.collapsible { background-position: 10px -198px; }
.gnibi #site-nav li.expanded { background-position: 10px -235px; }
.gnibi #site-nav ul ul li.collapsible { background-position: 22px -115px; }
.gnibi #site-nav ul ul li.expanded { background-position: 20px -158px; }
.gnibi #site-nav ul ul ul li.collapsible { background-position: 32px -115px; }
.gnibi #site-nav ul ul ul li.expanded { background-position: 32px -158px; }
.gnibi .main-content ul li { list-style:square url(../img/bullets/bullet-ochre.gif); }
.gnibi .main-content tr.alt td { background-color: #fbf8f4; }
/* End colours */

/* THSS */
.scu-thss #slider-cont,
.scu-thss #site-nav-cont,
.scu-thss #site-nav li.flat, 
.scu-thss #site-nav li.collapsible { background-color: #002D62; }
.scu-thss #site-nav ul ul li.flat, 
.scu-thss #site-nav ul ul li.collapsible { background-color: #BACBDA; }
.scu-thss #site-nav ul ul ul li.flat, 
.scu-thss #site-nav ul ul ul li.collapsible,
.scu-thss .main-content th, #midyear .scu-thss th { background-color: #dee3e8; }
.scu-thss #site-nav li { border-top: 1px dotted #374557; }
.scu-thss #site-nav li:last-child { border-bottom: 1px dotted #374557; }
.scu-thss #site-nav li li { border-top: 1px dotted #5e6771; }
.scu-thss #site-nav li li:last-child { border-bottom: 1px dotted #5e6771; }
.scu-thss #site-nav li li li { border-top: 1px dotted #808890; }
.scu-thss #site-nav li li li:last-child { border-bottom: 1px dotted #808890; }
.scu-thss #site-nav li.ui-state-active { border-top: 1px dotted #5e6771; }
.scu-thss #site-nav li a { color: #fff; }
.scu-thss #site-nav li li a { color: #000; }
.scu-thss #site-nav li li li a { color: #000; }
.scu-thss #site-nav li.ui-state-active a { color: #000; }
.scu-thss #site-nav-cont h2 { color: #fff; font-size: 1.6em; line-height: 1.1em; padding: 32px 0 32px 24px; }
.scu-thss #site-nav-cont h2 a { color: #fff; font-size: 0.9em; }
.scu-thss #site-nav-cont h2 a .school-of { font-size: 0.7em; line-height: 1.5em; }
.scu-thss #site-nav li.collapsible { background-position: 10px -198px; }
.scu-thss #site-nav li.expanded { background-position: 10px -235px; }
.scu-thss #site-nav ul ul li.collapsible { background-position: 22px -115px; }
.scu-thss #site-nav ul ul li.expanded { background-position: 20px -158px; }
.scu-thss #site-nav ul ul ul li.collapsible { background-position: 32px -115px; }
.scu-thss #site-nav ul ul ul li.expanded { background-position: 32px -158px; }
.scu-thss .main-content ul li { list-style:square url(../img/bullets/bullet-blue-grey.gif); }
.scu-thss .main-content tr.alt td { background-color: #f0f5fb; }
/* End colours */

#container { background: #fff /*url(../img/shadow-bottom.jpg) no-repeat 50% 184px*/; color: #000; }

header { text-align: center; }

/*header #banner { background: transparent url(../img/shadow-top.jpg) no-repeat 50% 70px; border-bottom: 1px solid #D8D8D8; margin-bottom: 4px; }*/

/*SDA-2220*/
#global-nav-list {	margin: 0; padding: 0; z-index: 100000; background: #ffc425; }
#global-nav-list li { padding: 4px; margin: 0; list-style: none; float: left; background: #003399; text-shadow: 1px 1px #000; }
#global-nav-list li a { display: block; margin: 0 1px 0 0; padding: 6px 4px; background: #003399; color: #FFF; text-align: center; text-decoration: none; cursor: default; font-size: 0.6em; }
#global-nav-list li div a, #global-nav-list #course-search a, #global-nav-list #home a { cursor: pointer; }
#global-nav-list #course-search, #global-nav-list li#course-search a { background: #ffc425; }
#global-nav-list #course-search a { color: #000; text-shadow: none; }
#global-nav-list #course-search { width: 11.8% }
#global-nav-list li a:hover { background: #003399; text-decoration: underline; }
#global-nav-list div { position: absolute; visibility: hidden; background: #1048b9; border: 1px solid #6b7ba9; z-index: 100000; }
#global-nav-list div a { white-space: nowrap; text-align: left; background: #1048b9; border-bottom: 1px solid #003399!important; font-weight: normal; text-shadow: none; }
#global-nav-list div a:hover { text-decoration: underline; }
#global-nav-list li a:first-child:hover { text-decoration: none; }
#global-nav-list li div a:first-child:hover, #global-nav-list #home a:hover, #global-nav-list #course-search a:hover  { text-decoration: underline; }

nav#global-nav { background: #003399; }
#global-nav-list li#course-search { clear: left; width: 98%; }
/*END SDA-2220*/

header #head-nav { float: none; width: 100%; text-align: center; clear: both; border-top: 1px solid #D8D8D8; font-family: /*Tahoma, Verdana, Geneva,*/arial, sans-serif; }
header #head-nav ul { display: block; margin: 0 auto; padding: 0; width: 320px; height: 64px; background: transparent url(../img/head-nav-bg-320.png) no-repeat -3px -7px; }
header #head-nav li { float: left; background: transparent; color: #77a0f6; width: 63px; height: 50px; border-left: 1px dotted #e8e8e8; margin: 7px 0; }
header #head-nav li a { display: block; width: 63px; height: 17px; padding-top: 35px; color: #868686; font-weight: bold; font-size: 0.6em; text-align: center; text-decoration: none;}
header #head-nav li:first-child a { padding-left: 6px; }
header #head-nav li:last-child a { text-align: left; padding-left: 6px; }
header #head-nav ul li:first-child { border-left: none; }

header #SCU-logo { float: none; height: 69px; width: 180px; font-size: 1.3em; text-align: center; font-family: "Times New Roman", serif; margin: 0 auto; padding-top: 30px;}
header #SCU-logo a { color: #00539F; line-height: 1em; }
header #SCU-logo img { position: relative; top: -72px; height: 72px; width: 180px; background-color: #fff !important; }

header #search-form { float: none; position: relative; text-align: right; display: block; margin: 0 auto; padding: 5px 0 20px; width: 187px; }
header #search-form #search-input { width: 175px; vertical-align: middle; margin: 0; padding: 0 0 0 10px; height: 20px; line-height: 21px; border: 1px solid #999999; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
header #search-form #search-submit { position: absolute; z-index: 9000; top: 8px; right: 28px; vertical-align: middle; margin: 0 -20px 0 0; padding-top: 0; text-indent: -999em; text-transform: capitalize /* required for IE to respect indent */; width: 20px; height: 20px; background: transparent url(../img/search.gif) no-repeat center center; border: none; cursor: pointer; }
header #search-form #search-input:focus { outline: 0; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; }

#quicklinks { display: none; position: relative; z-index: 11000;}
/*#quicklinks h2 { float: right; margin: 0 14px 0 0; padding: 2px 6px; height: 15px; font-size: 0.6em; text-align: center; letter-spacing: 0.09em; color: #ffffff; background: #003399!important; cursor: pointer; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; font-family: Tahoma, Verdana, Geneva, sans-serif; }
#quicklinks h2 a { color: #ffffff; text-decoration: none;}
#quicklinks h2 a:hover { text-decoration: none; }*/
.quicklinkshd {height: 14px; width: 124px; font-size: 0.7em; padding: 3px 8px; line-height: 1.2em; margin: -21px 14px 0 0; text-align: center; letter-spacing: 0.09em; color: #ffffff; background: #003399!important; cursor: pointer; border-top-right-radius: 5px; border-top-left-radius: 5px; font-family: Tahoma, Verdana, Geneva, sans-serif; font-weight: bold; float: right;}
.quicklinkshd a { color: #ffffff; text-decoration: none;}
.quicklinkshd a:hover { text-decoration: none; }
#quicklinks nav { margin: 18px 14px 0 0; overflow: hidden; position: absolute; z-index: 100000; right: 0; background: #6073a6; font-family: Tahoma, Verdana, Geneva, sans-serif; }
#quicklinks nav ul { display: none; }
#quicklinks ul:first-child { clear: right; }
#quicklinks ul { height: 0; opacity: 0; float: right; margin: 0; width: 206px; padding: 0 12px; color: #efefef; border-right: 1px solid #909dc1; }
#quicklinks ul:first-child { border-right: none; }
#quicklinks ul li { line-height: 1.25em; }
#quicklinks ul li a { color: #efefef; font-size: 0.7em; }

.homepage #slider, .schoolhomepage #slider { display: none !important; z-index: 90; }
.homepage #slider img, .schoolhomepage #slider img { display: none !important; }
.schoolpage #slider-cont { display: none; }
.schoolhomepage #slider-cont { height: auto; }
.schoolpage #slider-cont img { float: none; }
#slider .nivo-controlNav { display: none; }

.marketing-btns { position:relative; float:left; width:100%; margin: 0; z-index:1000; height: auto;}
.marketing-btns ul { position: relative; float: left; width: 100%; padding-left: 0; margin-bottom: 0;}
.marketing-btns a { display: block; text-decoration: none; position: relative; text-align: center; background: #e5e5e5; color: #003399; font-size: 0.6em; }
.marketing-btns a.home-marketing-btn { float: left; width: 45%; height: 39px; margin: 5px 3% 2px; }
.marketing-btns a.site-marketing-btn { float: left; width: 45%; height: 39px; margin: 5px 3% 2px; }
.marketing-btns li a { padding: 8px 0; font-size: 0.8em;  background: #e5e5e5; border: 1px solid #b7b7b7;}
.marketing-btns a .line2 { font-style: normal; color: #039!important; }
.marketing-btns a strong { text-transform: uppercase; font-size: 1.1em; font-family: "Arial Black", Gadget, sans-serif; }
.marketing-btns a { display: none; }
#nav-sidebar .marketing-btns { display: none; position: relative; background: none; }
#nav-sidebar .marketing-btns a { float: left; position: relative; }

/* firefox mozilla only style to fix arial black bold */
@-moz-document url-prefix() { 
	.marketing-btns a strong { font-weight: 900; }
}

.site-nav, .main-content, .sidebar { float: left; margin: 12px 0 12px 5%; width: 90%; }
.content { float: right; clear: right; position: relative; width: 100%; }
.main-content { float: none; clear: right; margin: 12px 5% 12px 5%; font-size: 0.8em; color: #121212; }
.homepage .main-content p, .homepage .main-content h6 { width: 296px; margin: 0 auto; text-align: left; }
.sidebar { float: right; margin: 12px 5% 12px 0; background: #fff;}
.site-nav, .sidebar, #news-box { position: relative; z-index: 1000; }
#news-box { float: right; margin-bottom: 5px; }

.schoolpage .main-content, .schoolpage .content p.breadcrumbs { width: 97%; float: left; clear: none; position: relative; margin: 12px 4% 12px 0; }
.schoolpage .main-content p { margin-bottom: 1.2em; width: auto; font-weight: normal; }
.schoolpage .content { width: 96%; margin-left: 4%; float: right; }
.schoolpage .sidebar { width: 96%; margin: 12px 4% 12px 0; }
.schoolpage .site-nav { width: 100%; margin: 0; }
.schoolpage .content p.breadcrumbs { border-bottom: 1px dotted #999999; padding: 0 0 5px; font-size: 0.65em; margin: 1.1em 0 2em; }
.schoolhomepage .breadcrumbs { display: none; }

.homepage img { border-style: none !important; }
.homepage .site-nav, .homepage .main-content .video-cont, #news-box { border: 1px solid #b7b7b7; }
.homepage .sidebar .social-icons { display: none; }
.schoolpage .sidebar .social-icons { font-size: 0.8em; }

#site-nav-cont { position: relative; z-index: 1000; float: left; width: 100%; /*text-indent: -99999em; background-repeat: no-repeat; background-position: top left;*/ }
#site-nav-cont h2 { margin: 0; font-weight: normal; font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;  }
#site-nav-cont h2 a { text-decoration: none; }

.site-nav li { width: 100%; border-top: 1px dotted #234556; float: left; clear: left; }
.site-nav ul ul li { background: #fff; border-top: 1px dotted #dbdee4; font-size: 0.85em; text-indent: 0; }
.site-nav ul ul li a { font-weight: normal; margin-left: 32px; /*margin-right: 8px;*/ line-height: 1.6em; padding: 9px 3px 9px 0; }
.site-nav li:first-child, .site-nav li.active ul li:first-child { border-top: none; }
/*.site-nav li:last-child, .site-nav li.active ul li:last-child {padding-bottom: 2px; }*/
.site-nav ul { margin: 0; padding: 0; }
.site-nav ul ul { padding-left: 0; }
.site-nav a { display: block; }

.site-nav li, .sidebar .sidebar-control li { text-indent: 32px; line-height: 1.7em; }
.site-nav li.collapsible, .sidebar .sidebar-control li { background: #e5e5e5 url(../img/list-arr.gif) no-repeat 8px 3px; }
.site-nav li a, .sidebar .sidebar-control li a { display: block; color: #003366; font-weight: bold; font-size: 0.7em; text-decoration: none; }
.site-nav li.ui-state-active, .sidebar .sidebar-control li.active { background-color: #e8bc18; background-position: 8px -38px; text-indent: 32px; }
/*.sidebar .sidebar-control h4.active { background-position: 8px -358px; }*/
.site-nav li.ui-state-active a, .site-nav li li a, .sidebar .sidebar-control li.active a { color: #000; }
.site-nav li.expanded { background: inherit url(../img/list-arr.gif) no-repeat 8px -35px; }
.site-nav li.collapsible /*a.ui-state-active*/ { background: inherit url(../img/list-arr.gif) no-repeat 8px -35px; }
#site-nav { border: none; }
#site-nav li { text-indent: 0; }
#site-nav li a { font-weight: normal; text-indent: 0; line-height: 1.4em; padding: 6px 8px 6px 30px; border: 2px solid transparent; }
#site-nav li a:focus { border: 2px solid blue; }
#site-nav li.ui-state-active a { font-weight: bold; } 
#site-nav li.ui-state-active li a { font-weight: normal; } 
#site-nav li.collapsible { background-position: 12px -115px; /*height: 1.9em;*/ overflow: hidden; }
#site-nav li.collapsible ul { display: none; }
#site-nav li.expanded ul { display: block; }
#site-nav li.expanded li.collapsible ul { display: none; }
#site-nav li.expanded li.expanded ul { display: block; }
#site-nav li.expanded li.expanded li.collapsible ul { display: none; }
#site-nav li.expanded li.expanded li.expanded ul { display: block; }
#site-nav li.expanded, .schoolpage #site-nav li.expanded li.collapsible { height: auto; }
#site-nav li.collapsible { background-position: 10px -115px; }
#site-nav li.expanded { background-position: 10px -158px; }
#site-nav ul ul li.collapsible { background-position: 22px -115px; }
#site-nav ul ul li.expanded { background-position: 20px -158px; }
#site-nav ul ul ul li.collapsible { background-position: 32px -115px; }
#site-nav ul ul ul li.expanded { background-position: 32px -158px; }
#site-nav-cont #site-nav li:last-child { padding-bottom: inherit; }
#site-nav-cont #site-nav ul ul li:last-child { border-bottom: none; }
#site-nav ul ul li { font-size: 1em; }
#site-nav ul ul li a { margin-left: 0px; padding-left: 37px;}
#site-nav ul ul ul li a { margin-left: 0px; padding-left: 50px; }
#site-nav ul ul ul ul li a { margin-left: 0px; padding-left: 63px; }
#site-nav-cont #site-nav ul li.ui-state-active { background-color: #e8bc18; }

#upper-nav #site-nav li { display: none; }
#upper-nav #site-nav li.home-item /*,
.schoolpage #upper-nav #site-nav li.expanded*/ { display: block; }
/*.schoolpage #upper-nav #site-nav li.expanded li { display: none; }
.schoolpage #upper-nav #site-nav ul li.ui-state-active { display: block; }*/
.schoolpage #site-nav-cont h2 { display: none; }
.schoolhomepage #upper-nav #site-nav li { display: block; }
.schoolhomepage #lower-nav #site-nav-cont h2 { display: none; }
.schoolhomepage #site-nav-cont h2 { display: block; }

#home-nav li.collapsible a.ui-state-active { color: #000; background: #e8bc18 url(../img/list-arr.gif) no-repeat 8px -35px; }

#youTube-placeholder { cursor: pointer;}
.video-cont .caption { font-size: 1em; width: 300px; padding: 0; margin:5px; color: #666; }
.homepage .video-cont { float: none; width: 296px; height: 198px; margin: 0 auto; margin-bottom: 30px; margin-top: -10px;}
.homepage .video-cont .caption { padding: 0; margin: 0 auto; font-size: 0.85em; text-indent: 12px; height: 26px; line-height: 1.6em; }
.homepage .video-cont .caption img { vertical-align: top; margin-top: 1px; padding-left: 10px; }
#container .social-icons { clear: both; }
#container .social-icons p { text-align: center; margin-top: 16px; margin-bottom: 16px; }
#container .social-icons h6 { font-size: 0.85em; color: #5a5a5a; text-indent: 30px; margin: 14px auto 6px; }
#container .social-icons img { margin: 0; }

/*.schoolpage .sidebar { display: none; }*/
.sidebar .sidebar-control { position: relative; float: left; width: 100%; background: #e5e5e5; }
.sidebar .sidebar-control ul { width: 100%; padding-left: 0; margin: 0; }
.sidebar #news-box { width: 100%; }
.sidebar .sidebar-control li { float: left; width: 100%; margin: 0; text-indent: 16px; font-size: 1em; line-height: 1.5em; font-family: Verdana, Geneva, sans-serif; border-bottom: 1px solid #b7b7b7; background-position: -100px -34px; }
/*.sidebar .sidebar-control h4.active { width: 49.5%; }*/
.sidebar .sidebar-control li#news-control.active { border-right: 1px dotted #856416; }
.sidebar .sidebar-control li#events-control.active { border-left: 1px dotted #856416; }
/*.sidebar .news-list h4 { display: none; }*/
.sidebar .news-list li h4 { display: block; font-family: 'Arial Bold', arial, sans-serif; font-size: 1.15em; margin-top: 0;}

.sidebar #events-list.news-list {height: 170px!important;}
.sidebar .news-list { float: right; height: 385px; width: 100%; overflow-y: scroll; font-family: Arial, sans-serif; }
.sidebar .news-list ul { list-style-type: none; padding: 3px 0 0; margin-bottom: 0; }
.sidebar .news-list li { min-height: 83px; padding: 6px 3px 10px 0; line-height: 0.8em; border-bottom: 1px dotted #cccccc; background-repeat: no-repeat; background-position: 10px 10px; }
.sidebar #events-list li { min-height: 52px; }
.sidebar .news-list li a { font-weight: normal; color: #444444; text-decoration: none; font-size: 0.7em; display: block; padding-left: 90px; }
.sidebar .news-list li a img { height: 36px; width: 36px; padding: 3px; vertical-align: top; }
.sidebar #events-list .cal-date { float: left; text-align: center; height: 45px; width: 60px; margin-left: 16px; margin-top: 2px; padding-top: 4px; background: white url(../img/calendar-day-icon-tn.png) no-repeat; color: #ffffff; font-size: 0.7em; }
.sidebar #events-list .cal-date span { display: block; color: #333333; height: 40px; line-height: 30px; margin-top: 4px; font-size: 1.3em; }

footer { clear: both; font-family: Tahoma, Verdana, Geneva, sans-serif; }
footer .footer-nav { position: relative; top: -1px; }
footer .footer-nav nav { float: left; margin: 0 5%; width: 90%; border-top: 1px dotted #61b0ff; }
footer .footer-nav nav h4 { color: #5a5a5a; margin: 16px 0 8px 8px; font-size: 0.75em; font-family: Tahoma, Verdana, Geneva, sans-serif; }
footer .footer-nav nav ul { padding-left: 0; margin-left: 8px; } 
footer .footer-nav nav li { font-size: 0.75em; }
footer .footer-nav nav li a, footer nav li a:visited { color: #5a5a5a; text-decoration: none; }
footer .footer-shadow { display: none; }
footer p { float: left; padding-bottom: 6px; margin-bottom: 0; font-size: 0.65em; }
footer p.top-link { display: none; font-size: 0.7em; }
footer p.top-link a { text-decoration: none; font-weight: bold; color: #000; }
footer p.global-footer { width: 97%; padding: 8px 1% 6px 2%; font-size: 0.7em; line-height: 1.6em; color: #5a5a5a; border-top: 1px dotted #aed7ff; }
footer p .sep { padding: 0 1px; color: #b8c5d3; }
footer p .titlesep { display: none; }
footer p .abnsep { display: none; }
footer p .cricosep { display: none; }
footer p .SCU-abn br { display: none; }
footer p .SCU-abn { float: right; }
/*footer p .SCU-cricos br { display: none; }
footer p .SCU-cricos { float: left; }*/
footer span.admin-link { display: none; }

#date-page-updated { float: right; color: #555; font-size: 0.9em; }

span.second { /* no break */ }
input::-webkit-input-placeholder { line-height: 0; font-size: 1.1em; }
input:-moz-placeholder { line-height: 0; font-size: 1.1em; }

.schoolpage .main-content ul.bulletless li { background: none; padding-left: 0; }

.foureighty-up, .foureighty-only { display: none; }

#emergency-banner { border: 2px solid red; padding: 8px 14px; background: #FCA; color: #330000; }
#emergency-banner h2 { color: #330000; }

/* SCU Forms */
#form-layout .star {color: #990000; font-weight: bold;}
#form-layout .line {border-bottom: 1px dashed #336699; padding: 4px 0; font-size: 1em; margin-bottom: 20px;}
#form-layout .email {font-size: 10px; }

/* Regional Universities Network link */
#RUN-link img { height: 50px; margin: 6px 0 2px 6px; width: 140px; }

/* Matrix style overrides */
.site_matrix_title { color: #666666; font-weight: normal; padding-top: 10px; padding-left: 2px; line-height: 30px; /*border-bottom:1px dashed #E8DEB5;*/ border: none !important; height: 50px; margin-bottom: -75px; width: 300px; font-size: 1.3em; }
.matrix_cat_title, .schoolpage .main-content h2.matrix_cat_title {
	width: auto;
	border-bottom: none;
}
.main-content th.matrix_cat_title, .main-content caption.matrix_cat_title  { /* matrix_cat_title */
	background-color: white;
	text-transform: none;
	letter-spacing: 0;
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; text-color: #191919; /*matches h2*/
	font-size: 1.5em;
	padding-left:5px;
	text-align: left;
}
.main-content .matrix_loc { width: 60%; }
.main-content .matrix_loc_cell { width: 78px; font-size: 0.9em; }
.main-content .matrix_unit_cat_title td { padding: 8px; }
.main-content .matrix_cat_link { width: 40%; font-size: 1.1em; margin-top: 1.8em;}
.main-content .legend-bull { font-size: 1.6em; }
.schoolpage .main-content .matrix_unit_cat_div table,
.schoolpage .main-content .matrix_unit_cat_div table p { margin-bottom: 0; }

/* Print CSS rules */
.printOnly { display: none; }

/* S1 bits - How to Apply buttons */
/* div tags for apply online button and direct application button*/
.main-content .applyNowBtn {
float: left;
margin-left: 15px;
}

.cssT1SmPwrProgressAction INPUT:hover {
background-position: 0px -77px;
}

.cssT1SmPwrProgressAction_NextButton {
background: #0f3367 url(/SCU-template/img/primarynextButtonBG.png) no-repeat left top;
border-bottom: medium none;
border-left: medium none;
border-radius: 5px;
border-right: medium none;
border-top: medium none;
color: #fff;
font-family:Arial, Sans-Serif;
font-size:150%;
font-weight: bold;
height: 77px;
-moz-border-radius: 5px;
padding-bottom: 0px; 
padding-left: 0px;
padding-right: 45px;
padding-top: 0px;
right: 8px;
text-align: right;
top: 8px;
vertical-align: top;
-webkit-border-radius:5px;
white-space: normal;
width: 300px;
}

.cssT1SmPwrProgressAction_CancelButton {
background: #d9e0ec url(/SCU-template/img/secondarynextButtonBG.png) no-repeat left top;
border-bottom: medium none;
border-left: medium none;
border-radius: 5px;
border-right: medium none;
border-top: medium none;
color: #0F3367;
font-family:Arial, Sans-Serif;
font-size:150%;
font-weight: bold;
height: 77px;
-moz-border-radius: 5px;
padding-bottom: 0px; 
padding-left: 0px;
padding-right: 45px;
padding-top: 0px;

right: 8px;
text-align: right;
top: 8px;
vertical-align: top;
-webkit-border-radius:5px;
white-space: normal;
width: 300px;
}

/* ======== START accordion styles ======== */
#accordion-wrapper {
    margin: 1.5em 0;
}
.accordiontitle {
    background-color: #EFEFEF;
    color: #333333;
    cursor: pointer;
    font-size: .92em;
    font-weight: normal;
    margin: 4px 0;
    padding: 5px 10px;
	border-bottom: none;
	border-left: 1px solid #ffc425;
}
html .main-content h2.accordiontitle { 
	width: 92%;
	border-bottom: none;
}
h2.opencontent {
    color: #121212;
}
.accordioncontent {
    border-bottom: 1px solid #CCCCCC;
    border-left: 1px dotted #CCCCCC;
    border-right: 1px dotted #CCCCCC;
    font-size: 0.95em;
    padding: 5px 10px 20px 10px;
    height: auto !important;
	width: 94%;
}

/* START general feature news bubbles */

.featurenews, .featurenewsorange, .featurenewsyellow, .featurenewsplum, .featurenewsgreen, .featurenewsblue  {
  width: 97%;
  height: auto;
  padding: 8px;
  border: 1px #ccc solid;
   -webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;
	margin-bottom: 1em;
}


.featurenews  { background-color: #efefef; }
.featurenewsorange { background-color: #FFAE66; }
.featurenewsyellow { background-color: #F7E483; }
.featurenewsplum { background-color: #E1BDF5; }
.featurenewsgreen { background-color: #C8F5BD; }
.featurenewsblue { background-color: #E7F0FF; }

/*START fadeshow and contacts feature */

#navcontainer { 
    display: block;
    float: right;
    width: 186px;
   margin: 0 0 0 0;
   background-color: #00539f;
   height: 300px;
}

.gallerylayer img {
   margin-left: 0;
   margin-top: 5px!important;
   padding-left: 2px;
}

.gallerylayer a {
   padding: 0!important;
   margin-top: -1px!important;
   border-bottom: none!important;
   background-color: #00539f;
}

#navcontainer ul li {
    background-image: none;
    background-position: 0;
margin-left: 0;
padding-left: 0;
list-style: none;
text-align: left;

}

#navcontainer a
{
display: block;
padding: 3px 3px 5px 3px;
width: 180px;
background-color: #00539f;
border-bottom: 1px solid #eee;
}

#navcontainer a:link, #navcontainer a:visited
{
color: #EEE;
text-decoration: none;
}

#navcontainer a:hover
{
background-color: #003399;
color: #fff;
}

/*START toggle */

#toggle {width:95%; margin: 0;}
#toggle ul{ margin-left: 0; padding-left: 0; width: 94%;}
#toggle li:hover{background:#e7f0ff}
#toggle li{list-style:none!important; cursor:pointer; -moz-border-radius:0 10px 0 10px; background-color: #efefef; font-weight: bold; margin:2px; padding:5px; margin: 5px; border-left: 1px solid #ffc425;}
#toggle li:before {content: "+"; padding:10px 10px 10px 0; color:#00539f; font-weight:bold;}
#toggle li.active:before {content: "-"; padding:10px 10px 10px 0; color: #00539f; font-weight:bold;}
#toggle ul div{color: #121212; cursor: auto; display: none; font-size: 1em; padding: 5px; text-decoration: none; }

/*START button */

/*Base button*/

.button, .buttonmini {
	display: inline-block;
	zoom: 1;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: bold 17px/100% Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
	-webkit-border-radius: .25em;
	-moz-border-radius: .25em;
	border-radius: .25em;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-ms-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
}

.buttonmini {
	font: bold 13px/100% Arial, Helvetica, sans-serif;
}

.button:hover, .buttonmini:hover {
text-decoration: none;
}

.btn-float { float: right!important; width: 230px!important; margin-left: 1.2em!important;  } 
.btn-float p { margin-bottom: .6em!important; } 
.btn-float .button { display: block!important; font-size: 13px!important; }
@media only screen { 
.btn-float { float: right!important; width: 100%!important;  } 
.btn-float p { margin-bottom: .6em!important; } 
.btn-float .button { display: block!important; font-size: 13px!important; } } 
@media only screen and (min-width: 480px) {  
.btn-float { width: 230px!important; margin-left: 1.2em!important; } }

/*Blue button classes*/

.blue {
	color: #FFFFFF!important;
	border: solid 1px #0076A3;
	background: #003399;
	background: -webkit-gradient(linear, left top, left bottom, from(#0347CF), to(#022A79));
    background: -moz-linear-gradient(top, #0347CF, #022A79);
    background: -ms-linear-gradient(top, #0347CF, #022A79);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0347CF', endColorstr='#022A79');
}

.blue:hover {
	color: #FFFFFF!important;
	background: #023fca;
	background: -webkit-gradient(linear, left top, left bottom, from(#022A79), to(#0347CF));
    background: -moz-linear-gradient(top, #022A79, #0347CF);
    background: -ms-linear-gradient(top, #022A79, #0347CF);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#022A79', endColorstr='#0347CF');
}

.blue:active {
	color: #FFFFFF!important;
	background: #0150EC;
	background: -webkit-gradient(linear, left top, left bottom, from(#003399), to(#0150EC));
	background: -moz-linear-gradient(top, #003399, #0150EC);
	background: -ms-linear-gradient(top, #003399, #0150EC);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#003399', endColorstr='#0150EC');
}

.blue a { color: #FFFFFF!important; text-decoration: none;}


/*Grey button classes*/

.grey {
	color: #000000!important;
	border: solid 1px #B7B7B7;
	background: #EFEFEF;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#EFEFEF));
	background: -moz-linear-gradient(top, #FFFFFF, #EFEFEF);
	background: -ms-linear-gradient(top, #FFFFFF, #EFEFEF);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#efefef');
}

.grey:hover {
	background: #dcdcdc;
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#dcdcdc));
	background: -moz-linear-gradient(top,  #FFFFFF,  #dcdcdc);
	background: -ms-linear-gradient(top,  #FFFFFF,  #dcdcdc);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#dcdcdc');
}
.grey:active {
	background: #FFFFFF;
	background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#FFFFFF));
	background: -moz-linear-gradient(top,  #efefef,  #FFFFFF);
	background: -ms-linear-gradient(top,  #efefef,  #FFFFFF);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#FFFFFF');
}

.grey a { color: #000000!important;  text-decoration: none;}

/*Yellow button classes*/

.yellow {
	color: #000000!important;
	border: solid 1px #DA7C0C;
	background: #FFC425;
	background: -webkit-gradient(linear, left top, left bottom, from(#FEE249), to(#FFC425));
	background: -moz-linear-gradient(top, #FEE249, #FFC425);
	background: -ms-linear-gradient(top, #FEE249, #FFC425);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FEE249', endColorstr='#FFC425');
}

.yellow:hover {
		color: #000000!important;
	background: #fab806;
	background: -webkit-gradient(linear, left top, left bottom, from(#fccf31), to(#fab806));
	background: -moz-linear-gradient(top,  #fccf31,  #fab806);
	background: -ms-linear-gradient(top,  #fccf31,  #fab806);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#fccf31', endColorstr='#fab806');
}

.yellow:active {
		color: #000000!important;
	background: #FEE249;
	background: -webkit-gradient(linear, left top, left bottom, from(#FFC425), to(#FEE249));
	background: -moz-linear-gradient(top,  #FFC425,  #FEE249);
	background: -ms-linear-gradient(top,  #FFC425,  #FEE249);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFC425', endColorstr='#FEE249');
}

.yellow a { color: #000000!important; text-decoration: none; }

/*White button classes*/

.white {
	color: #00539f!important;
	border: solid 1px #00539f;
	background: #ffffff;
}

.white:hover {
		color: #00539f!important;
	background: #edf6ff;
}

.white:active {
		color: #00539f!important;
	background: #ffffff;
}

.white a { color: #00539f!important;text-decoration: none;  }



/*Green button classes*/

.grn {
	color: #ffffff!important;
	border: solid 1px #4c7810;
	background: #4e7d0e;
	background: -webkit-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e));
	background: -moz-linear-gradient(top, #7db72f, #4e7d0e);
	background: -ms-linear-gradient(top, #7db72f, #4e7d0e);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db72f', endColorstr='#4e7d0e');
	width: 150px!important;
}

.grn:hover {
	background: #436b0c;
	background: -webkit-gradient(linear, left top, left bottom, from(#6b9d28), to(#436b0c));
	background: -moz-linear-gradient(top, #6b9d28, #436b0c);
	background: -ms-linear-gradient(top, #6b9d28, #436b0c);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b9d28', endColorstr='#436b0c');
}

.grn:active {
	background: #7db72f;
	background: -webkit-gradient(linear, left top, left bottom, from(#4e7d0e), to(#7db72f));
	background: -moz-linear-gradient(top, #4e7d0e, #7db72f);
	background: -ms-linear-gradient(top, #4e7d0e, #7db72f);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e7d0e', endColorstr='#7db72f');
}

.photo-caption {
float:right;
margin:0 0 15px 20px;
padding: 0 15px 15px 15px;
text-align:left;
color: #666666;
}

.minilabel {
	padding: 0 2px;
	top: 0px;
	left: -1px;
	background:#ffb903;
	color: #000000;
	font-weight: bold;
}

.qlheading {font-size: 12px;font-weight: bold;text-transform: uppercase;}


@media screen and (-ms-high-contrast:active), (-ms-high-contrast: none) {
    #sddm div a {margin-left: -50px;}
}

.corrected { right: 0; }

#column-wrapper-three {
margin: 0;
padding: 0;
}

#column-wrapper-three .column {
float:left;
margin-right: 20px;
width: 180px;
}


#column-wrapper-three .column img {
border: 1px solid #121212!important;
height: auto;
padding: 0;
width: 125px;
}


#column-wrapper-people .column {
float:left;
height:245px;
margin-right: 25px;
width:305px;
}

#column-wrapper-people .column h3 {
font-size: 1.2em;
margin-left: 80px;
margin-top: 0;
padding-left: 18px;
}

#column-wrapper-people .column p {
margin: 0 0 0 80px;
padding-left:18px;
}

#column-wrapper-people .column img {
border: 1px solid #121212!important;
float:left;
height:auto;
padding: 0;
width:130px;
margin-right: 10px;
margin-bottom: 70px;
}

#column-wrapper {
       margin: 0;
       padding: 0;
}

#column-wrapper .column {
	width: 290px; 
        float: left;
        margin: 2px 6px 2px 8px;
}

#column-wrapper .column h2 { font-size: 15px;}

#column-wrapper .column ul {
	margin: 10px 10px 10px 30px;
	padding: 0 5px 0 2px;
	display: block;
} 


#column-wrapper-cpd {
       margin: 0;
       padding: 0;
}

#column-wrapper-cpd .column, #column-wrapper-cpd .column1 {
	width: 240px; 
        float: left;
        margin: 2px 12px 2px 10px;
}

#column-wrapper-cpd .column1 {
        width: 380px;
}

#column-wrapper-cpd .column { background-color: #F4EEF7; margin-left: 10px; padding: 5px; margin-right: 0;}

#column-wrapper-cpd .column h2 { font-size: 15px;}

#column-wrapper-cpd .column h4 { font-size: 12.5px; padding: 6px 0; background-color: #E2D4E8; text-indent: 8px; margin-left: -5px;}

#column-wrapper-cpd .column ul {
	margin: 10px 10px 10px 30px;
	padding: 0 5px 0 2px;
	display: block;
} 

#column-wrapper-cpd .white {font-size: 12px;}
#column-wrapper-cpd .button {width: 180px;}

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
#column-wrapper-cpd .column1 { width: 245px!important; } 
 #column-wrapper-cpd .column {width: 180px!important;}
#column-wrapper-cpd .button {width: 120px!important;}
}

@media only screen and (max-device-width: 480px) 
 {
 #column-wrapper-cpd .column1 { width: 320px!important; } 
 #column-wrapper-cpd .column {width: 320px!important;}
#column-wrapper-cpd .button {width: 180px!important;}
}

/**SDA-2463 START **/
.outage { background: #EEE; border: 1px solid #AAA; }
#outage-header { background: #039; }
#outage-header h2 { color: #FFF; text-indent: 1em; }
.outage p { padding: 1em; }
/**SDA-2463 END **/

/******* SDA-2479 external links apply to all http links then remove for SCU sites *******/
 
a.external-link:after {
    content: url(/SCU-template/img/newwindow.gif);
    position: relative;
    top: 0.1em;
    left: 0.2em;
}
a.external-link-override:after {
   content: '';
   top: inherit;
   left: inherit;
   position: inherit;
}


/******* SDA-2479 *For tooltip box*/
.tooltip {text-decoration: none; border-bottom:1px dotted #333;color: #0B0B61; outline: none; cursor: help;}


div#mcTooltip 
{
    color:#0B0B61; 
    padding:8px;
    font-size: 12px;
    border: 1px dotted #dbdbdb!important;
    background: floralwhite;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px 4px;
    -webkit-box-shadow: 2px 5px 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 2px 5px 5px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 2px 5px 5px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 2px 5px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 2px 5px 5px rgba(0, 0, 0, 0.2);
}

div#mcTooltip, div.mcTooltipInner 
{ background-color:#floralwhite; width: 250px;!important; }

div#mcTooltip ul {list-style: outside url("/SCU-template/img/bullets/bullet-grey.gif") square;}


/*The settings below should remain unchanged*/
div#mcTooltipWrapper {position:absolute;visibility:hidden;overflow:visible;z-index:9999999999;}
div#mcTooltip {float:left; position:absolute;overflow:hidden;}
div.mcTooltipInner {float:left;position:absolute;height:auto;}
div#mcttCo {position:absolute;text-align:left;}
div#mcttCo em, div#mcttCo b {display:block; width:0; height:0;overflow:hidden;}


div#mcTooltip img {display: inline; border: 0; margin: 3px 3px 3px 0; background-color: floralwhite;}

.colleft, .colright {float: left; width: 290px; margin-right: 25px; margin-bottom: 5px;}

.row { margin:0 0 20px 0; width: 100%; border-bottom: 1px dotted #ccc; float: left; clear: left;}
.row .col1 { float: left; width: 320px; margin-right: 25px;}
.row .col2 { float: left; width: 320px; }

.faq-content-question { background: #efefef;padding:3px; margin-top: 10px; font-weight: bold;}
.faq-content-answer, .faq-content-answer p { padding: 0px 3px; margin-bottom: 6px; margin-top: 3px;}
.faq-content-answer ul { margin: 0!important;}
.faq-content-answer li { margin: 0!important;}