/* ===== RESET ===== */
body{color:#000; background:#FFF; font-size:0.6875em; /*11px*/ line-height:1.5em; font-family:Verdana, Arial, Helvetica, sans-serif; font-style:normal; font-weight:normal; color:#333333;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr{margin:0; padding:0;}
address,caption,cite,code,dfn,em,strong,th,var,strong,b,h1,h2,h3,h4,h5,h6,tt,sup,sub,samp{font-family:inherit; font-weight:inherit; font-style:inherit; font-size:inherit;}
table{border-collapse:collapse; border-spacing:0;}
fieldset,img{border:0;}
/*li{list-style-image:none; list-style-type:none; } LCMS uses depricated TYPE to define list styles. Till that's fixed I have to use browser's default styling*/
caption,th{text-align:left;}
q:before,q:after{content:'';}
abbr,acronym{border:0; font-variant:normal;}
input, textarea, select{font-family:inherit; font-size:inherit; font-weight:inherit;}

/* ===== BUILDUP ===== */
p {padding:.5em 0 .5em 0;}
h1 {font-size:1.818em; /*20px*/ padding:.6em 0 .1em 0}
h2 {font-size:1.455em; /*16px*/ padding:.7em 0 .2em 0}
h3 {font-size:1.273em; /*14px*/ padding:.8em 0 .3em 0}
h4,h5,h6,caption {font-size:1em; padding:.5em 0}
h1,h2,h3,h4,h5,h6,caption {font-weight:bold;}
a:link{text-decoration:underline; color:#3300FF;}
a:visited{text-decoration:underline; color:#CC33CC}
a:hover{text-decoration:underline; color:#FF0000;}
a:active{text-decoration:underline; color:#0099FF; outline:none}
hr {height: 1px; border-style: solid; color: #DDD; background: #FFF; border-width:1px 0 0 0; border-color:#DDD; clear:both;}
ul, ol, dl {margin:.5em 0;}
ul li, ol li {margin:0 0 0 1.5em; list-style-position:outside;}
ul li {list-style-image:url(/shared/shared_rootsite/images/graphics/bullet.jpg);}
ul li a:link,
ul li a:active,
ul li a:visited{text-decoration:none;}
ul li a:hover{text-decoration:underline;}
ol li {list-style-image:none; /*list-style-type:decimal; LCMS uses depricated TYPE to define list styles. Till that's fixed I have to use browser's default styling */ }
dl dt {margin:1em 0; list-style-position:outside; font-weight:bold;}
dl dd {margin:0 0 1em 1em; list-style-image:none; list-style-type:none;}
address {padding:.5em 0 .5em 0; font-size:1em}
b,strong {font-weight:bold}
em, cite, dfn {font-style:italic;}
strong {font-weight:bold;}
abbr, acronym {letter-spacing:0.1em; text-transform:uppercase;}
abbr[title], acronym[title], dfn[title], .helpText {border-bottom:1px solid #CCCCCC; cursor:help;}
pre {border:1px solid #bbb; background: #f9f9f9; padding:0.5em; margin-top:1em; font-size:1em; font-family:"Courier New", Courier, mono }		
blockquote {padding:.5em 0 .5em 60px; background:url(/shared/shared_rootsite/images/graphics/quote_left.gif)  0 .86em no-repeat; font-style:italic; font-family:Georgia, "Times New Roman", Times, serif; color:#9aa1ac; font-size:1.455em; line-height:1.455em;}
small {font-size:.727em;}
sub{vertical-align:text-bottom; font-size:.727em}
sup{vertical-align:text-top; font-size:.727em}
tt, code, samp {font-family:"Courier New", Courier, mono;}
del, s, strike {color:#666666; text-decoration:line-through;}
ins, dfn {border-bottom:1px solid #CCCCCC;}
fieldset {border:1px solid #CCCCCC; margin-top:1em;}
fieldset div {padding:1em 0 0 .5em}
legend {background:#FFFFFF none repeat scroll 0%; margin:0 .4em; padding:0 .1em}
label {font-size:1em; font-weight:bold;}
input {font-size:1em; padding:.1em}
textarea {font-size:1em; padding:.2em; font-family:Arial, Helvetica, sans-serif;}
select, button {cursor:pointer;}	
table {margin:1em 0; border:1px solid #DDD;}
th, td {padding:0.5em; vertical-align:top;}
th {border:1px solid #DDD; font-weight:bold;}
td {text-align:left;}
th[scope="col"], thead th, thead td {border-bottom:1px solid #CCC; text-align:left; background:#DDD;}
th[scope="row"] {border-right:1px solid #CCC; text-align:right; background:#DDD;}
tfoot th, tfoot td {border-top:1px solid #DDD; background:#EEE;}
table ul {padding:0; display:block;}
table ul li {list-style-image:url(/shared/shared_rootsite/images/graphics/bullet.jpg); margin:0 0 0 2em;}

/*=== GLOBAL STYLES ===*/
a:link {color:#039; text-decoration:underline; border:none;}
a:visited {color:#609; text-decoration:underline;}
a:active,
a:hover {color:#669; border:none; text-decoration:underline;}
a:hover {text-decoration:underline}
p a:link,
p a:visited,
p a:active,
p a:hover {}

/*=== REUSABLE STYLES ===*/
.invis{width:0px; height:0; margin:0; padding:0; display:none; visibility:hidden}
.clear {clear:both}
.imageleft{float:left; padding-right:1em;}
.imageright{float:right; padding-left:1em;}
.columns {float:left; display:block; width:100%; overflow:hidden; clear:both;}
.left {float:left; width: 48%; padding:1em 0; display:block;}
.right {float:right; width: 48%; padding:1em 0;  display:block; clear:right;}
.more {display:block; text-align:right; padding:.5em 0;}
.maininsideimage {padding:.8em 0 1em 0 }
.developerNote {background:#FFFF00; color: #FF0000;}
.AccessibilityInfo {display:none;}
.statusgreen {background:transparent url(/shared/shared_rootsite/images/graphics/statusgreen.gif) left top no-repeat ; font-weight:bold; text-align:left; color:green; padding-left:35px}
.statusred {background:transparent url(/shared/shared_rootsite/images/graphics/statusred.gif) left top no-repeat; font-weight:bold; text-align:left; color:red; padding-left:35px}
.altrow .statusgreen {background:url(/shared/shared_rootsite/images/graphics/statusgreen.gif) left top no-repeat #EEE; font-weight:bold; text-align:left; color:green; padding-left:35px}
.altrow .statusred {background:url(/shared/shared_rootsite/images/graphics/statusred.gif) left top no-repeat #EEE; font-weight:bold; text-align:left; color:red; padding-left:35px}
.altrow {background:#F4F4F4;}
.greyborder {border:1px solid #ddd;}
.margin {margin:.5em;}
#hiddeninlinecontent {display:none; width:0px; height:0; margin:0; padding:0;}
a.pdf {background:url(/shared/shared_rootsite/images/graphics/pdficon_small.gif) bottom left no-repeat; padding:0pt 0pt 0pt 15px; margin:0;}
a.word {background:url(/shared/shared_rootsite/images/graphics/wordlogo.jpg) bottom left no-repeat; padding:0 0 0 15px; margin:0;}
.smalltext {font-size:.8em;}
.two_columns {float:left; display:block; width:100%; clear:both; margin:.5em 0; padding:0}
.two_columns .col {float: left; width: 44%; margin:0 1% 0 0; padding:2%; display:block;}
.two_columns .col .right {padding: 0; width: 195px;}
.two_columns .col .right h4, .two_columns .right p {padding: 0;}
.three_columns {float:left; display:block; width:100%; overflow:hidden; clear:both; margin:.5em 0; padding:0}
.three_columns .col {float: left; width:29%; margin:0 1% 0 0; padding:2% 1%;}
.greyedout a:link,  a.greyedout:link,
.greyedout a:active, a.greyedout:active,
.greyedout a:visited, a.greyedout:visited,
.greyedout a:hover, a.greyedout:hover {color:#CCCCCC !important;}
.caption {color:#888888; float:right; padding:0 4% 1% 0; clear:both; text-align:right; width:96%;}
.tabcontent .secnav {background:#FAFAFA; border-bottom:1px solid #ddd; border-top:1px solid #ddd;}
.endtab {display:block; width:100%; float:left; clear:both;}
.nobullets li {list-style-image:none; list-style-type:none; margin:0;}
.flickr_badge_image img {width:225px; height:auto;}
.inmyroom {border:1px solid #ddd; margin:.5em; float:right; width: 46%; padding:1%; display:block; font-size:.9em; color:#666666; line-height:1.4em;}
.inmyroom img, .inmyroom p {margin:0 15px}
.featured h3 {display:inline;}
.border {border:1px solid #ddd;}

/*=== OLD LAYOUT ===
#banner, #header, #unitname, #facultyname, #departmentname, #tabholder, #main, #footer {width:100%; text-align:center; padding:0; margin:0; clear:both; float:left;}
.center{margin:0 auto; padding:0; width:912px; text-align:left;}
#main .center .leftcol{float:left;  width:175px;  margin-left:-712px;  position:relative;}
#main .center .centercol{float:left;  width:512px;  margin-right:-200px; border-left:200px solid #FFF;   border-right:200px solid #FFF;}
#main .center .rightcol{float:right;  width:175px;   position:relative;}
.fullwidth .leftcol{visibility:hidden !important; border:0 !important; margin:0 !important; display:none;}
.fullwidth .centercol{width:912px !important; border:0 !important; margin:0 !important;}
.fullwidth .rightcol{visibility:hidden !important; border:0 !important; margin:0 !important; display:none;}
.noleft .leftcol{visibility:hidden !important; border:0 !important; margin:0 !important; display:none;}
.noleft .centercol{width:687px !important; border:0 !important; margin:0 !important;}
.noright .centercol{width:687px !important; border:0 !important; margin-right:-377px !important;}
.noright .rightcol{visibility:hidden !important; border:0 !important; margin:0 !important; display:none;}*/

/*=== LAYOUT ===*/
#banner, #header, #unitname, #facultyname, #departmentname, #tabholder, #main, #footer {width:100%; text-align:center; padding:0; margin:0; clear:both; float:left;}
.center{margin:0 auto; padding:0; width:912px; text-align:left;}
#banner .center h1{margin: 0; padding:0;}
#main .center .leftcol{float:left;  width:175px;  margin-left:-712px;}
#main .center .centercol{float:left;  width:512px;  margin-right:-200px; border-left:200px solid #FFF;   border-right:200px solid #FFF;}
#main .center .rightcol{float:right;  width:175px;}
#main.fullwidth .center .leftcol{visibility:hidden; border:0; margin:0; display:none;}
#main.fullwidth .center .centercol{width:912px; border:0; margin:0;}
#main.fullwidth .center .rightcol{visibility:hidden; border:0; margin:0; display:none;}
#main.noleft .center .leftcol{visibility:hidden; display:none;}
#main.noleft .center .centercol{width:687px; border:0; margin:0; border-right:40px solid #FFF;}
#main.noleft .center .rightcol{}
#main.noright .center .leftcol{float:left;  width:175px; margin-left:-889px;}
#main.noright .center .centercol{width:687px;}
#main.noright .center .rightcol{visibility:hidden; display:none;}
#main.noleft .center .centercol div.tabcontent,
#main.noright .center .centercol div.tabcontent{width:663px;}

/*=== UVicBar Code ===*/
#uvicbar { background:none repeat scroll 0 0 #666666; color:#FFFFFF; line-height:30px; margin:0; text-align:right; height:30px; font-size:105%; min-width:917px; }
#banner #uvicbar .center{ text-align:right; z-index:6000; }
#uvicbar .center .welcome{ display:block; float:left; left:50%; margin-left:-460px; position:absolute; text-align:left; top:5px; width:30%; }
#uvicbar .center span{ line-height:30px; }
#uvicbar a, #uvicbar a:link, #uvicbar a:visited { color:#FFFFFF; padding:0 3px;}
#uvicbar span ul { display:inline; }
#uvicbar span ul li { display:none; }
#uvicbar span ul li.first { display:inline; }
#uvicbar #applist{ padding: 0 155px 0 0; float:none; }

#uvicbar ul.quickLinks {display:inline; width:150px; overflow:hidden; list-style-image:none; list-style-type:none; margin:4px; padding:0 !important; border:1px solid #BBB; border-width:0; 
background: #eaeaea url(/assets/images/graphics/appbg.jpg) repeat-x; 
clear:both; position: absolute; top:0; z-index: 6000;}
#uvicbar ul.quickLinks li {list-style-image:none; list-style-type:none; border-bottom: 1px solid #d8d8d8; margin:0; padding:0; background:none; text-align:left;}
#uvicbar ul.quickLinks li.first{border:none; padding:0;}
#uvicbar ul.quickLinks li a:link, 
#uvicbar ul.quickLinks li a:active,
#uvicbar ul.quickLinks li a:visited {color:#000; display:block; width:100%; font-weight:bold; padding: 4px 4px 4px 40px; line-height: 25px;}
#uvicbar ul.quickLinks li:hover{ background:#FFF;}
#uvicbar ul.quickLinks li.first a:link, 
#uvicbar ul.quickLinks li.first a:active,
#uvicbar ul.quickLinks li.first a:visited {text-align:left; line-height: 20px; display:block; padding:0 3px 0 5px; background:transparent url(/shared/shared_rootsite/images/graphics/quicklink-arrow.gif) no-repeat scroll 90% 55%; font-weight: normal; color:#000;}

#uvicbar ul.quickLinks li.calendar a{ background: url(/assets/images/icons/uvicbar/calendar_dft.gif) no-repeat 12px 50%;}
#uvicbar ul.quickLinks li.mail a{ background: url(/assets/images/icons/uvicbar/email_dft.gif) no-repeat 12px 50%;}
#uvicbar ul.quickLinks li.fast a{ background: url(/assets/images/icons/uvicbar/fast_dft.gif) no-repeat 12px 50%;}
#uvicbar ul.quickLinks li.inb a{ background: url(/assets/images/icons/uvicbar/banner_dft.gif) no-repeat 12px 50%;}
#uvicbar ul.quickLinks li.famis a{ background: url(/assets/images/icons/uvicbar/famis_dft.gif) no-repeat 12px 50%;}
#uvicbar ul.quickLinks li.moodle a{ background: url(/assets/images/icons/uvicbar/moodle_dft.gif) no-repeat 12px 50%;}
#uvicbar ul.quickLinks li.blackboard a{ background: url(/assets/images/icons/uvicbar/blackboard_dft.gif) no-repeat 12px 50%;}
#uvicbar ul.quickLinks li.workflow a{ background: url(/assets/images/icons/uvicbar/workflow_dft.gif) no-repeat 12px 50%;}
#uvicbar ul.quickLinks li.cms a{ background: url(/assets/images/icons/uvicbar/cms_dft.gif) no-repeat 12px 50%;}

/*=== BANNER ===*/
#banner {background:url(/shared/shared_rootsite/images/graphics/topbar-bg.jpg) center top no-repeat #4a80bc; overflow:hidden; min-width:917px;}
#banner .center {padding:0; font-size:0.95em; line-height:1.8em; height:auto;}
#banner .center .left {float: left; width: 15%; padding: 15px 0 0 0; margin:0  }
#banner .center .left img{}
#banner .center .facultynameleft {padding:15px 0 0 0!important; text-decoration: none;} 
#banner .center .facultynameleft span { visibility: hidden; }
#banner .center .unitnameleft{padding:15px 0 0 0!important; text-decoration: none;}
#banner .center .facultynameleft span { visibility: hidden; }
#banner .center .right {float: right; width: 57%; text-align: right; padding:0; margin:0 }
#banner .center .right ul.top { margin: 15px 0 0 0; display:inline; clear:both; list-style-image:none; list-style-type:none; width:100%; float:right; padding:0 0 .5em 0;}
#banner .center .right ul li  {margin:0; list-style-image:none; list-style-type:none;}
#banner .center .right ul.top li{display:inline; padding:0 .5em; border-left:1px solid #00329b}
#banner .center .right ul.top li.last{ border:none; background: #666; color: #FFF; padding: 20px 5px 3px 5px; position:relative; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
#banner .center .right ul.top li.first{border:none;}
#banner .center .right ul.top a {color:#00329b; text-decoration:none}
#banner .center .right ul.top a:hover {text-decoration:underline}
#banner .center .right ul.top li.last a,
#banner .center .right ul.top li.last a:hover,
#banner .center .right ul.top li.last a:visited{ color:#FFF; }
#banner .center .right ul.bottom {display:inline; clear:both; list-style-image:none; list-style-type:none; width:100%;  float:right; padding:0; margin:-0.3em 0 0;}
#banner .center .right ul.bottom a {color:#FFF; text-decoration:none;}
#banner .center .right ul.bottom a:hover {text-decoration:underline}
#banner .center .right ul.bottom li{display:inline; padding:0 .5em; border-right:1px solid #FFF; list-style-image:none; list-style-type:none;}
#banner .center .right ul li.last {border-right:none; padding:0 0 0 .5em;}
#banner .center .right ul li.last input.button {background:#999; font-weight:bold; color:#FFF; border:1px solid #000; font-family:Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase; text-decoration:none; margin-left:1em;}
#banner .center .right ul.bottom li.last #q,
#banner .center .right ul.bottom li.last .searchcontainerbutton,
#banner .center .right ul.bottom li.last .searchbuttons {position:relative;}
#banner .center .right ul.bottom li.last #q {padding:0.1em; margin:0 2px 0 0;}
#banner .center .right ul.bottom li.last .searchbuttons {margin:0 2px 0 0; top:5px; padding:0;}
#banner .center .right ul.bottom li.last .searchcontainerbutton {margin:0; top:5px; padding:0;}
.signedin { background-position: center 30px!important; }


/*=== Search Dropdown Box ===*/
ul#searchselect {list-style-image:none; list-style-type:none; border:none; z-index:100; position:relative; top:0px; left:0px; text-align:left; float:none; background:#e8e8e8 none repeat-y scroll center top; margin:0; padding:0; width:160px;}
ul#searchselect,
ul#searchselect li.first,
ul#searchselect li {background:#ECECEC url(/shared/shared_rootsite/images/graphics/acc_bg.jpg) repeat-y scroll center top; float:none; border:none; margin:0; padding:0;}
ul#searchselect li.first,
ul#searchselect li {color:#666666; border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc; display:block; padding:4px 6px 4px 8px; list-style-image:none;}
ul#searchselect li.first {border-top: 1px solid #ccc; font-weight: bold;}
ul#searchselect li.hilite {text-decoration:none; color:#666; background:#c5ccd6 url(/shared/shared_rootsite/images/graphics/acc_bg_hover.jpg) center top repeat-y; cursor:pointer;}
form#SearchForm input{padding: 0;}
form#SearchForm img {top: 5px; padding: 0; position:relative;}
div#searchcontainer {position: absolute !important; display: block; left: 0px; top: 0px; z-index: 5000; float: right;}
#SearchForm img.hilite {cursor:pointer;}

/*=== INDEX PAGE HEADER ===*/
#banner.index  {height:auto; background:none;}
#banner.index .logo {background:url(/shared/shared_rootsite/images/logos/uvic-logo-index.gif) no-repeat scroll left 50px; display:block; height:100px; margin-top:-50px; width:129px;}
#banner .logo {background:url(/shared/shared_rootsite/images/logos/uvic-logo-inside.gif) no-repeat scroll left 50px; display:block; font-size:0; height:100px; margin-top:-50px; width:129px; text-decoration: none;}
#banner .logo span { visibility: hidden; }
#banner.index .center .right ul.bottom a {color:#00329b;}
#banner.index .center .right ul.bottom li{border-right:1px solid #00329b;}
#banner.index .center .right ul.bottom li.last {border-right:none;}

/*=== UNIT NAME BAR FOR TEMPLATES ===*/
/*Old please delete soon*/
#facultyname {background:url(/shared/shared_rootsite/images/graphics/unitbar_bg.jpg) top repeat-x #cacccb;}
#facultyname .center {padding:5px 0;}
#facultyname .center h1 {padding:0; font-size:1.3em; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
#unitname {background:url(/shared/shared_rootsite/images/graphics/unitbar_bg.jpg) top repeat-x #cacccb;}
#unitname .center {padding:5px 0;}
#unitname .center h1 {padding:0; font-size:1.3em; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
/*NEW*/
#departmentname {background:url(/shared/shared_rootsite/images/graphics/unitbar_bg.jpg) top repeat-x #cacccb;}
#departmentname .center {padding:5px 0;}
#departmentname .center h1 {padding:0; font-size:1.3em; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}

/*=== TOP NAVIGATION TABS ===*/
#tabholder {background:url(/shared/shared_rootsite/images/graphics/nav_bg.jpg) repeat-x #1d4aa5; margin-bottom:3em; float:left; min-width:917px;}
.nosub {margin-bottom:0 !important;}
#tabholder .center {}
#tabholder .center #tabs {float:left; text-align:left; clear:both; height:3em; position:relative; z-index:50; padding:0; margin:0; font-family:Arial, Helvetica, sans-serif; white-space:nowrap;}
#tabholder table {margin-top:0; border:0px;}
#tabholder td {padding:0;}
#tabs .select,
#tabs .current {list-style-image:none; list-style-type:none; display:table-cell; white-space:nowrap; margin:0; padding:0; border:#CCC solid; border-width:0 1px 0 0;}
#tabs .first {border:#CCC solid; border-width:0 1px 0 1px;}
#tabs .select_sub .first {border:#CCC solid; border-width:0;}
#tabs ul{list-style-image:none; list-style-type:none;}
#tabs li{height:auto; float:left; margin:0; padding:0; list-style-image:none; list-style-type:none;}
#tabs .sub .first {border:#CCC solid; border-width:0;}
#tabs .select a{display:block; float:left; text-decoration:none; line-height:3em; white-space:nowrap; color:#FFF; padding:0}
#tabs .current a{display:block; float:left; background:url(/shared/shared_rootsite/images/graphics/nav_active.jpg) repeat-x #f9efcb; text-decoration:none; line-height:3em; white-space:nowrap; color:#039; padding:0;}
#tabs .select a strong,
#tabs .current a strong{display:block; padding:0; margin:0 1em;}
#tabs .current a strong {background:url(/shared/shared_rootsite/images/graphics/nav_active.jpg) repeat-x #f9efcb;}
#tabs .select a:hover {background:url(/shared/shared_rootsite/images/graphics/nav_hover.jpg) repeat-x #f9efcb; cursor:pointer; color:#039; padding:0;}
#tabs .select li:hover a {background:url(/shared/shared_rootsite/images/graphics/nav_hover.jpg) repeat-x #f9efcb; cursor:pointer; color:#039; padding:0; list-style-image:none; list-style-type:none;}
#tabs .select a:hover strong {display:block; float:left; background:url(/shared/shared_rootsite/images/graphics/nav_hover.jpg) repeat-x #f9efcb; cursor:pointer; padding:0; margin:0 1em;}
#tabs .select li:hover a strong {display:block; float:left; background:url(/shared/shared_rootsite/images/graphics/nav_hover.jpg) repeat-x #f9efcb; cursor:pointer; padding:0; margin:0 1em;}
#tabs .select_sub{display:none;}
#tabs table{border-collapse:collapse; font-size:1em; width:0; height:0; margin:-1px;}
#tabs .sub {display:table; list-style-image:none; list-style-type:none; margin:0; padding:0; width:75em; height:3em; line-height:3em;}
#tabs .sub_active .current_sub a {background:transparent; height:3.5em;}
#tabs .sub_active a:hover {background:transparent;}
#tabs .select :hover .select_sub,
#tabs .current .show {display:block; position:absolute; width:85em; overflow:hidden; top:3em; background:url(/shared/shared_rootsite/images/graphics/nav_sub.jpg) #ffd11b; left:0; text-align:center; padding:0;}
#tabs .select :hover .select_sub{z-index:10}
#tabs .current .show {z-index:5}
#tabs .select :hover .sub li a,
#tabs .current .show .sub li a{display:block; float:left; background:transparent; white-space:nowrap; border:0; color:#039; margin:0; padding:0 1em;}
#tabs .current .sub li.sub_show a,
#tabs .select :hover .sub li a:hover,
#tabs .current .sub li a:hover{visibility:visible; cursor:pointer; color:#039; color:#111; background:url(/shared/shared_rootsite/images/graphics/nav_sub_hover.jpg) repeat-x #FFF center;}

/*=== LEFT COLUMN ===*/
#main {border-top:1px solid #EEE; padding-top:10px;  }
#main .center{}
#main .center .leftcol {}
#main .center .leftcol img{text-align:right;}
#main .center .leftcol #menu,
#main .center .leftcol #sel_QuickLinks, 
#main .center .leftcol #sel_QuickLinks option {background:#fff; color:#036; float:right;}
#main .center .leftcol #giveButtonDiv {text-align:right; clear:both; margin:1em 0;}
#main .center .leftcol #menu {width:173px; font-size:.909em; text-align:left; margin:0 0 1em 0;}
#main .center .leftcol #menu ul#SecNav a:link,
#main .center .leftcol #menu ul#SecNav a:active,
#main .center .leftcol #menu ul#SecNav a:visited,
#main .center .leftcol #menu ul#SecNav a:hover{font-weight:bold;}
#main .center .leftcol #menu ul {margin:0; padding:0; list-style-image:none; list-style-type:none; width:100%; display:block; float:left;}
#main .center .leftcol #menu ul li {border-bottom:1px solid #DDD; margin:0; padding:0; list-style-image:none; list-style-type:none; float:left; width:100%;}
#main .center .leftcol #menu ul li ul li {border-top:1px solid #DDD; border-bottom:0px solid #DDD; margin:0; padding:0; list-style-image:none; list-style-type:none; float:left; width:100%;}
#main .center .leftcol #menu ul li.last {border-bottom:none;}
#main .center .leftcol #menu ul li a:link, 
#main .center .leftcol #menu ul li a:active, 
#main .center .leftcol #menu ul li a:visited {color:#FFF; display:block; padding:6px 20px 6px 20px; margin:0; text-decoration:none; background:url(/shared/shared_rootsite/images/graphics/left-nav-blue.gif) left center repeat-y #17539c;} 
#main .center .leftcol #menu ul li a:hover {color:#013567; background:url(/shared/shared_rootsite/images/graphics/left-nav-blue-hover.gif) left center repeat-y #89a9cf;}
#main .center .leftcol #menu ul li.selected a:link, 
#main .center .leftcol #menu ul li.selected a:active,
#main .center .leftcol #menu ul li.selected a:visited {color: #013567; display:block; padding:6px 20px 6px 20px; margin:0; text-decoration:none; background:url(/shared/shared_rootsite/images/graphics/left-nav-blue-hover.gif) left center repeat-y #89a9cf;}
#main .center .leftcol #menu ul li.selected a:hover {color: #013567; display:block; padding:6px 20px 6px 20px; margin:0; text-decoration:none; background:url(/shared/shared_rootsite/images/graphics/left-nav-blue-hover.gif) left center repeat-y #89a9cf;}
#main .center .leftcol #menu ul li.expandable a:link,
#main .center .leftcol #menu ul li.expandable a:active,
#main .center .leftcol #menu ul li.expandable a:visited {color: #FFF; background:url(/shared/shared_rootsite/images/graphics/left-nav-expandable.gif) left top repeat-y; padding:6px 20px 6px 20px;}
#main .center .leftcol #menu ul li.expandable a:hover {color: #013567; background:url(/shared/shared_rootsite/images/graphics/left-nav-expandable-hover.gif) left top repeat-y; padding:6px 20px 6px 20px;}
#main .center .leftcol #menu ul li.expandable ul,
#main .center .leftcol #menu ul li.expandable ul li,
#main .center .leftcol #menu ul li.expandable ul li a:link,
#main .center .leftcol #menu ul li.expandable ul li a:active,
#main .center .leftcol #menu ul li.expandable ul li a:visited,
#main .center .leftcol #menu ul li.expandable ul li a:hover {display:none; visibility:hidden}
#main .center .leftcol #menu ul li.expanded a:link,
#main .center .leftcol #menu ul li.expanded a:active,
#main .center .leftcol #menu ul li.expanded a:visited,
#main .center .leftcol #menu ul li.expanded a:hover {color: #013567; background:url(/shared/shared_rootsite/images/graphics/left-nav-expanded.gif) left top repeat-y; padding:6px 20px 6px 20px;}
#main .center .leftcol #menu ul li.expanded li a {background:none;}
#main .center .leftcol #menu ul li.expanded li a:hover {}
#main .center .leftcol #menu ul li.expanded li.subsection a,
#main .center .leftcol #menu ul li.expanded li.subsection a:link,
#main .center .leftcol #menu ul li.expanded li.subsection a:active,
#main .center .leftcol #menu ul li.expanded li.subsection a:visited {color: #013567; background:url(/shared/shared_rootsite/images/graphics/left-nav-subsection.gif) left top repeat-y #678fc0; padding: 6px 20px 6px 30px}
#main .center .leftcol #menu ul li.expanded li.subsection a:hover {color: #013567; background:url(/shared/shared_rootsite/images/graphics/left-nav-subsection-hover.gif) left top repeat-y #89a9cf;} 
#main .center .leftcol #menu ul li.expanded li.subsection.selected a,
#main .center .leftcol #menu ul li.expanded li.subsection.selected a:link,
#main .center .leftcol #menu ul li.expanded li.subsection.selected a:visited,
#main .center .leftcol #menu ul li.expanded li.subsection.selected a:hover {color: #013567; background:url(/shared/shared_rootsite/images/graphics/left-nav-subsection-hover.gif) left top repeat-y #89a9cf; padding: 6px 20px 6px 30px}
#main .center .leftcol #menu ul li.expanded li.subsection.first {border-top:1px solid #FFF;}
#main .center .leftcol #menu ul#TerNav a:link,
#main .center .leftcol #menu ul#TerNav a:active,
#main .center .leftcol #menu ul#TerNav a:visited,
#main .center .leftcol #menu ul#TerNav a:hover{font-weight:bold; border-top:1px solid #FFF;}
#main .center .leftcol #menu ul#TerNav li a {color:#FFF; background:#92a6be;}
#main .center .leftcol #menu ul#TerNav li a:hover {color: #FFF; background: #b2c6de;}

/*=== BREAD CRUMB ===*/
#main .center .centercol .breadcrumb {width:100%; display:block; overflow:hidden; font-size:.909em; float:left; padding:0; margin:0 0 .5em 0;}
#main .center .centercol .breadcrumb ul {display:block; padding:0; margin:0; text-transform:lowercase; float:left}
#main .center .centercol .breadcrumb ul li {margin:0 0 0 2.5em; ; padding:0; float:left; list-style-image:url(/shared/shared_rootsite/images/graphics/bc_bullet.jpg);}
#main .center .centercol .breadcrumb ul li.first {list-style-image:none; list-style-type:none; margin:0;}
#main .center .centercol .breadcrumb ul li a,
#main .center .centercol .breadcrumb ul li a:link,
#main .center .centercol .breadcrumb ul li a:visited {color:#036; text-decoration:none;}
#main .center .centercol .breadcrumb ul li a:hover {color:#069; text-decoration:underline;}

/*=== CENTER COLUMN ===*/
#main .center .centercol h1{font-family:Arial, Helvetica, sans-serif; color:#000; line-height:1.2em;}
#main .center .centercol h2,
#main .center .centercol h3 {font-family:Arial, Helvetica, sans-serif; color:#666666;}
#main .center .centercol ul.graphicbuttons {list-style-type:none; padding:0; margin:.5em 0; display:block; overflow:hidden;}
#main .center .centercol ul.graphicbuttons li {float:left; padding:0; margin:0; list-style-image:none; list-style-type:none;}

/*=== ASK UVIC ===*/
#main .center .centercol .askuvic {overflow:hidden; width:100%; clear:both; padding:.8em 0; background:#F0F0F0 none repeat scroll 0%;}
#main .center .centercol .askuvic .uniForm {margin:0; padding:0;}
#main .center .centercol .askuvic .left {width:80%}
#main .center .centercol .askuvic .left .imageleft {margin:.2em 0 0 0}
#main .center .centercol .askuvic .right {width:15%}
#main .center .centercol .askuvic .uniForm .row,
#main .center .centercol .askuvic .uniForm .buttonHolder {padding:0; margin:0;}
#main .center .centercol .askuvic .uniForm .submitButton {width:100%; padding:.1em; margin:0; border:1px solid #dfdfdf; background:#f9f9f9; font-weight:normal;}
#main .center .centercol .askuvic .uniForm .submitButton:hover {background:#FFF;}
#main .center .centercol .askuvic .uniForm fieldset {float:none; width:auto;}
#main .center .centercol .askuvic .uniForm .fileUpload,
#main .center .centercol .askuvic .uniForm .textInput, 
#main .center .centercol .askuvic .uniForm .selectInput, 
#main .center .centercol .askuvic .uniForm textarea {width:98%; border:1px solid #dfdfdf; padding:.2em; margin:0;}
#main .center .centercol .askuvic .uniForm .row .textInput:focus {border-color:#DFD77D}
#main .center .centercol .askuvic .uniForm .formHint {font-size:.909em; color:#999999; line-height:1.5em}

/*=== ASK PROGRAMS ===*/
#main .center .centercol .programs {overflow:hidden; width:100%; clear:both; padding:.8em 0;}
#main .center .centercol .programs .left {width:61%}
#main .center .centercol .programs .right {width:34%}
#main .center .centercol .programs .right .border {padding:.8em;}

/*=== RIGHT COLUMN ===*/
#main .center .rightcol .homepagebutton {text-align:center;}
#main .center .rightcol .homepagebutton img{margin:0; padding:0; border:none;}
#main .center .rightcol .homepagebutton p{text-align:center;}

#main .center .rightcol p.followus	{ line-height: 16px; margin: 0 0 1em 0; padding: 0; }

/*=== RIGHT COLUMN INSIDE PAGES ===*/
#main.inside .center .rightcol {background:url(/shared/shared_rootsite/images/graphics/fern.jpg) bottom right no-repeat; padding-bottom:181px;}

/*=== FOOTER ===*/
#footer {clear:both;}
#footer .center {text-align:center; clear:both;}
#footer .center a:link,
#footer .center a:visited,
#footer .center a:active {text-decoration:none;}
#footer .center a:hover {text-decoration:underline;}
#footer .center ul{list-style-image:none; list-style-type:none; margin:0 auto; width:auto; text-align:center; padding:1em 0;}
#footer .center ul li{display:inline; border-right:1px solid #666; padding:0em 1em; margin:0;}
#footer .center ul li.last {border-right:none;}

/*=== HIGHLIGHT (for security and important messages)===*/
.highlight {display:block; padding:0; border:1px solid #DDD; color:#000000; margin:1em 0; overflow:hidden; clear:both;} 
.highlight h1,
.highlight h2,
.highlight h3,
.highlight h4{display:block; padding:.5em 0; margin:0; width:100%; background:url(/shared/shared_rootsite/images/graphics/highlight_bg.jpg) center top repeat-y #fccd05; text-align:center;} 
.highlight .content {padding:.5em; background:#FFF;}

/*=== STEPS TO UVIC ===*/
.steps {list-style-type:none; padding:0; margin:0; display:block; width:100%; margin:1em 0 1em 0; clear:both; float:left;}
.rowsteps {border-top:solid 1px #DDD;}
.rowsteps li {padding:0; margin:1em 0; display:block; width:98%; padding:0 1%; float:left; text-align:left; border-bottom:solid 1px #DDD; list-style-image:none; list-style-type:none;}
.twosteps li {padding:0; margin:0; display:block; width:48%; padding:0 1%; float:left; text-align:center; list-style-image:none; list-style-type:none;}
.threesteps li {padding:0; margin:0; display:block; width:31%; padding:0 1%; float:left; text-align:center; list-style-image:none; list-style-type:none;}
.foursteps li {padding:0; margin:0; display:block; width:22%; padding:0 1%; float:left; text-align:center; list-style-image:none; list-style-type:none;}
.fivesteps li {padding:0; margin:0; display:block; width:18%; padding:0 1%; float:left; text-align:center; list-style-image:none; list-style-type:none;}
.steps a,
.steps a:link,
.steps a:visited,
.steps a:active {padding:0; margin:0; text-align:center; text-decoration:none; padding-top:47px; width:100%; display:block; color:#039;}
.steps a:hover {text-decoration:underline;}
.rowsteps li a,
.rowsteps li a:link,
.rowsteps li a:visited,
.rowsteps li a:active {padding:0; margin:0; text-align:center; text-decoration:none; padding:47px 0 10px 0; width:20%; display:block; float:left;}
.rowsteps li a:hover {text-decoration:underline;}
.steps li.one a:link,
.steps li.one a:visited,
.steps li.one a:active{background:url(/shared/shared_rootsite/images/graphics/step_1-grey.gif) top center no-repeat;}
.steps li.one a.selected,
.steps li.one a:hover{background:url(/shared/shared_rootsite/images/graphics/step_1-yellow.gif) top center no-repeat;}
.steps li.two a:link,
.steps li.two a:visited,
.steps li.two a:active{background:url(/shared/shared_rootsite/images/graphics/step_2-grey.gif) top center no-repeat;}
.steps li.two a.selected,
.steps li.two a:hover{background:url(/shared/shared_rootsite/images/graphics/step_2-yellow.gif) top center no-repeat;}
.steps li.three a:link,
.steps li.three a:visited,
.steps li.three a:active{background:url(/shared/shared_rootsite/images/graphics/step_3-grey.gif) top center no-repeat;}
.steps li.three a.selected,
.steps li.three a:hover{background:url(/shared/shared_rootsite/images/graphics/step_3-yellow.gif) top center no-repeat;}
.steps li.four a:link,
.steps li.four a:visited,
.steps li.four a:active{background:url(/shared/shared_rootsite/images/graphics/step_4-grey.gif) top center no-repeat;}
.steps li.four a.selected,
.steps li.four a:hover{background:url(/shared/shared_rootsite/images/graphics/step_4-yellow.gif) top center no-repeat;}
.steps li.five a:link,
.steps li.five a:visited,
.steps li.five a:active{background:url(/shared/shared_rootsite/images/graphics/step_5-grey.gif) top center no-repeat;}
.steps li.five a.selected,
.steps li.five a:hover{background:url(/shared/shared_rootsite/images/graphics/step_5-yellow.gif) top center no-repeat;}

/*=== ACCORDION ===*/
.accMenu {width:100%; margin: 0 0 1.5em 0; background:#FFF; border-top: 1px solid #BBB;}
.accMenu img {padding:1em .5em 0 0}
.accMenu h3 {margin:0; padding:0; font-size:.909em; clear:both; border-color:#BBB; border-style:solid ; border-width:0 1px 1px 1px;}
.accMenu .first {}
.accMenu h3 a:link,
.accMenu h3 a:active,
.accMenu h3 a:visited{color:#666; font-weight:bold; text-decoration:none; background:#ECECEC url(/shared/shared_rootsite/images/graphics/acc_bg.jpg) center top repeat-y; display:block; padding:.5em 1em .5em 1em;}
.accMenu h3 a:hover{text-decoration:none; background:#c5ccd6 url(/shared/shared_rootsite/images/graphics/acc_bg_hover.jpg) center top repeat-y;}
.accMenu h3.highlight a:link,
.accMenu h3.highlight a:active,
.accMenu h3.highlight a:visited,
.accMenu h3.highlight a:hover{color:#000; font-weight:bold; text-decoration:none; background:url(/shared/shared_rootsite/images/graphics/highlight_bg.jpg) center top repeat-y #fccd05; display:block; padding:.5em 1em .5em 1em;} 
.accMenu div {margin:0; border-width:0 1px 1px 1px; border-color:#BBB; border-style:solid; padding:.5em 1em; color: #222; overflow:hidden; background:#FFF;}
.accMenu div div, 
.accMenu div h3 {border:none; border-width:0;}
.accMenu div a {color:#039; text-decoration:none;}  
.accMenu div a:hover {color:#06B; text-decoration:underline;}
.accMenu .more {border:none; margin:0; padding:0}

/*=== INFOBOX ===*/
.infobox {width:100%; margin: 0 0 1.5em 0; background:#FFF; border-top: 1px solid #BBB;}
.infobox h1,
.infobox h2,
.infobox h3,
.infobox h4 {color:#666; font-weight:bold; text-decoration:none; margin:0; font-size:.909em; clear:both; border-color:#BBB; border-style:solid ; border-width:0 1px 1px 1px; background:#ECECEC url(/shared/shared_rootsite/images/graphics/acc_bg.jpg) center top repeat-y; display:block; padding:.5em 1em .5em 1em;}
.infobox h1.highlight,
.infobox h2.highlight,
.infobox h3.highlight,
.infobox h4.highlight {color:#000; background:url(/shared/shared_rootsite/images/graphics/highlight_bg.jpg) center top repeat-y #fccd05;}
.infobox div {margin:0; border-width:0 1px 1px 1px; border-color:#BBB; border-style:solid; padding:.5em 1em; color: #222; overflow:hidden; background:#FFF;}
.infobox div div{border:none; border-width:0;}
.infobox div h1, 
.infobox div h2, 
.infobox div h3, 
.infobox div h4 {border:none; border-width:0; font-size:inherit;}
.infobox div a {color:#039; text-decoration:none;}  
.infobox div a:hover {color:#06B; text-decoration:underline;}
.infobox .more {border:none; margin:0; padding:0}


/*#main .center .centercol .infobox {display:block; padding:0; border:1px solid #DDD; color:#000000; margin:1em 0; overflow:hidden; clear:both;} 
#main .center .centercol .infobox h1,
#main .center .centercol .infobox h2,
#main .center .centercol .infobox h3,
#main .center .centercol .infobox h4 {display:block; padding:.5em; margin:0; width:100%; background:url(/shared/shared_rootsite/images/graphics/nav_bg.jpg) center top repeat-x #0099FF; text-align:left; color:#FFF;} 
#main .center .centercol .infobox .content {padding:.5em; background:#FFF;}
#main .center .leftcol .infobox {display:block; padding:0; margin:0; border:1px solid #DDD; color:#000000; overflow:hidden; clear:both;} 
.infobox h1,
.infobox h2,
.infobox h3,
.infobox h4 {color:#666; font-weight:bold; text-decoration:none; background:#ECECEC url(/shared/shared_rootsite/images/graphics/acc_bg.jpg) center top repeat-y; display:block; padding:.5em 1em .5em 1em;}
#main .center .leftcol .infobox .content {padding:.5em 1em; background:#FFF;}
*/

/*=== CENTER COLUMN ACCORDION ===*/
#main .center .centercol .accMenu {width:100%; margin:1.5em 0; background:#FFF;}
#main .center .centercol .accMenu h3 {font-size:1em;}
#main .center .centercol .accMenu div .left,
#main .center .centercol .accMenu div .right {padding:1%;}

/*=== QUICKLINKS ===*/
ul.quickLinks {display:block; width:100%; overflow:hidden; list-style-image:none; list-style-type:none; margin:0; padding:0 !important; border:1px solid #BBB; border-width:0; background:#FFF; clear:both;}
ul.quickLinks li {list-style-image:none; list-style-type:none; border: #ccc 1px solid; border-width:0; margin:0; padding:.5em; background:none;}
ul.quickLinks li.first a:link, 
ul.quickLinks li.first a:active,
ul.quickLinks li.first a:visited {display:block; padding:0 1.5em 0 0; background:transparent url(/shared/shared_rootsite/images/graphics/quicklink-arrow.gif) no-repeat scroll 100% 55%; text-align:right}

/*=== I AM LINKS ===*/
.iamcontainer {clear:both; margin:5px 0; padding:10px 0 10px 0; background:url(/shared/shared_rootsite/images/graphics/iambg.gif) left top repeat-x;}
.iamcontainer ul.quickLinks {width:99.7%; border:1px solid #BBB; border-width:1px 1px 0 1px;}
.iamcontainer ul.quickLinks li {padding:.5em; border: #BBB 1px solid; border-width:0 0 1px 0;}
.iamcontainer ul.quickLinks li.first a:link, 
.iamcontainer ul.quickLinks li.first a:active,
.iamcontainer ul.quickLinks li.first a:visited {padding:0; color:#666; font-weight:bold; text-decoration:none; background:transparent url(/shared/shared_rootsite/images/graphics/quicklink-arrow.gif) no-repeat scroll 100% 55%; text-align:left;}

/*=== QUICKLINKS CONTAINER WITH FORMATTED H4 ===*/
.accMenu div.quickLinkscontainer,
.quickLinkscontainer {clear:both; margin:5px 0; padding:0; border:1px solid #BBB; border-width:1px 1px 0 1px; background:#FFF;}
.quickLinkscontainer h4 {background:#ECECEC url(/shared/shared_rootsite/images/graphics/acc_bg.jpg) center top repeat-y; border-bottom: #ccc 1px solid; padding:.5em; color:#666; font-weight:bold; text-decoration:none; display:block;}
.quickLinkscontainer ul.quickLinks {display:block; width:100%; overflow:hidden; list-style-image:none; list-style-type:none; margin:0; padding:0; border:none; border-width:0; background:#FFF; clear:both;}
.quickLinkscontainer ul.quickLinks li {list-style-image:none; list-style-type:none; margin:0; padding:.5em; background:none; border: #BBB 1px solid; border-width:0 0 1px 0;}
.quickLinkscontainer ul.quickLinks li.first a:link, 
.quickLinkscontainer ul.quickLinks li.first a:active,
.quickLinkscontainer ul.quickLinks li.first a:visited {text-align:left; display:block; padding:0; color:#666; font-weight:bold; text-decoration:none; background:transparent url(/shared/shared_rootsite/images/graphics/quicklink-arrow.gif) no-repeat scroll 100% 55%;}
.quickLinkscontainer ul {display:block; width:100%; overflow:hidden; list-style-image:none; list-style-type:none; margin:0; padding:0; border:none; border-width:0; background:#FFF; clear:both;}
.quickLinkscontainer ul li {list-style-image:none; list-style-type:none; margin:0; padding:.5em; background:none; border: #BBB 1px solid; border-width:0 0 1px 0;}
.quickLinkscontainer ul li.description,
.quickLinkscontainer ul li.quickLinkimage {border:none; border-width:0;}
.quickLinkscontainer ul li.quickLinkimage {padding:0; background:url(/shared/shared_rootsite/images/bloggers/featured-blogger.jpg) center top repeat; height:120px;}

/*=== ACCORDION STYLED SIDE BOX ===*/
.sidebox {width:100%; margin: 0 0 1.5em 0; border:1px solid #BBB; border-width:1px; background:#FFF;}
.sidebox h3 {margin:0; padding:0; font-size:.909em; clear:both; border:1px  dotted #BBB; border-width:0 0 1px 0; color:#666; font-weight:bold; text-decoration:none; background:#ECECEC url(/shared/shared_rootsite/images/graphics/acc_bg.jpg) center top repeat-y; display:block; padding:.5em 1em .5em 1em;}
.sidebox img {padding:0}
.sidebox div {margin:0; padding:.5em 1em; color: #222; overflow:hidden; border:1px solid #BBB; border-width:0; background:#FFF;} 
.sidebox div ul {padding:.5em 0 .5em 1.5em; list-style-image:none; list-style-type:disc; display:table;}
.sidebox div ul li {list-style-position:outside;}
.sidebox div h3{color:#000000; margin:0pt; padding:0pt; background:#FFFBBF none repeat scroll 0%;} 
.sidebox .more {border:none; margin:0; padding:0}

/*=== TAB BOX ===*/
.index .center .centercol #viewpointsTabs{/*width:68%; margin-right:2%; */}
#viewpointsTabs {float:left; margin:0; padding:0; clear:both; background:url(/shared/shared_rootsite/images/graphics/tab-curve-right.gif) right 1px no-repeat; width:100%; margin-top:1em;}
.tabsSidebar {color: #666; float:right; width:30%;}
.tabsSidebar img {margin:0 auto;}
div.desc {text-align: left;  font-weight: normal;  width:100%;  margin: 2px;}
.tabs-nav {display:inline; list-style-image:none; list-style-type:none; margin:0; padding:0;}
.tabs-nav:after {display: block; clear: both; content: " ";}
.tabs-nav ul {margin:0; padding:0;}
.tabs-nav li {float: left; margin:0; padding:0; min-width: 50px; list-style-image:none; list-style-type:none !important;}
.tabs-nav a:link, 
.tabs-nav a:hover, 
.tabs-nav a:focus, 
.tabs-nav a:active {cursor: pointer;}
.tabs-nav li a:link, 
.tabs-nav li a:visited, 
.tabs-nav li a:active {padding:0; margin:0; border:0; background:none; line-height:1.25em; display:block; border-right: #BBB 1px solid; position: relative; top:1px; z-index:2; padding:1em; color: #FFF; font-weight:bold;  text-align: center; text-decoration: none; white-space: nowrap; font-size:0.909em;}
.tabs-nav li a:hover{color: #666;  background:url(/shared/shared_rootsite/images/graphics/tab-border-top.gif) repeat-x top #fff; text-decoration:none;}
.tabs-nav li.tabs-selected a:link, 
.tabs-nav li.tabs-selected a:visited, 
.tabs-nav li.tabs-selected a:active {color: #000; background:url(/shared/shared_rootsite/images/graphics/tab-border-top.gif) repeat-x top #fff; text-decoration:none;}
.tabs-nav li.tabs-selected a:hover {text-decoration:none;}
.tabs-nav li.first {margin:0; padding:0; border:none; background:none;}
.tabs-nav li.first a:link,
.tabs-nav li.first a:visited,
.tabs-nav li.first a:active {background:url(/shared/shared_rootsite/images/graphics/tab-curve-left.gif) left 0 no-repeat;}
.tabs-nav li.first a:hover {background:url(/shared/shared_rootsite/images/graphics/tab-curve-left.gif) left 0 no-repeat #fff;}
.tabs-nav li.firsttabs-selected a:link, 
.tabs-nav li.firsttabs-selected a:visited, 
.tabs-nav li.firsttabs-selected a:active {background:url(/shared/shared_rootsite/images/graphics/tab-curve-left.gif) left 0 no-repeat #fff;}
.tabs-nav li.firsttabs-selected a:hover {background:url(/shared/shared_rootsite/images/graphics/tab-curve-left.gif) left 0 no-repeat #fff; text-decoration:none;}
div.tabcontent {background:#fff none repeat scroll 0%; padding:1em; overflow:hidden; width:488px;}
div.tabcontent img {display: inline;}
div.tabcontent a:hover img {border: 0px}
.tabs-container {clear:both; border: 1px solid #DDD; margin:0; background: #fff;}
.tabs-container .tabs-container {clear:both; border:none; margin:0;}
.tabs-container .tabs-nav li {float: none; list-style-position:outside; list-style-type:disc;}
.tabs-container .tabs-nav ul {padding:.5em 0 .5em 1.5em; list-style-image:none; list-style-type:disc; display:table;}
.tabs-nav .tabs-disabled {opacity: .4;}
.tabs-loading em {padding: 0 0 0 20px; background:url(/shared/shared_rootsite/images/graphics/loading.gif) no-repeat 0 50%;}
.InlineTabs .left, .InlineTabs .right {padding: 0;}
.InlineTabs .left .right, .InlineTabs .right .right {padding: 0; width: 205px;}
.InlineTabs .left .right h4, .InlineTabs .right .right h4, .InlineTabs .left .right p, .InlineTabs .right .right p {padding: 0;}
*>.tabs-nav a span {width:auto; height: auto;}
@media projection, screen {.tabs-hide {display: none;}}
@media print {.tabs-nav {display: none;}}

/*=== UNI-FORM ===*/
form {}
.uniForm {margin:0; padding:0; position:relative; clear:both; width:100%; padding-top:10px;}
.accMenu .uniForm {padding:0; padding-bottom:10px;}
.accMenu2 .uniForm {padding:0; padding-bottom:10px;}
.uniForm .fileUpload,
.uniForm .textInput,
.uniForm .selectInput,
.uniForm textarea {padding:.2em 0; border:2px solid #dfdfdf;}
.uniForm .col {float:left; width:48%; padding:0 1%}
.uniForm fieldset {border:none; margin:0; padding:0; float:left; width:98%;}
.uniForm fieldset legend {color:#A5ABB0; font-weight:bold; background:none; margin:0; padding:.5em 0; clear:both; display:block;}
.uniForm .row {display:block; overflow:hidden; margin:.2em 0; padding:1%; clear:both; float:left; width:98%}
.uniForm .row .textInput:focus {border-color:#DFD77D}
.uniForm .inlineLabel {width:auto; float:none; display:inline; margin:0 2em 0 0; font-weight:normal}
.uniForm .buttonHolder {overflow:hidden; clear:both; margin:2% 0; text-align:right; padding:0; display:block;}
.uniForm .buttonHolder .label {float:left; width:75%;}
.uniForm .button {width:20%; float:right; border:2px solid #dfdfdf; background:#f9f9f9; margin-right:2.5%; cursor:pointer;}
.uniForm .resetButton {width:20%; float:right; border:2px solid #dfdfdf; background:#f9f9f9; margin-right:2.5%; cursor:pointer;}
.uniForm .submitButton {width:20%; float:right; border:2px solid #dfdfdf; background:#f9f9f9; font-weight:bold; margin-right:2.5%; cursor:pointer;}
.uniForm .submitButton:hover {background:#FFF;}
.uniForm .focused {}
.uniForm .focused .formHint {color:#000}
.uniForm .formHint strong {}
.uniForm label em,
.uniForm .label em {display:block; position:absolute; left:90%; font-style:normal; font-weight:bold;}
.uniForm label.light {font-weight:normal;}
.uniForm .noLabels {display:inline; margin:0; padding:0;}
.uniForm .noLabels .button {width:40%; float:right; border:2px solid #dfdfdf; background:#f9f9f9;}
.uniForm .noLabels label,
.uniForm .noLabels .label {float:left; width:0; line-height:2em; padding:0 2% 0 0; font-weight:bold; position:relative; display:block;}
.uniForm .noLabels .formHint {margin:0; padding:0; clear:both; color:#999; display:block; line-height:1.2em; font-size:.818em}
.uniForm .noLabels .textInput {float:left;  width:49%;}
.uniForm .noLabels .fileUpload {float:left; width:49%;}
.uniForm .noLabels .selectInput {float:left; width:15%;}
.uniForm .noLabels textarea {float:left; width:49%; height:12em;}
.uniForm .noLabels .errorField {margin-left:30%}
.uniForm .singlelineLabels {display:inline; margin:0; padding:0;}
.uniForm .singlelineLabels .button {width:30%; float:right; border:2px solid #dfdfdf; background:#f9f9f9;}
.uniForm .singlelineLabels label,
.uniForm .singlelineLabels .label {float:left; width:28%; line-height:2em; padding:0 2% 0 0; font-weight:bold; position:relative; display:block;}
.uniForm .singlelineLabels .formHint {margin:0; padding:0; margin-left:30%; clear:both; color:#999; display:block; line-height:1.2em; font-size:.818em}
.uniForm .singlelineLabels .textInput {float:left;  width:35%;}
.uniForm .singlelineLabels .fileUpload {float:left; width:35%;}
.uniForm .singlelineLabels .selectInput {float:left; width:15%;}
.uniForm .singlelineLabels textarea {float:left; width:30%; height:12em;}
.uniForm .singlelineLabels .errorField {margin-left:30%}
.uniForm .longLabels {margin-bottom:20px;}
.uniForm .longLabels label,
.uniForm .longLabels .label {float:left; width:85%; line-height:2em; padding:0 5% 0 0; font-weight:bold; position:relative; display:block;}
.uniForm .longLabels .formHint {margin:0; padding:0;  margin-left:0%; clear:both; color:#999; display:block; line-height:1.2em; font-size:.818em}
.uniForm .longLabels .textInput {float:left;  width:5%;}
.uniForm .longLabels .fileUpload {float:left; width:5%;}
.uniForm .longLabels .selectInput {float:left; width:5%;}
.uniForm .longLabels textarea {float:left; width:5%; height:12em;}
.uniForm .longLabels .errorField {margin-left:30%}
.uniForm .inlineLabels {margin-bottom:20px;}
.uniForm .inlineLabels input {float:left;  width:100%;}
.uniForm .inlineLabels label,
.uniForm .inlineLabels .label {float:left; width:40%; line-height:2em; padding:0 5% 0 0; font-weight:bold; position:relative; display:block;}
.uniForm .inlineLabels .formHint{margin:0pt 0pt 0pt 48%; padding:0; clear:both; color:#999; display:block; line-height:1.2em; font-size:.818em}
.uniForm .inlineLabels .textInput{float:right;  width:50%;}
.uniForm .inlineLabels .fileUpload{float:right; width:50%;}
.uniForm .inlineLabels .selectInput{float:right; width:25%;}
.uniForm .inlineLabels textarea{float:right; width:50%; height:12em;}
.uniForm .inlineLabels .short{float:right; width:15%; margin-left:1%;}
.uniForm .inlineLabels .errorField {margin-left:30%}
.uniForm .blockLabels {float:left; width:98%; padding:0 1%; clear:both}
.uniForm .blockLabels label,
.uniForm .blockLabels .label {float:left; width:100%; padding:0; width:auto; font-weight:normal; line-height:1.5em; position:relative; display:block;  }
.uniForm .blockLabels input {float:left;  width:100%;}
.uniForm .blockLabels label em,
.uniForm .blockLabels .label em {position:static; display:inline;}
.uniForm .blockLabels .formHint{margin:0; padding:0; clear:both; color:#999; display:block; line-height:1.2em; font-size:.818em}
.uniForm .blockLabels .textInput {float:left;  width:100%;}
.uniForm .blockLabels .fileUpload{float:left; width:100%;}
.uniForm .blockLabels .selectInput{float:right; margin-right:18px; width:48%;}
.uniForm .blockLabels textarea{float:left; width:100%; height:12em;}
.uniForm .blockLabels .checkbox  {float:left; width:15%; display:block; margin-top:4px;}
.uniForm .blockLabels .checklabel {float:right; width:80%;}
.uniForm .inlineLabels .inlineLabel,
.uniForm .blockLabels .inlineLabel{width:auto; float:none; margin:0 1em 0 0; display:inline;}
.uniForm .error {background:#ffdfdf; border:1px solid #df7d7d; border-width:1px 0;}
.uniForm .error input{border-color:#efcfcf}
.uniForm .error input:focus,
.uniForm .error textInput:focus {border-color:#df7d7d}
.uniForm .blockLabels .error,
.uniForm .inlineLabels .error {color:#df7d7d;}
.uniForm .errorMsg {clear:both; background:#ffdfdf; border:1px solid #df7d7d; border-width:1px 0; margin:0 0 1em; padding:1em}
.uniForm .errorMsg h3{font-weight:bold;}
.uniForm .warningMsg {clear:both; background:#faebaf; border:1px solid #ac9766; border-width:1px 0; margin:1em 0; padding:1em}
.uniForm .warningMsg h3{font-weight:bold;}
.rightcol .uniForm .blockLabels .textInput{float:left; width:98%;}
.rightcol .uniForm .resetButton {width:46%; float:right; border:2px solid #dfdfdf; background:#f9f9f9; margin-right:4%; cursor:pointer;}
.rightcol .uniForm .submitButton {width:46%; float:right; border:2px solid #dfdfdf; background:#f9f9f9; font-weight:bold; margin-right:2%; cursor:pointer;}
.leftcol .uniForm .blockLabels .textInput{float:left; width:98%;}
.leftcol .uniForm .resetButton {width:46%; float:right; border:2px solid #dfdfdf; background:#f9f9f9; margin-right:4%; cursor:pointer;}
.leftcol .uniForm .submitButton {width:46%; float:right; border:2px solid #dfdfdf; background:#f9f9f9; font-weight:bold; margin-right:2%; cursor:pointer;}

/*=== THICKBOX ===*/
#TB_window {font:12px Arial,Helvetica,sans-serif; color:#333}
#TB_secondLine {font:10px Arial,Helvetica,sans-serif; color:#666}
#TB_window a:link {color:#666}
#TB_window a:visited {color:#666}
#TB_window a:hover {color:#000}
#TB_window a:active {color:#666}
#TB_window a:focus {color:#666}
#TB_overlay {position:fixed; z-index:100; top:0; left:0; height:100%; width:100%}
.TB_overlayMacFFBGHack {background:url(macFFBgHack.png) repeat}
.TB_overlayBG {filter:alpha(opacity=75); -moz-opacity:0.75; opacity:0.75; background:#FFF}
* html #TB_overlay {position:absolute; height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px')}
#TB_window {position:fixed; background:#fff; z-index:102; color:#000; display:none; border:4px solid #525252; text-align:left; top:50%; left:50%}
* html #TB_window {position:absolute; margin-top:expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px')}
#TB_window img#TB_Image {display:block; margin:15px 0 0 15px; border-right:1px solid #ccc; border-bottom:1px solid #ccc; border-top:1px solid #666; border-left:1px solid #666}
#TB_caption {height:25px; padding:7px 30px 10px 25px; float:left}
#TB_closeWindow {height:25px; padding:11px 25px 10px 0; float:right}
#TB_closeAjaxWindow {padding:7px 10px 5px 0; margin-bottom:1px; text-align:right; float:right}
#TB_ajaxWindowTitle {float:left; padding:7px 0 5px 10px; margin-bottom:1px}
#TB_title {height:27px; background:#e8e8e8}
#TB_ajaxContent {clear:both; padding:2px 15px 15px; overflow:auto; text-align:left; line-height:1.4em}
#TB_ajaxContent.TB_modal {padding:15px}
#TB_ajaxContent p {padding:5px 0}
#TB_load {position:fixed; display:none; height:13px; width:208px; z-index:103; top:50%; left:50%; margin:-6px 0 0 -104px}
* html #TB_load {position:absolute; margin-top:expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px')}
#TB_HideSelect {z-index:99; position:fixed; top:0; left:0; border:none; filter:alpha(opacity=0); -moz-opacity:0; opacity:0; height:100%; width:100%; background:#fff}
* html #TB_HideSelect {position:absolute; height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px')}
#TB_iframeContent {clear:both; border:none; margin-bottom:-1px; margin-top:1px; _margin-bottom:1px}

/*=== SITEMAP ===*/
.sitemap{overflow:visible;}
.sitemap a{color:#fff; display:block; width:100%;}
.sitemap ul {list-style-image:none; list-style-type:none; margin:0; padding:0; display:block;}
.sitemap li {padding:.2em .4em .2em .4em; position:relative; width:15em; color:#fff; background:#66c; min-height:1.5em; list-style-image:none; list-style-type:none;}
.sitemap ul ul {margin-top:-1.7em; padding-bottom:1em;}
.sitemap ul ul li {background:#9c3; border-left:0.5em solid #339; margin:0 0 .5em 0; left:15.4em}
.sitemap ul ul ul li {background:#c93; border-color:#690}
.sitemap ul ul ul ul li {background:#c33; border-color:#960}
.sitemap ul ul ul ul ul li {background:#99C; border-color:#669}
.sitemap ul ul ul ul ul ul li {background:#39c; border-color:#069}
.sitemap li.copy {background:#DDD; color:#666; border-color:#AAA} 
.sitemap li.copy a {color:#555}
.sitemap li.copy li a {color:#fff}
.sitemap li.copy li.copy a{color:#555}

/*=== Banner Styles ===*/
#div_FeatureImageNav {padding: 0 0 5px 0;}
#div_FeatureImageNav a, 
#div_FeatureImageNav a:link,
#div_FeatureImageNav a:visited {font-size: 10px; height: 10px; width:10px; color: #fff; background:url(/shared/shared_rootsite/images/buttons/radio-off.gif) no-repeat;  text-decoration: none; margin: 0 5px; padding: 0px 4px;  }
#div_FeatureImageNav a:hover,
#div_FeatureImageNav a:active,
#div_FeatureImageNav a:focus  {background:url(/shared/shared_rootsite/images/buttons/radio-on.gif) no-repeat;}
#div_FeatureImageNav a.activeSlide,
#div_FeatureImageNav a.activeSlide, 
#div_FeatureImageNav a.activeSlide:link,
#div_FeatureImageNav a.activeSlide:visited,
#div_FeatureImageNav a.activeSlide:hover,
#div_FeatureImageNav a.activeSlide:active,
#div_FeatureImageNav a.activeSlide:focus {font-size: 10px; height: 10px; width:10px; color: #fff;  color: #039; background:url(/shared/shared_rootsite/images/buttons/radio-on.gif) no-repeat; text-decoration: none; margin: 0 5px; padding: 0px 4px;  }

/*=== Table Sorter ===*/
table.tablesorter thead tr .header {background:#DDDDDD url(/shared/shared_rootsite/images/graphics/bg.gif) no-repeat center right; cursor: pointer;}
table.tablesorter thead tr .headerSortUp {background:#DDDDDD  url(/shared/shared_rootsite/images/graphics/asc.gif) no-repeat center right;}
table.tablesorter thead tr .headerSortDown {background:#DDDDDD  url(/shared/shared_rootsite/images/graphics/desc.gif) no-repeat center right;}

/*=== Zebra table (altrow, etc.) ===*/
table.zebra th {background:#DDDDDD none repeat scroll 0%;}

/*=== Computing Service Status table ===*/
#ServiceMessageDashboard td img{float:right;}

/*=== SEARCH RESULT STYLES ===*/
#searchresults .SearchRes {padding: 0.2em 0pt 0.9em 0pt;}
#searchresults .SearchRes p {padding: 0pt; margin: 0pt;}
#searchresults .SearchRes .SearchResHeader {}
#searchresults .SearchRes .SearchResDesc {}
#searchresults .SearchRes .SearchResURL {color: #5588cc;}
#moreinfo {width: 350px; margin-top: 6pt; padding: 3pt;}

/*=== LINKS DATABASE BROWSE STYLES ===*/
.ldb_URL {list-style-image: none; list-style-type: none !important;}
.ldb_URL strong {display: table-cell; width: 105px;}	
.ldb_URL a {display: table-cell;}

/*=== LCMS TEMPLATE STYLES ===*/
.uvc {border:1px solid black; background:#EEE; padding: 5px; margin: 5px;}
.uvc:before {content: "Dynamic Content: ";}

/*=== DIRECTORY STYLES ===*/
.ShowHideLink_Closed {background:url(/shared/shared_rootsite/images/graphics/quickinfo_closed.gif) no-repeat center left; padding-left: 12px;}
.ShowHideLink_Open {background:url(/shared/shared_rootsite/images/graphics/quickinfo_open.gif) no-repeat center left; padding-left: 12px;}
.ShowHideTabsLink_Closed {background:url(/shared/shared_rootsite/images/graphics/quickinfo_closed.gif) no-repeat center left; padding-left: 12px;}
.ShowHideTabsLink_Open {background:url(/shared/shared_rootsite/images/graphics/quickinfo_open.gif) no-repeat center left; padding-left: 12px; color:#333; text-decoration:none;}

/* added by lwhittington 2010-06-02 for person search results formatting */
div.dirContactSection {clear:both;}
div.dirContactSection div.dirContactEntry {clear:both; width:100%;}
div.dirContactSection div.dirContactLabel {text-align:right; width:33%; font-weight:bold; float:left;}
div.dirContactSection div.dirContactData {text-align:left; width:63%; float:right;}

/*=== ROLLOVER BUTTONS ===*/
a.rollover {background-position: 0 top; display:block; height:70px; font-size:0; text-decoration: none;}
a.rollover:hover,
a.rollover:focus{ background-position: bottom left; text-decoration: none; }
a.rollover span { visibility: hidden; }
a.engrolloversmall {background-position: 0 top; display:block; height:35px; font-size:0; text-decoration: none;}
a.engrolloversmall:hover,
a.engrolloversmall:focus{ background-position: bottom left; text-decoration: none; }
a.engrolloversmall span { visibility: hidden; }
a.engrolloverlarge {background-position: 0 top; display:block; height:58px; font-size:0; text-decoration: none;}
a.engrolloverlarge:hover,
a.engrolloverlarge:focus{ background-position: bottom left; text-decoration: none; }
a.engrolloverlarge span { visibility: hidden; }

/*=== MARKETING HOME PAGE FEATURES ===*/
#acc_Featured .left { width:50px; }
#acc_Featured .right {width:92px; padding:.6em 0;}

#main .center .centercol .shadow {border:none; overflow:hidden; height:9px;}
#main .center .centercol .shadow.top {background:transparent url(/shared/shared_rootsite/images/graphics/iambg.gif) repeat-x scroll left top; margin:1em 0 .5em 0; padding:0}
#main .center .centercol .shadow.bottom {background:transparent url(/shared/shared_rootsite/images/graphics/iambg.gif) repeat-x scroll left bottom; margin:0; padding:0.5em 0 0 0; clear:both;}
.nopadding {padding:0!important;} 
.nomargin {margin:0!important;} 
.nolineheight {line-height:0!important;} 

/*=== NEW CSS to supplement above css - SEAN - DEC 3, 2009 ===*/
.noborder {border:none!important;}