html, body, table, thead, tbody, tfoot, tr, th, td, p, h1, h2, h3, h4, h5, h6, div, ul, li, a, form, textarea, input, select, img, hr, span, strong, fieldset, blockquotes { margin: 0; padding: 0; line-height:1.6em;}
#break { clear: both;height: 0px;overflow: hidden;}
body { font-family:Arial, Helvetica, sans-serif; font-size: small; line-height:1.5em; color: #4a4a4a; }
blockquote {font-size:85%; margin-left:20px; margin-right:10px; margin-top:5px; margin-bottom:20px; padding:10px; width:500px; text-indent: 25px;background-image:url(img/quoteleft.png); background-position: 8px 10px; background-repeat: no-repeat; }
blockquote.style1 span {display: block; background-image: url(img/quoteright.png); background-repeat: no-repeat; background-position: bottom right;line-height:1.8em;}
.small {font-size:85%;}
#break {clear:both; }
#mainwrapper {width:940px; margin:0 auto;background-color:#FFFFFF;}
#contentwrapper {width:100%; margin:0 auto; background-color:#FFFFFF;}
.imgheader {margin-bottom:10px;}
.imgheadernews {margin-bottom:3px;}
.imgheaderevents {margin-top:10px; margin-bottom:10px;}
.imgheadervideos{margin-top:17px; margin-bottom:10px; }
#linesplit {border-bottom:1px #efefef solid; height:10px; min-height:10px; width:100%;}
/* NAV */
#mainnavwrapper {width:100%; margin:0 auto; display:block; float:left; color:#FFFFFF; height:1px; display:none;}
#mainnavwrapper ul {}
#mainnavwrapper li {font-size:110%; font-weight:bold; list-style:none; display: inline; }
/* HEADER */
#headerwrapper {width:100%; margin:0 auto; display:none; }
#headerleft {width:470px; float:left; display:block; background-color:#FFFFFF; min-height:100px; height:100px;padding-top:15px;}
#headerlogo {padding-left:0px; padding-top:5px;}
#headerright {width:470px;float:left; display:block; background-color:#FFFFFF; min-height:100px; height:100px; padding-top:15px;}
#headerright p {font-size:85%;}
#headerrightleft {width:225px; float:left; display:block; padding-top:8px; padding-left:10px; }
#headerrightright {width:225px; float:left; display:block; padding-top:8px; padding-left:10px;}
/* SLIDER IMAGE */
#sliderimage {width:705px; display:block; float:left; background-color:#FFFFFF; height:1px; min-height:1px; display:none; }
#sliderimage h1 {font-size:180%; color:#999999;padding-top:0px;}
/* TOP RIGHT */
#topright {width:215px; display:block; float:left; min-height:225px;height:225px;padding-right:20px; background-color:#015172; display:none; }
#topright h2 {font-size:150%; color:#666666; padding-bottom:5px; font-weight:normal;}
#topright p {padding-top:0px; padding-bottom:8px; }
#topright ul {margin:0px; padding:0px; list-style-type:none; }
#topright li {padding-bottom:7px;}
#topright .one {background-image:url(img/tel.gif);;
background-repeat: no-repeat;
background-position: 0 .15em;
}
#topright .two {background-image: url(img/email.gif);
background-repeat: no-repeat;
background-position: 0 .15em;
}
#topright .three {background-image: url(img/online.gif);
background-repeat: no-repeat;
background-position: 0 .15em;
}
#topright .listtitle {padding-left: 2.0em; color:#5b5b5b; }
/* TOP RIGHT CONTENT */
#searchcolumn {width:100%; display:block; float:left;padding-bottom:15px; line-height:normal; margin-top:10px; display:none;}
#searchcolumn h2 {font-size:150%; color:#666666; padding-bottom:5px; padding-top:5px; font-weight:normal;}
#searchcolumn p { margin-top:12px; padding-left:10px; }
.searchfield {padding:4px; font-size:120%; color:#999999; font-family:Arial, Helvetica, sans-serif; font-weight:normal;line-height:normal;}
.searchfieldbutton { font-size:110%;padding:1px; color:#7f9db9; background-color:#FFFFFF; border:#7f9db9 1px solid; }
.call {font-size:130%;}
/* COLUMN 1 */
#columnone {width:438px; min-width:438px; display:block;float:left; background-image:url(img/c1-back.png); background-repeat:repeat-x; background-position:top left;padding-top:10px; padding-left:10px; padding-right:10px;}
/* COLUMN 1 CONTENT */
#latestnewsitem {float:left; display:block;padding-top:7px; padding-bottom:10px;}
#latestnewsitem:hover {float:left; display:block;padding-top:7px; padding-bottom:10px; background-image:url(img/latestnewsback.png); background-repeat:x; background-position:top left;}
#latestnewsitem:hover img {float:left; border:2px #ababab solid; padding:1px; display:block; margin-right:10px; width:75px; height:75px; }
#latestnewsitem a {text-decoration:none; color:#5b5b5b; }
#latestnewsitem a:hover { color:#555555; border-bottom:1px #ababab dotted; }
#latestnewsitem p {font-size:85%; display:block; float:left; width:345px; padding-top:5px;}
#latestnewsitem img {float:left; border:2px #efefef solid; padding:1px; display:block; margin-right:10px; width:75px; height:75px; }
#latestnewstitle {float:left;font-size:110%; font-weight:bold; width:345px; padding:0px; margin:0px; }
#latestnewsdate {float:left;font-size:85%; color:#999999; display:block; }
/* COLUMN 2 */
#columntwo {width:438px; min-width:438px; display:block; float:left; }
#columntwo h1 {font-size:150%; color:#006892; padding-left:0px; padding-bottom:7px; font-weight:normal; }
#columntwo p {padding-left:0px; padding-top:5px; font-size:85%;}
#columntwo ul {font-size:85%; margin:0px; padding:0px; list-style-type:none; }
#columntwo li {background-image: url(img/eventsbullet.png);background-repeat: no-repeat;background-position: 0 .7em; padding-top:5px; padding-bottom:5px; border-bottom:1px #f5f5f5 solid;}
#columntwo li .listtitle {font-weight:bold;color:#5b5b5b;padding-left: 1.5em; }
#columntwo li:hover {background-image:url(img/eventsback.png); background-position:top left; background-repeat:repeat-x;}
/* COLUMN 2 CONTENT */
#listline {width:100%; height:15px; min-height:15px; background-image:url(img/listline.png); background-position:center; background-repeat:repeat-x; }
/* COLUMN 3 */
#columnthree {width:221px; display:block; float:left; background-image:url(img/c1-backright.png); background-repeat:repeat-x; background-position:top left; padding-top:10px; padding-left:10px; padding-right:10px;}
#columnthree h1 {font-size:150%; color:#006892; padding-left:0px; padding-bottom:7px; font-weight:normal;}
#columnthree p {padding-left:0px; padding-top:5px; font-size:85%;}
#columnthrestudentview {width:221px; display:block; float:left; padding-top:10px; padding-left:10px; padding-right:10px;}
#columnthreestudentview p {padding-left:0px; padding-top:5px; font-size:85%;}
/* COLUMN 3 CONTENT */
.studentviewtitle {font-weight:bold; font-size:85%;color:#2e8fb9; }
.studentviewimage {float:right; border:2px #efefef solid; padding:1px; margin-left:15px; margin-right:0px; height:46px; width:46px;}
.studentviewmoreimage {float:left; display:inline; border:1px #efefef solid; padding:1px;height:46px; width:46px; margin-right:5px; }
#studentview {height:179px;}
.studentviewmoreimagelast {float:left; display:inline; border:1px #efefef solid; padding:1px; }
.studentviewname {color:#999999;font-weight:bold; font-size:85%;}
.quoteleft {float:left; padding-right:10px; margin-top:3px;}
.quoteright {float:right; padding-left:5px; margin-right:0px; }
#video {width:215px; min-width:215px; background-color:#f5f5f5;}
#videoboxtop {width:220px; min-width:215px; height:12px; min-height:12px; background-image:url(img/videoboxtop.png); background-position:top left; background-repeat:no-repeat;}
#videoboxbottom {width:215px; min-width:215px; height:12px; min-height:12px; background-image:url(img/videoboxbottom.png); background-position:top left; background-repeat:no-repeat;}
#videoclear {height:30px; min-height:30px; width:200px; float:left; display:block;}
#videohome {float:left; display: block;margin-bottom:10px; width:221px; }
#videohome a {text-decoration:none; color:#2e8fb9;}
#videohome a:hover {color:#2e8fb9; border-bottom: 1px dotted #ababab;}
#videohome:hover {background-image:url(img/latestvideosback.png); background-position:top left; background-repeat:repeat-x;}
#videohome:hover img {float:left; margin-right:5px;border:2px #ababab solid; padding:1px;display:block; width:50px; height:50px;}
#videohome h1 {font-size:150%; color:#006892; padding-left:0px; margin-top:10px; font-weight:normal; margin-bottom:3px;}
#videohometext {padding-left:0px; font-size:85%; float:left; padding-right:10px; display:block; width:150px; }
#videohome img {float:left; margin-right:5px;border:2px #efefef solid; padding:1px;display:block; width:50px; height:50px;}
.videomore {float:left; font-size:75%; bottom:0px; padding-right:10px; padding-top:0px;}
/* COLUMN 4 */
#columnfour {width:221px; display:block; float:left; background-image:url(img/c1-backright.png); background-repeat:repeat-x; background-position:top left; padding-left:10px; padding-right:10px; }
/* COLUMN 4 CONTENT */
#home-ad-right {float:left; display:block; font-size:85%;padding-bottom:10px;padding-top:10px;}
#mostpopular {float:left; display:block; padding-bottom:10px; }
#mostpopular h1 {font-size:150%; color:#006892; font-weight:normal; }
#mostpopular a:link {text-decoration:none; color:#ad208e;}
#mostpopular a:hover {text-decoration:underline; color:#555555; }
#mostpopular a:active {text-decoration:none; color:#000000;}
#mostpopular a:visited {text-decoration:none; color:#ad208e;}
#downloadhome1 {float:left; display:block; font-size:85%; text-align:center;}
#downloadhome2 {float:right; display:block; font-size:85%;text-align:cente; }
/* COLUMN 1 SUB */
#columnonesub-subject {width:685px; min-width:685px; display:block;float:left;background-image:url(img/subjects/adminback1.png); background-repeat:repeat-x; background-position:top right;padding-top:5px; padding-left:10px; padding-right:10px;}
#columnonesub-subject h1 {font-size:200%; color:#FFFFFF; font-weight:normal; text-transform:uppercase; }
#columnonesub-subject h3 {font-size:150%; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif; }
#columnonesub-subject p {padding-left:0px; padding-top:5px; padding-bottom:10px; font-size:85%;}
#columnonesub-subject-admin {width:685px; min-width:685px; display:block;float:left;background-image:url(img/subjects/adminback1.png); background-repeat:repeat-x; background-position:top right;padding-top:5px; padding-left:10px; padding-right:10px;}
#columnonesub-subject-admin h1 {font-size:200%; color:#FFFFFF; font-weight:normal; text-transform:uppercase; }
#columnonesub-subject-admin h3 {font-size:150%; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif; }
#columnonesub-subject-admin p {padding-left:0px; padding-top:5px; padding-bottom:10px; font-size:85%;}
#columnonesub-subject-artdesign {width:685px; min-width:685px; display:block;float:left;background-image:url(img/subjects/artdesignback.png); background-repeat:repeat-x; background-position:top right;padding-top:5px; padding-left:10px; padding-right:10px;}
#columnonesub-subject-artdesign h1 {font-size:200%; color:#FFFFFF; font-weight:normal; text-transform:uppercase; }
#columnonesub-subject-artdesign h3 {font-size:150%; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif; }
#columnonesub-subject-artdesign p {padding-left:0px; padding-top:5px; padding-bottom:10px; font-size:85%;}
#columnonesub {width:685px; min-width:685px; display:block;float:left; background-image:url(img/c1-back.png); background-repeat:repeat-x; background-position:top left; padding-top:5px; padding-left:10px; padding-right:10px; }
#columnonesub a {text-decoration:none; color:#2780a7;}
#columnonesub a:hover {color:#2e8fb9; border-bottom: 1px dotted #ababab;}
#columnonesub h1 {font-size:200%; color:#006892; font-weight:normal; text-transform:uppercase; border-bottom:1px #efefef solid; padding-bottom:2px; }
#columnonesub h3 {font-size:150%; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif; margin-top:10px; }
#columnonesub h4 { font-weight:bold; font-size:85%; margin-bottom:10px; }
#columnonesub p {padding-left:0px; padding-top:5px; padding-bottom:10px; font-size:85%;}
.columnonesubimage {float:right; margin-left:10px; margin-bottom:10px; padding:1px; border:2px #efefef solid;margin-top:20px; }
#columnonesub li {font-size:85%; list-style-image:url(img/bulletarrow.png); list-style-position:outside; margin-left:20px;}
.termdatehighlight {color:#2780a7; font-style:italic;}
.columnonesub-subjectimage {float:right;}
/*TABLE*/
#box-table-a { font-size: 85%; width: 685px; text-align: left; border-collapse:collapse; }
#box-table-a th { font-weight: normal; padding: 8px; background: #d6eff9; border-top: 4px solid #b6eaff; border-bottom: 1px solid #fff; color: #4a4a4a;}
#box-table-a td { padding: 8px; background: #f5f5f5; border-bottom: 1px solid #fff; color: #4a4a4a; border-top: 1px solid transparent;}
#box-table-a tr:hover td { background: #ededed; color: #4a4a4a;}
#box-table-b { font-size: 85%; width: 685px; text-align: left; border-collapse: collapse;}
#box-table-b th { font-weight: normal; padding: 8px; background: #d6eff9; border-top: 4px solid #b6eaff; border-bottom: 1px solid #fff; color: #4a4a4a;}
#box-table-b td { padding: 8px; background: #f3f3f3; border-bottom: 1px solid #fff; color: #4a4a4a; border-top: 1px solid transparent;}
#box-table-b tr:hover td { background: #ededed; color: #4a4a4a;}
/*END OF TABLE*/
/* COLUMN 4 SUB */
#columnfoursub {width:219px; display:block; float:right; border-left:1px #efefef solid; padding-left:5px; padding-right:10px; padding-top:10px; display:none; }
#columnfoursub h2 {font-size:150%; color:#FFFFFF; text-transform:uppercase; font-weight:normal; padding-top:10px; padding-left:10px; background-image: url(img/columnfourback-top.png); background-position:top right; background-repeat:no-repeat; height:50px; display:none;}
#columnfoursub p {padding-left:5px; font-size:85%;}
#columnfoursub ul {font-size:85%; margin:0px; padding:0px; list-style-type:none; }
#columnfoursub li {padding-top:5px; padding-bottom:5px; border-bottom:1px #f5f5f5 solid; padding-left:5px;}
#columnfoursub li a { color:#6f298d; text-decoration:none;}
#columnfoursub li a:hover { color:#6f298d; border-bottom: 1px dotted #ababab; text-decoration:none;}
#columnfoursub li:hover {background-image:url(img/subeventsback.png); background-position:top left; background-repeat:repeat-x;}
#columnfoursub h4 {font-size:135%; padding-left:5px; padding-top:10px; padding-bottom:5px; font-weight:normal;}
#columnfoursub h5 {font-size:135%; padding-left:5px; font-weight:normal; }
#columnfoursub a { color:#6f298d; text-decoration:none;}
#columnfoursub a:hover { color:#6f298d; border-bottom: 1px dotted #ababab; text-decoration:none;}
#columnfoursubheader { background-image:url(img/columnfourback-top.png); height:50px; background-position:top right; background-repeat:no-repeat; background-color:#006892; width:235px; min-width:235px; float:right; display:none;}
#columnfoursubheader h2 {font-size:150%; color:#FFFFFF; text-transform:uppercase; font-weight:normal; padding-left:9px; padding-top:10px; display:none;}
#columnfoursubheader img {float:right; display:none;}
#columnfoursubheadertwo { background-image:url(img/columnfourback-top.png); height:50px; background-position:top right; background-repeat:no-repeat; background-color:#006892; width:234px; min-width:234px; float:right;}
#columnfoursubheadertwo h2 {font-size:150%; color:#FFFFFF; text-transform:uppercase; font-weight:normal; padding-left:9px; padding-top:10px; }
#columnfoursubheadertwo img {float:right;}
#columnfoursubvideohome {float:left; display: block;margin-bottom:10px; width:221px; }
#columnfoursubvideohome a {text-decoration:none; color:#6f298d;}
#columnfoursubvideohome a:hover {color:#6f298d; border-bottom: 1px dotted #ababab;}
#columnfoursubvideohome:hover {background-image:url(img/latestvideosback.png); background-position:top left; background-repeat:repeat-x;}
#columnfoursubvideohome:hover img {float:left; margin-right:10px;border:2px #ababab solid; padding:1px;display:block; width:50px; height:50px;}
#columnfoursubvideohometext {padding-left:0px; font-size:85%; float:left; padding-right:10px; display:block; width:140px; }
#columnfoursubvideohome img {float:left; margin-right:10px; margin-left:5px;border:2px #efefef solid; padding:1px;display:block; width:50px; height:50px;}
.columnfoursubvideomore {float:left; font-size:75%; bottom:0px; padding-right:10px; padding-top:0px; padding-left:5px;}
#careerpaths { font-size:85%; width:450px; }
#subjectintro {width:495px;font-size:85%;}
/* COLUMN 4 CONTENT */
#clear {clear:both;}
#topfootercontainer {width:100%; display:none; }
#topfooter {width:940px; margin:0 auto; padding-top:0px; font-size:85%; }
#topfooter ul {list-style-type:none; margin-top:8px; line-height:2.2em;}
#topfooter h4 {font-size:120%; margin-top:15px; color:#6f2a8e; font-weight:bold;}
#topfooter h4 a {color:#6f2a8e; font-weight:bold;}
#topfooter h4 a:hover {color:#6f2a8e; font-weight:bold;}
#topfooter a {color:#333333; text-decoration:none;}
#topfooter a:hover {color:#666666; text-decoration:underline;}
#topfooter1 {width:214px; display:block; float:left; height:1px; min-height:1px; padding-left:10px; padding-right:10px; border-right:1px #efefef solid;}
#topfooter2 {width:214px; display:block;float:left;height:1px; min-height:1px;padding-left:10px; padding-right:10px; border-right:1px #efefef solid;}
#topfooter3 {width:214px; display:block;float:left;height:1px; min-height:1px;padding-left:10px; padding-right:10px; border-right:1px #efefef solid;}
#topfooter4 {width:215px; display:block;float:left;height:1px; min-height:1px;padding-left:10px; padding-right:10px;}
#bottomfootercontainer {width:100%; float:left; display:none; }
#bottomfooter {width:940px; margin:0 auto; padding-top:15px;}
#bottomfooter p {font-size:85%; padding-left:15px; color:#bebeb6;}
.bottomleft{float:right; margin-top:78px;font-size:85%; padding-right:15px; color:#bebeb6}
.bottomright {float:right; margin-top:78px;font-size:85%; padding-right:15px; color:#bebeb6;}
/*ACCORDIAN */
#basic-accordian{width:685px;}
.accordion_headings{padding:10px;background:#FFFFFF;color:#656565;cursor:pointer;font-weight:bold;border-right:2px #ffffff solid;font-size:100%;}
.accordion_headings:hover{ background:#b6eaff;}
.accordion_child{width:685px; }
.header_highlight{ background:#d6eff9;}
.tab_container *{float:left; width:170px;}
/* END OF ACCORDIAN */
/*preload classes*/
.svw {width: 50px; height: 20px; background: #fff;}
.svw ul {list-style:none; list-style-type:none;}
/*core classes*/
.stripViewer {
position: relative;
overflow: hidden;
border: 0px solid #ff0000;
margin: 0 0 0px 0;
}
.stripViewer ul { /* this is your UL of images */
margin: 0;
padding: 0;
position: relative;
left: 0;
top: 0;
width: 1%;
list-style-type: none;
}
.stripViewer ul li {
float:right;
}
.stripTransmitter {
overflow: auto;
width: 1%;
position:relative;top:-29px;
}
.stripTransmitter ul {
margin: 0;
padding: 0;
padding-left:10px;
float:left;
list-style-type: none;
}
.stripTransmitter ul li{
width: 20px;
float:left;
margin: 0 0px 0px 0;
padding-right:3px;
}
.stripTransmitter a{
font: bold 1px Verdana, Arial;
text-align: center;
width:17px;
background-image:url(img/stripviewer.png);
height:17px;
text-decoration: none;
display: block;
}
.stripTransmitter a:hover, a.current{
background-image:url(img/stripviewerover.png);
}
/*tooltips formatting*/
#tooltip {
background: #fff;
color: #000;
opacity: 0.85;
border: 0px solid #dedede;
}
#tooltip h3 {
font: normal 10px Verdana;
margin: 0;
padding: 6px 2px;
border: 0;
}
/* CSS MENU ---------------------------------------------------------------------------------------------------*/
.menu {width:940px; height:33px; position:relative; z-index:100;}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:940px; w\idth:940px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:155px; padding:0px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;position:relative; }
/* style the links for the top level */
.menu a, .menu a:visited {display:block; text-decoration:none; color:#fff; height:33px; line-height:29px;font-size:105%; font-weight:bold; padding-top:7px; text-align:center; padding-left:25px; padding-right:25px;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {float:left;position:relative;}
/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#555555;}
.menu ul ul :hover > a.drop {background:#555555; }
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#555555;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#44a6cd; }
/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:40px;left:0; width:149px;}
/* another hack for IE5.5 */
* html .menu ul ul {top:40px;t\op:40px;}
/* position the third level flyout menu */
.menu ul ul ul{left:173px; top:0px; width:200px;}
/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-173px;}
/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;}
/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#555555; color:#FFFFFF; height:auto; line-height:1.3em; padding:5px 12px; width:150px; font-size:75%; font-weight:normal; text-align:left; filter:alpha(opacity=95);-moz-opacity:.95;opacity:.95; border-bottom:1px #404040 solid; }
.menu ul ul ul a, .menu ul ul ul a:visited {background:#717171; color:#FFF; height:auto; line-height:1.2em; padding:5px 12px; width:200px; font-size:75%; font-weight:normal; text-align:left; filter:alpha(opacity=95);-moz-opacity:.95;opacity:.95; }
/* yet another hack for IE5.5 */
* html .menu ul ul ul a, * html .menu ul ul ul a:visited {width:200px;w\idth:200px;}
/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#fff; background:#44a6cd;}
.menu :hover > a, .menu ul ul :hover > a {color:#fff;background:#44a6cd;}
.menu ul ul ul a:hover, .menu ul ul ul a:hover{color:#fff; background:#44a6cd; }
.menu ul ul ul:hover > a, .menu ul ul ul:hover > a {color:#fff;background:#44a6cd;}
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}