/* begin CTE css */

/*

   .7em ~ 11px

*/
/* STYLES FOR NAVIGATION */

.nav-td {
	width: 248px;
	border-right: 1px solid #A8BECF;
}

/* Top most dark blue heading */

.deptheader a {
	font-size: 0.7em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #003366;
	background: #FFF;
	padding: 5px 2px 5px 15px;
	display: block;
	text-decoration: none;
}

.deptheader a:hover {
	background: #6699CC;
	color: #FFFFFF;
}

/* Gray headings */

.sidenav a{
	font-size: 0.7em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	display: block;
	padding: 4px 4px 4px 15px;
	font-weight: bold;
	color: #666;
	background: #FFF;
	text-decoration: none;
}

.sidenav a:hover {
	background: #6699CC;
	color: #FFFFFF;
}

.sidenavNoLink{
	font-size: 0.7em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	display: block;
	padding: 4px 4px 4px 15px;
	font-weight: bold;
	color: #666;
	background: #FFF;
	text-decoration: none;
}

/* Second Level */

.linkStyle a {
	font-size: 0.7em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	display: block;
	padding: 8px 4px 8px 15px;
	color: #006699;
	text-decoration: none;
}

.linkStyle a:hover {
	background: #6699CC;
	color: #FFFFFF;
}

/* Third Level Links  */

.linkStyle2 a {
	font-size: 0.7em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #006699;
	display: block;
	padding: 2px 10px 2px 35px;
	background: #FFF;
	text-decoration: none;
}

.linkStyle2 a:hover {
	background: #6699CC;
	color: #FFFFFF;
}

/* Light blue horizontal line dividing sidenav elements */

.linkBreakBlue {
	display: block;
	border-bottom: 1px solid #A8BECF;
	text-decoration: none;
}

/* Vertical line dividing nav from content  */

.verticalRedLine {
        border-right: 1px solid #A8BECF;
}
                                                                                                                                                                              
/* STYLES FOR CONTENT */

                                
/* Margins for main content */
.contentMargins {
	display: block;
	margin: 0px 20px 0px 15px;
	text-align: left;
}

.topContent {
	float: left;
	width: 42.5em;
	background: #FFFFFF;
	margin: 8px 0px 10px 0px;
	display: inline;
}

#columnContent {
	float: left;
	width: 42.5em;
	background: #FFFFFF;
	margin: 8px 0px 0px 0px;
	display: inline;
}


/* CTE Department page */

#container { 
	width: 932px;
	text-align: left;
} 

/* Tips for sidebar1:
1. Since we are working in relative units, it's best not to use padding on the sidebar. It will be added to the overall width for standards compliant browsers creating an unknown actual width. 
2. Since em units are used for the sidebar value, be aware that its width will vary with different default text sizes.
3. Space between the side of the div and the elements within it can be created by placing a left and right margin on those elements as seen in the ".twoColHybRt #sidebar1 p" rule.
*/
#sidebar {
	float: right;
	width: 300px;
	padding: 20px 0 0 0;
	margin: 20px 0 0 0;
}

#sidebar p {
	text-align: left;
}

#sidebar td, th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	line-height: 18px;
	text-align: left;
	vertical-align:top;
}

#mainContent td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	line-height: 19px;
	text-align: left;
	background-color: #f6f2cc;
}

#mainContent {
	margin: 0 310px 0 0;
	padding: 5px 15px; 
	min-width: 585px;
}

/*Certificates 2 column list */

#container-cert-list {
	width: 100%;
	display: inline;
	margin: 0 0 0 0px;
	padding: 0px 0px 0px 0px;
}


#cert-list-left {
	float: left;
	width: 50%;
	margin: 0 0 0 0px;
	padding: 0px 0px 0px 0px;
	border-top: none;
	border-bottom: none;
	border-right: none;
	display: inline;
}

#cert-list-right { 
	width: 50%;
	float: left;
	margin: 0 0 0 0px;
	padding: 0px 0px 0px 0px;
	border-top: none;
	border-bottom: none;
	border-right: none;
	display: inline;
}

