﻿body {
	font-family: verdana, arial, helvetica, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
	color: #555555;
}
h1 {
	font-size: 2.1em;
	font-weight: normal;
	line-height: 1.05em;
}
h2 {
	font-size: 1.8em;
}
p, td, li, h1, h2, h3, h4, h5, h6 {
	line-height:1.2em;
}
p, td {
	font-size:1.0em;
	margin: 13px 0 20px;
}
li {
	font-size:1.0em;
	margin:5px 0 7px 0;
	padding:0 10px 0 10px;
	line-height: 1.7em;
}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, dl {
	font-style: normal;
	font-weight: normal;
    line-height: 1.7em;
}
ul, ol, li {
	font-style: normal;
	font-weight: normal;
}
h3 {
	font-size: 1.6em;
	font-style: bold;
    margin-top: 30px;
}
h4 {
	font-size: 1.4em;
	font-style: italic;
	font-weight: normal;
}
h5 {
	font-size: 1.2em;
	font-weight: bold;
	padding-top: 10px;
}
.workshopPage table td {
	border-bottom: 0px #ffffff;
	padding: 5px;
	font-size: 1em;
    line-height: 1.7em;
}
#student-success table {
	border-bottom: 0px dotted #999999;
}
#student-success table td {
    line-height: 1.5em;
}
#student-successBox {
	overflow: auto;
	margin: 20px 0 20px 0;
	padding: 1px;
	border: 1px solid #bbb;
	border-radius: 20px;
}
.imageBorder {
	border: 1px solid #bbb;
}
.imageBorderc {
    background-color: #fff;
  	border: 2px solid #eee;
    margin: 15px auto 30px;
    padding: 8px !important;
    display: block;
}
.spaceTop {
	padding: 10px 0 0 0;
}
#footer {
	/* background-color: #262626; */
	background-color: #191919;
    border: 1px solid #000000;
    border-radius: 10px 10px 0 0;
    margin: 0 auto;
    margin-left: auto;
    padding: 10px 0 10px;
    width: 1015px;
    margin-left: -30px;
    min-height: 60px;
}
.uiLogo {
	float:left;
	width: 382px;
	padding: 0px 10px 9px 0px;
}
.rightMenu {
	padding: 0 0 0 10px;
    border-left: 1px solid #888888;
}
.rightMenu p {
    background-color: #fffff;
    margin: 10 0 0 15px;
	padding: 4px 0px 8px 15px;
    line-height: 1.6em;
	font-size:1.0em;
	color: #444444;
}
.rightMenu h2 {
	padding-top: 4px;
}
.leftMenu {
    border-right: 1px dotted #888888;
    line-height: 1.8em !important;
}
.leftMenu h3 {
	padding-bottom: 8px;
}
.accent-different {
	color: #9E9D9D;
	font-size: 1.15em;
	font-style: italic;
    line-height: 1.5em;
}
.accent-different2 {
	color: #9E9D9D;
	font-size: 1.2em;
	font-style: italic;
    line-height: 1.5em;
}
.accent-different3 {
	color: #005288;
	font-size: 1.55em;
	font-style: normal;
	font-weight: bold;
	line-height: 1.5em;
}
.accent-different3 a {
	color: #7EB3D9;
	font-size: 1.8em;
	font-style: italic;
	font-weight: bold;
	line-height: 1.5em;
}
.free {
	color: #00AEC7;
	font-style: italic;
}
.compact {
	line-height: 1.1em;
}
.muted {
	color: #888888;
	font-size: 0.9em;
}
/* breakoutBox */
.breakoutBox {
	overflow: auto;
	margin: 31px 0;
	padding: 15px 10px 0px 15px;
	border: 1px solid #F1B300;
	background-color: #ffffff;
	box-shadow: 4px 4px 8px #cccccc;
	border-radius: 25px;
	color: #333;
}
.breakoutBox h3 {
	color: #F1B300;
	margin-top: 0px;
	margin-bottom: 20px;
	font-size: 1.4em;
}
.breakoutBox p {
	margin-top: 0px;
	line-height: 1em;
}
/* breakoutBoxRed */
.breakoutBoxRed {
	overflow: auto;
	margin: 31px 0;
	padding: 15px 10px 0px 15px;
	border: 2px solid #666666;
	background: rgb(227,121,127);
	background: linear-gradient(333deg, rgba(227,121,127,1) 0%, rgba(210,38,48,1) 10%, rgba(136,25,31,1) 100%);
	box-shadow: 4px 4px 8px #cccccc;
	border-radius: 25px;
	color: #333;
}
.breakoutBoxRed a, .breakoutBoxRed a:link, .breakoutBoxRed a:active {
	color:#eeeeee;
}
.breakoutBoxRed a:hover {
	color:#ffffff;
}
.breakoutBoxRed h3 {
	color: #ffffff;
	margin-top: 0px;
	margin-bottom: 20px;
}
.breakoutBoxRed p {
	margin-top: 0px;
	line-height: 1em;
}
/* breakoutBoxY */
.breakoutBoxY {
	overflow: auto;
	margin: 31px 0;
	padding: 10px 10px 5px 12px;
	border: 2px solid #cccccc;
	background: rgb(255,218,71);
	background: linear-gradient(333deg, rgba(255,255,232,1) 0%, rgba(255,218,71,1) 30%, rgba(229,158,21,1) 100%);
	box-shadow: 4px 4px 8px #dddddd;
	border-radius: 25px;
	color: #000;
}
.breakoutBoxY a, .breakoutBoxY a:link, .breakoutBoxY a:active {
	color:#000000;
}
.breakoutBoxY a:hover {
	color:#ffffff;
}
.breakoutBoxY h3 {
	color: #000000;
	margin-top: 0px;
	margin-bottom: 20px;
}
.breakoutBoxY h4 {
	font-style: normal;
}
.breakoutBoxY hr {
	background-color: #666666;
}
.breakoutBoxY p {
	margin-top: 0px;
	line-height: 1em;
}
/* breakoutBoxP */
.breakoutBoxP {
	overflow: auto;
	margin: 31px 0;
	padding: 10px 10px 5px 12px;
	border: 2px solid #cccccc;
	background: rgb(255,218,71);
	background: linear-gradient(333deg, rgba(255,255,232,1) 0%, rgba(255,218,71,1) 30%, rgba(229,158,21,1) 100%);
	box-shadow: 4px 4px 8px #dddddd;
	border-radius: 25px;
	color: #000;
}
.breakoutBoxP a, .breakoutBoxP a:link, .breakoutBoxP a:active {
	color:#000000;
}
.breakoutBoxP a:hover {
	color:#ffffff;
}
.breakoutBoxP h3 {
	color: #000000;
	margin-top: 0px;
	margin-bottom: 20px;
}
.breakoutBoxP h4 {
	font-style: normal;
}
.breakoutBoxP hr {
	background-color: #666666;
}
.breakoutBoxP p {
	margin-top: 0px;
	line-height: 1em;
}
/* breakoutBoxB */
.breakoutBoxB {
	overflow: auto;
	margin: 31px 0;
	padding: 10px 10px 5px 12px;
	border: 2px solid #cccccc;
	background: rgb(255,218,71);
	background: linear-gradient(333deg, #888888 0%, #555555 30%, #191919 100%);
	box-shadow: 4px 4px 8px #dddddd;
	border-radius: 25px;
	color: #000;
}
.breakoutBoxB a, .breakoutBoxB a:link, .breakoutBoxB a:active {
	color:#ffffff;
}
.breakoutBoxB a:hover {
	color:#ffffff;
}
.breakoutBoxB h3 {
	color: #000000;
	margin-top: 0px;
	margin-bottom: 20px;
}
.breakoutBoxB h4 {
	font-style: normal;
}
.breakoutBoxB hr {
	background-color: #666666;
}
.breakoutBoxB p {
	margin-top: 0px;
	line-height: 1em;
}
/* breakoutBoxQ */
.breakoutBoxQ {
	overflow: auto;
	margin: 0px 18px 31px 18px;
	padding: 15px 10px 0px 15px;
	border: 2px solid #cccccc;
	background: rgb(241,179,0);
	background: linear-gradient(333deg, rgba(0,0,0,1) 0%, rgba(241,179,0,1) 50%, rgba(245,185,7,1) 100%);
	box-shadow: 4px 4px 8px #dddddd;
	border-radius: 5px;
	color: #FFF;
	font-size: 1.3em;
	line-height: 1.6em;
	font-weightnormal;
}
.breakoutBoxQ a, .breakoutBoxQ a:link, .breakoutBoxQ a:active {
	color:#000000;
}
.breakoutBoxQ a:hover {
	color:#ffffff;
}
.breakoutBoxQ h3 {
	color: #000000;
	margin-top: 0px;
	margin-bottom: 20px;
}
.breakoutBoxQ hr {
	background-color: #666666;
}
.breakoutBoxQ p {
	margin-top: 0px;
	line-height: 1em;
}
/* breakoutBoxBlue */
.breakoutBoxBlue {
	overflow: auto;
	margin: 31px 0;
	padding: 15px 10px 0px 15px;
	border: 1px solid #A4CDD2;
	background-color: #F2FBFB;
	box-shadow: 4px 4px 8px #cccccc;
	border-radius: 25px;
	color: #333;
}
.eventBox {
	overflow: auto;
	margin: 0;
	padding: 10px 20px 20px 20px;
	border: 1px solid #bbb;
	background-color: #fbfbfb;
	border-radius: 25px;
	color: #333;
}
.spotlightBox {
	overflow: auto;
	margin: 10px 0;
	padding: 10px;
	border: 1px solid #aaaaaa;
	background-color: #eeeeee;
	border-radius: 15px;
	color: #333;
}
.uiYellow {
	color: #E7A407;
	font-size: 1.0em;
}
.uiIron {
	color: #888888;
}
.uiSteel {
	color: #D9A107;
}
.canvasColor {
	color: #D92A25;
}
.uiTrackColor {
	color: #F0B300;
}
.uiColorYellow {
	color: #F1B300;
	font-size: 1.5em;
}
.wsuColorCrimson {
	color: #A50E2D;
	font-size: 1.5em;
}
.uiColorCyan {
	color: #06B1CB;
	font-size: 1.5em;
}
.uiColorOrange {
	color: #E48865;
	font-size: 1.5em;
}
.uiColorGreen {
	color: #98B539;
	font-size: 1.5em;
}
.uiColorPurple {
	color: #9E75B4;
	font-size: 1.5em;
}
.uiColorGrey {
	color: #808080;
	font-size: 1.5em;
}
.uiColorGreyDark {
	color: #4D4D4D;
	font-size: 1.5em;
}
.uiColorGreyLight {
	color: #B1B3B4;
	font-size: 1.5em;
}
.uiColorBlack {
	color: #000000;
	font-size: 1.5em;
}
.smallfont {
	font-size: 0.9em;
}
.color1 {
	color: #F1B300;
}
.color2 {
	color: #F1B300;
}
.color3 {
	color: #F1B300;
}
.color4 {
	color: #F1B300;
}
.color5 {
	color: #F1B300;
}
.color6 {
	color: #F1B300;
}
.color7 {
	color: #F1B300;
}
.color8 {
	color: #F1B300;
}
.cetl-menu {
	font-size: 13px;
}
.cetl-menu h5 {
	font-size: 1.0em;

}
.cetl-menu a, .cetl-menu a:link, .cetl-menu a:active {
	color:#666666;
}
.cetl-menu a:hover {
	color:#1A8D9F;
}
.ui-menu1 {
	font-size: 0.9em;
	font-weight: bold;
}
.ui-menu1 a, .ui-menu1 a:link, .ui-menu1 a:active {
	color:#191919;
}
.ui-menu2 {
	font-size: 1.2em;
	font-weight: normal;
}
.ui-menu3 {
	font-size: 1.8em;
	font-weight: normal;
	color:#ffffff;
}
.ui-menuOrange {
	font-size: 1.2em;
	font-weight: bold;
	color:#E48865;
}
.ui-menuYellow {
	font-size: 1.2em;
	font-weight: bold;
	color:#E7A407;
}
.ui-menuGreen {
	font-size: 1.2em;
	font-weight: bold;
	color:#98B539;
}
.ui-menu2 a, .ui-menu2 a:link, .ui-menu2 a:active {
	color:#191919;
}
.ui-menu3 a, .ui-menu3 a:link, .ui-menu3 a:active {
	color:#191919;
}
.uiButton {
	background-color: #F3BA19; /* Yellow */
	border: none;
	color: white;
	padding: 10px 10px;
	margin: 0;
	text-align: center;
	font-weight: bold;
	display: inline-block;
	font-size: 16px;
}
.uiButton a, .uiButton a:link, .uiButton a:active {
	color:#000000;
}
.uiButton a:hover {
	color:#ffffff;
}
.uiButtonTopRight {
	float:right;
}
.featureButton {
	background-color: #005288; /* Yellow */
	border: none;
	color: white;
	padding: 10px 10px;
	margin: 0;
	text-align: center;
	font-weight: bold;
	display: inline-block;
	font-size: 16px;
}
.featureButton a, .featureButton a:link, .featureButton a:active {
	color:#ffffff;
}
.featureButton a:hover {
	color:#7EB3D9;
}
.featureButtonTopRight {
	float:right;
}
.search #loginHeader ul li, .search #loginHeader ul li:first-child {
	padding: 2px 0px 3px 10px;
	/* padding: 5px 20px 6px 19px; */
}
.workshopPage table {
	border-bottom: 1px dotted #999999;
	border-collapse:collapse;
}
.workshopPage table th {
	border-bottom: 1px dotted #999999;
}
.specialization li {
	line-height: 1.2em;
}
.workshopPage li {
	border-bottom: 0px dotted #999999;
}
.BUTTON_GVT {
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
   color: #000000;
   font-family: Arial;
   font-size: 17px;
   font-weight: 100;
   padding: 4px 8px 4px 8px;
   background-color: #F0B300;
   text-decoration: none;
   display: inline-block;
   cursor: pointer;
}

