/* CSS Document */

body {font-family:Arial, Helvetica, sans-serif; font-size:100%; margin: 0 0 0 0;}

/* Texts */
.text {font-size: 75%; color:#000000; line-height: 130%;}
.text A {color: #0000CC;}
.text A:hover {color: #000066;}
.text A:visited {color: #663399;}
.footnote {font-size: 65%; color:#000000;}

/* Tabs */
.smallTabOff { background-image:url(../images/tab_small_off.gif); background-repeat:no-repeat; text-align:center; padding-right:1px; width:76px;}
.smallTabOn { background-image:url(../images/tab_small_on.gif); background-repeat:no-repeat; text-align:center; padding-right:1px; width:76px;}
.mediumTabOff { background-image:url(../images/tab_medium_off.gif); background-repeat:no-repeat; text-align:center; padding-right:1px; width:133px;}
.mediumTabOn { background-image:url(../images/tab_medium_on.gif); background-repeat:no-repeat; text-align:center; padding-right:1px; width:133px;}
.largeTabOff { background-image:url(../images/tab_large_off.gif); background-repeat:no-repeat; text-align:center; padding-right:1px; width:155px;}
.largeTabOn { background-image:url(../images/tab_large_on.gif); color:#FFFFFF; background-repeat:no-repeat; text-align:center; padding-right:1px; width:155px;}
.tabTextOn { text-decoration:none; font-size:75%; font-weight:bold;}
.tabTextOn A { color: #FFFFFF; text-decoration:none; }
.tabTextOff { text-decoration:none; font-size:75%; font-weight:bold;}
.tabTextOff A { color: #000000; text-decoration:none; }
.tabTextOn A:hover { text-decoration:underline;}
.tabTextOff A:hover { text-decoration:underline;}
.tabRow { height:23px;}

/* Breadcrumbs */
.breadcrumbs { font-size: 65%; color:#666666; line-height:110%;}
.breadcrumbs A:hover { color:#330066;} 

/* Menu */
.menuOff { background-color:#330066; font-size:70%; text-align:center; color:#FFFFFF; border-right:1px solid #CCCCCC; padding: 4px 4px 4px 4px;}
.menuOff A {color:#FFFFFF; text-decoration:none;}
.menuOff A:hover {text-decoration:underline;}
.menuOn { background-color:#663399; padding: 2px 4px 4px 2px; font-size:70%; text-align:center; color:#FFFFFF; border-right:1px solid #CCCCCC; padding: 4px 4px 4px 4px;}
.menuOn A {color:#FFFFFF;text-decoration:none;}
.menuOn A:hover {text-decoration:underline;}
.menuEndOff { background-color:#330066; font-size:70%; text-align:center; color:#FFFFFF; padding: 4px 4px 4px 4px;}
.menuEndOff A {color:#FFFFFF; text-decoration:none;}
.menuEndOff A:hover {text-decoration:underline;}
.menuEndOn { background-color:#663399; padding: 2px 4px 4px 2px; font-size:70%; text-align:center; color:#FFFFFF; padding: 4px 4px 4px 4px;}
.menuEndOn A {color:#FFFFFF;text-decoration:none;}
.menuEndOn A:hover {text-decoration:underline;}

/* Separator */
.separatorGrey { background-color:#CCCCCC; height:8px; border-left: 1px solid #666666; border-right: 1px solid #666666;}

/* Sub Menu */
.subMenuButton { padding: 15px 0 0 10px; width:11px;}
.subMenuBackground { padding: 0px 0 0 4px; height:21px; background-image:url(../images/sub_menu_header.gif); background-repeat:no-repeat;}
.subMenuTitle {color:#FFFFFF; font-size:70%; font-weight:bold; vertical-align:middle;}
.subMenuMiddle { padding: 5px 6px 5px 6px; background-color:#F5F5F5; border-top: 1px solid #999999; border-right: 1px solid #999999; border-bottom: 1px solid #999999;border-left: 1px solid #999999;}
.subMenuText { font-size: 70%; border-bottom:1px solid #CCCCCC; padding: 3px 4px 4px 3px;}
.subMenuText A { color:#0000CC; text-decoration:none;}
.subMenuText A:hover { color:#000099; text-decoration:underline;}

/* Background */
.background {background-image:url(../images/background.jpg); background-repeat:repeat-y;}
.bodyPadding { padding: 15px 10px 5px 10px; vertical-align:top; }
.menuPadding { padding: 15px 10px 5px 0; vertical-align:top; }

/* Right Side Panel */
.sidePanelHeader {background-color:#330066; font-size:70%; font-weight:bold; padding: 5px 6px 5px 6px; color:#FFFFFF; border-bottom: 1px solid #333333;}
.sidePanelFooter {background-color:#DFCFEF; font-size:70%; padding: 5px 6px 5px 6px; border-top: 1px solid #333333;}

/* Headings */
.heading1 {font-size:140%; font-weight:bold; line-height:100%;}
.heading2 {font-size:115%; font-weight:bold; color:#330066;}
.heading3 {font-size:90%; font-weight:bold;}
.courseHeadings {font-size:140%; font-weight:bold; line-height:140%;}

/* Download Sections */
.downloadHeader {background-image:url(../images/download_separator.jpg); background-repeat:no-repeat; background-position:bottom; height:21px;}
.downloadHeaderText {font-size:75%; font-weight:bold; padding-left:5px; vertical-align:middle;}
.downloadItems { padding: 2px 2px 2px 5px; font-size:70%; line-height:150%;}
.downloadItems A {color:#000099; text-decoration:none;}
.downloadItems A:hover {text-decoration:none; color:#000066; text-decoration:underline;}

/* Tables */
.tableHeader {padding: 3px 5px 3px 5px; border-bottom:1px dotted #666666; font-size:75%; font-weight:bold;}
.tableRow {padding: 4px 5px 4px 5px; font-size: 75%;}
.tableAlternateRow {padding: 4px 5px 4px 5px; font-size: 75%; background-color:#F8F8F8;}

/* Header */
.header{background-image:url(../images/header.gif); background-repeat:no-repeat; background-position:center; height:21px; padding-right:10px; text-align:right;}
.headerText {font-size: 70%; color:#FFFFFF; }
.headerText A {color: #FFFFFF; text-decoration:none;}
.headerText A:hover {text-decoration:underline;}
.headerText A:visited {color: #FFFFFF;}

/* Home Link */
.home{background-image:url(../images/header.gif); background-repeat:no-repeat; height:21px; padding-left:10px;}

/* Footer */
.footer {background-image:url(../images/Footer_Background.jpg); background-repeat:no-repeat; height:100px;}
.footerCertificatesHeader {font-size:65%; border-bottom: 1px dashed #999999;}
.footerCertificates {padding: 5px 2px 5px 2px;}
.footerText {font-size: 75%; color:#000000; line-height: 130%; padding-left:10px;}
.footerText A {color: #0000CC;}
.footerText A:hover {color: #000066;}
.footerText A:visited {color: #663399;}
.footerCopyright {font-size:70%; padding-left:15px;}
.footerCopyright A {color: #0000CC;}
.footerCopyright A:hover {color: #000066;}
.footerCopyright A:visited {color: #663399;}

/* Courses */

.searchBox { border: 1px solid #330066; background-color:#E7CEFF;}
.courseListCategory { font-size:80%; font-weight:bold;}
.courseList{ margin-left:15px; font-size:70%; margin-top:10px; margin-bottom:15px;}
.courseList A {text-decoration:none; color:#0000CC;}
.courseList A:hover {text-decoration:underline;}

/* News & Events Section (Home page) */
.newsBackground{ background-image:url(../images/news_background.jpg); background-repeat:no-repeat; width:576px; height:382px;}
.newsMenu{ background-image:url(../images/menu_background.jpg); background-repeat:no-repeat; width:172px; height:382px;}
.newsMenuButtonOff{height:31px; padding-right:15px; vertical-align:middle; text-align:right; font-size:70%;}
.newsMenuButtonOn{ height:31px; background-image:url(../images/button_background.jpg); background-repeat:no-repeat;padding-right:15px; vertical-align:middle; text-align:right; font-size:70%; font-weight:bold; }
.newsSection{padding: 10px 10px 10px 10px;}
.newsSectionLeft{padding-right:22px;}

/* News Items */
.newsPicture{float:left; margin-right:10px; }
.newsHeadline{font-size: 75%; font-weight:bold; line-height:150%;}
.newsHeadline A {color:#0000CC; text-decoration:none}
.newsHeadline A:hover { text-decoration:underline;}
.newsDescription{font-size: 75%;}
.newsPadding{padding: 3px 10px 3px 10px; height:74px;}
.newsDownloads{font-size: 70%;}

/* Home Welcome */
.flashPadding{ padding-bottom:8px; padding-left:8px;}
.flashBorder{border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC;}
.homeButtons {padding-bottom:5px;}
.homeTop {background-image:url(../images/Header_Background.jpg); background-repeat:no-repeat; height:19px;}

/* Events */
.eventDate{ background:#EEEEEE; font-size:71%; font-weight:bold; padding: 2px 2px 2px 2px;}
.eventDescription{font-size:70%; padding: 2px 2px 2px 2px;}

/* Course Facts */
.courseFactPadding{padding: 5px 10px 5px 10px; background-color:#E9D2FF;}
.courseFactPaddingAlternate{padding: 5px 10px 5px 10px; background-color:#F3E8FF;}
.courseFactDescription{ font-size:65%; font-weight:bold;}
.courseFact{ font-size:70%;}
.courseFactBorder{border:1px solid #330066;}

/* Course Pictures */
.coursePictureSeparator{height:6px; background-color:#CCCCCC; border-top: 1px solid #FFFFFF;}
.coursePreviewBorderLeft{ border-right: 2px solid #FFFFFF; border-top: 2px solid #FFFFFF;}
.coursePreviewBorderRight{ border-top: 2px solid #FFFFFF;}

/* Quote */
.quotation{background-color:#EFDFFF; line-height:140%; font-size:70%;}
.citation{line-height:130%; font-size:70%; text-align:right; font-style:italic;}