#cert-list-left ul, #cert-list-right ul
{
margin: 0 0 0 0px;
  padding-left: 15px;
}

#cert-list-left li, #cert-list-right li
{
list-style: none;
margin: 0 0 0 0px;
padding: 0.25em;
border-top: 1px solid #69C;
}

#cert-list-left li a { text-decoration: none; }

.column1 {
	float: left;
	width: 20.5em;
	display: inline;
}

.column2 {
	float: left;
	width: 20.5em;
	display: inline;
	overflow: hidden;
	margin-left: 22px;
} 


#column1 {
	float: left;
	width: 65%;
	padding: 0 26em 4em 0em;
	display: inline;
}

#column2 {
	float: left;
	width: 30%;
	margin: 0 0 4em -25em; /* this creates a mathematical layout width of -1 */
	display: inline;
	overflow: hidden;
}

body {     
	background-color: #FFFFFF;
	}
	     
p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	line-height: 18px;
	color: #000000;
	text-align:justify;
	padding-top: 0px;
}


.bodytext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	line-height: 18px;
	color: #000000;
	text-align: left;
	padding-top: 0px;
}

.bodytext-style {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

ul {
	list-style-position: outside;
	list-style-type: square;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	color: #000000;
	line-height: 16px;
}

li ul {
	font-size: 100%;
	font-weight: normal;
	}

blockquote {
	list-style-position: outside;
	list-style-type: square;
	color: #000000;
}

.ul-linespace {
	line-height: 22px;
}

ol {
	list-style-position: outside;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	color: #000000;
	line-height: 16px;
}
     
.pageHeading{
     font-family: Arial, Helvetica, sans-serif;
     color: #006600;
     font-size: 12pt;
     font-weight: Bold;
} 

h1 {
     font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
     font-size: 1.0em;
     font-weight: bold;
     text-decoration: none;
     color: #336699;
	 padding-top: 5px;
}

h2 {
    font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
    font-size: 0.9em;
    font-weight: bold;
    text-decoration: none;
    color: #336699;
	line-height: 23px;
	text-align: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	
}

h3 {
    font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
    font-size: 0.85em;
    font-weight: bold;
    text-decoration: none;
    color: #696f75;
	line-height: 23px;
	text-align: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-bottom: -12px;
}


   /* Subtitles */
.subHeadings {
        font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
        font-size: 0.85em;
        font-weight: bold;
        text-decoration: none;
        color: #336699;
}

.Heading{
     font-family: Arial, Helvetica, sans-serif;
     color: #336699;
     font-size: 11pt;
     font-weight: Bold;
}    
.subHeading{
     font-family: Arial, Helvetica, sans-serif;
     color: #000000;
     font-size: 11pt;
     font-weight: Bold;
}


/* Yellow horizontal line used in body of pages */

hr {
	height: 1px;
	border-style: solid;
	border-color: #829e81;
	background: #829e81;
}

/* Green horizontal line used in body of pages */

.linkBreak2 {
	display: block;
	border-bottom: 1px solid #368c32;
}

input {
     font-size: 10pt;
     font-family: Courier New;
}
	.buttons{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
}
blockquote {
     font-family: Arial, Helvetica, sans-serif;
     color: #000000;
     font-size: 10pt
}
.link { 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10pt; 
	color: #FFFFFF; 
	text-decoration: none; 
	font-weight: bold
}
	 
.link:hover {
	color: #CD8E25;
	 text-decoration: none
}

.link:active {
	color: #FFCC66;
	 text-decoration: underline
}

   /* text wrap around image flush right */

.float-right-wrap {
	float: right;
	padding: 0;
	width: auto;
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 10px;
}

.float-right-wrap2 {
	float: right;
	padding: 0;
	width: auto;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 10px;
}

.float-left-wrap {
	float: left;
	padding: 0;
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0;
	clear: none;
}

.float-left-wrap2 {
	float: left;
	padding: 0;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0;
	clear: none;
}

.clearAll {
        clear: both;
}