.BUTTON_GVT:hover {
   background: #F0B300;
   text-decoration: none;
}
h3 {
	line-height: 1.4em;
}
.postDate {
	color: #888888;
	font-size: 0.9em;
	font-style: italic;
}
.Publication {
	color: #444444;
	font-size: 0.85em;
	font-style: normal;
}
#facebookIcon img:hover {
  opacity: 0.9;
  filter: invert(100%);
  filter: alpha(opacity=90); /* For IE8 and earlier */
}
#facebookIcon a:hover {
	color:#F1B300;
}
/************ START checklist *****************/
.checklist {
	list-style-type: circle;
}
.checklist li {
	line-height: 2.4em;
}
.checklist a {
	font-weight: bold;
}
/************ START DEE table *****************/
#content2 table.deeTable {
	background-color: white;
	border-radius: 6px 6px 6px 6px;
	box-shadow: 0 0 5px #999999;
	margin: 10px 0 10px 3px;
	width: 99%;
}

#content2 table.deeTable tr td {
	border-left: 1px solid #DCDCDC;
	border-top: 1px solid #DCDCDC;
}

#content2 .entry-content table.deeTable th {
	background: none repeat-x scroll 0 0 #efefef;
	border: 1px solid #E0E0E0;
	font-size: .8em;
	line-height: 1.2em;
}

#content2 table.deeTable td.divider {
	background-color: #436188;
	color: white;
	font-weight: bold;
}

#content2 .deeTable td.divider a {
	color: #fff;
}

#content2 table.deeTable {
	border: 1px solid #dcdcdc;
}

.deeTable tr.odd td {
	white-space: nowrap;
}

.deeTable tr.even td {
	white-space: nowrap;
	background-color: #f3f3f3;
}

.deeTable3 td {
	padding-top: 20px;
}

.deeTable3 td {
	padding-top: 20px;
}

.deeTable3.contactUs img {
	margin-top: 10px;
}
/* Syllabus table */
#content2 table.checkList td.divider {
	background: url('../images/check-yellow-on-black.png') no-repeat scroll 5px 12px #555;
	font-size: .8em;
	padding: 10px 10px 5px 20px;
	line-height: 1.5em;
}
#content2 td.divider2 {
	font-size: 1.1em;
	padding: 10px 10px 5px 20px;
}
#content2 td.divider3 {
	font-size: 1.1em;
	padding: 10px 10px 5px 5px;
}
.tableHeader {
	font-size: 1.6em;
	font-style: normal;
    margin-top: 15px;
}
.registerNow {
	font-size: 1.2em;
	line-height: 1.5em;
	color:#555555;
}
.cetl-title-home a, .cetl-title-home a:link, .cetl-title-home a:active {
	color:#ffffff;
}
.cetl-title-home a:hover {
	color:#F1B300;
}
.emphasize {
  font-weight: normal;
  color: #6d77a7;
  font-size: 1.4em;
  line-height: 1.3em;
}