body  {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	background: #6b6b6b;
	margin: 0px;
	padding: 0px;
	text-align: left;
	color: #666;
}
A:link {color: #71b61e; text-decoration: none}
A:visited {color: #71b61e; text-decoration: none}
A:active {color: #71b61e; text-decoration: none}
A:hover {
	text-decoration: underline; color: #3fc6f4;
}
#absheader { 
	width: 100%; 
	height:197px;
	margin: 0px;
	text-align: center;
	background: #102b46;
	background-image:url(back-header.png);
	background-position:center;
} 
#headercontainer { 
	width: 1000px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid #000000;
	text-align: center; /* this overrides the text-align: center on the body element. */
} 
#headersidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: 20px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */

	height: 197px;
	background-image:url(shadow-left.png);
	padding: 0px; /* padding keeps the content of the div away from the edges */
	font-size:1px;
}
#headersidebar2 {
	float: right; /* since this element is floated, a width must be given */
	width: 20px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	height: 197px;
	background-image:url(shadow-right.png);
	padding: 0px; /* padding keeps the content of the div away from the edges */
	font-size:1px;
}
#headermainContent { 
	margin: 0px; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */
	padding: 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	height: 197px;
	float: left; 
} 
#searchbar { 
	width: 960px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	height: 25px;
	background: #0b2034;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid #000000;
	text-align: right; /* this overrides the text-align: center on the body element. */
	color:#FFFFFF;
} 
#headerfoto { 
	width: 960px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid #000000;
	text-align: right; /* this overrides the text-align: center on the body element. */
} 

#maincontainer { 
	width: 100%;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0px; /* the auto margins (in conjunction with a width) center the page */
	background: #b3b3b3;
	background-image:url(back-main.png);
	background-position:top;
	background-repeat:no-repeat;
	text-align: center; /* this overrides the text-align: center on the body element. */
} 

#mainContent { 
	width: 1000px;
	margin: 0px auto;/* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */
	text-align: left;
	background-image:url(shadow-main.png);
} 

#mainIN { 
	width: 960px;
	margin: 0px auto;/* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */
	text-align: left;
	margin-left:20px;
	margin-right:20px;
	margin-top:2px;
} 
#whitebar { 
	width: 960px;
	background-color:#FFFFFF;
	margin: 0px auto;
	text-align: left;
	margin-left:20px;
	margin-right:20px;
} 
#navbar { 
	width: 960px;
	margin: 0px auto;
	background-color:#FFFFFF;
	text-align: left;
	margin-left:20px;
	margin-right:20px;
} 
#mainINleft {
	float: left;
	width: 238px; 
	padding: 0px; /* padding keeps the content of the div away from the edges */
}
#mainINright {
	float: left;
	width: 216px;
	background-image:url(shadow-blue.png);
	background-repeat:repeat-x;
	padding-top:20px;
	padding-left:0px;
	padding-right:0px;
	text-align:center;
	/* border: 2px solid red; */
}
#mainINbody { 
	margin: 0px;
	margin-left:2px;
	padding: 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	padding-top:8px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:40px;
	float: left; 
/*	width: 476px;*/
	width: 504px;
	background-image:url(shadow-blue.png);
	background-repeat:repeat-x;
	font-family: Tahoma, Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#767676;
	line-height:16px;
	/* border: 2px solid blue; */
} 

#mainINbody h1{
	margin-top:0px;
	font-family: Calibri, Georgia, "Times New Roman", Times, serif;
	font-size:22px;
	font-weight:100;
	color:#12bcee;
} 

#mainINbody2 {
	margin: 0px;
	margin-left:2px;
	padding: 0px;
	padding-top:8px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:40px;
	float: left;
	width: 720px;
	background-image:url(shadow-blue.png);
	background-repeat:repeat-x;
	font-family: Tahoma, Verdana, Geneva, sans-serif;
	font-size:12px;
	line-height:16px;
	text-align: left;
} 

#mainINbody2 h1{
	margin-top:0px;
	font-family: Calibri, Georgia, "Times New Roman", Times, serif;
	font-size:22px;
		line-height:24px;
	font-weight:100;
	color:#12bcee;
} 

#footershadow { 
	width: 100%;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	height:14px;
	background-image:url(shadow-footer.png);
	margin: 0px auto; /* the auto margins (in conjunction with a width) center the page */
	clear:both;
} 
#absfooter { 
	width: 100%;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0px auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: center; /* this overrides the text-align: center on the body element. */
} 

#youarehere {
	width: 400px;
	padding-top:0px;
	padding-bottom:10px;
	padding-left:0px;
	padding-right:0px;
	text-align:left;
	font-size:10px;
    color: #767676;
    font-family: Tahoma,Verdana,Geneva,sans-serif;
}
#youarehere a{
    color: #71b61e;
}
#youarehere2 {
	width: 690px;
	padding-top:0px;
	padding-bottom:10px;
	padding-left:0px;
	padding-right:0px;
	text-align:left;
	font-size:10px;
    color: #767676;
    font-family: Tahoma,Verdana,Geneva,sans-serif;
}
#youarehere2 a{
    color: #71b61e;
}
/* #maincontainer #mainContent #mainIN #mainINbody2 table tbody tr td table {
	color: #666;
}
#maincontainer #mainContent #mainIN #mainINbody2 table tr td table tbody tr .try em {
	color: #000;
}
#maincontainer #mainContent #mainIN #mainINbody2 table tr td table tbody tr .try strong {
	color: #000;
}
#maincontainer #mainContent #mainIN #mainINbody2 table tr td div {
	color: #666;
}
#maincontainer #mainContent #mainIN #mainINbody2 table tr td div strong {
	color: #060;
}
#maincontainer #mainContent #mainIN #mainINbody2 table tr td strong {
	text-align: left;
}
#maincontainer #mainContent #mainIN #mainINbody2 table tr td u {
	color: #666;
} */

.exambutton {
background-image:url(button-exams.png);
background-repeat:no-repeat; 
height:46px; 
font-family:Calibri, 'Trebuchet MS', Arial, Helvetica, sans-serif; 
color:#523800; 
font-size:17px; 
vertical-align:middle; 
line-height:46px; 
text-align: center;
}

.exambutton A:link {color: #523800; text-decoration: none}
.exambutton A:visited {color: #523800; text-decoration: none}
.exambutton A:active {color: #523800; text-decoration: none}
.exambutton A:hover {
	text-decoration: underline;
}

.articlebutton {
background-image:url(button-article.png);
background-repeat:no-repeat;
background-position:center;
height:46px; 
font-family:Calibri, 'Trebuchet MS', Arial, Helvetica, sans-serif; 
color:#523800; 
font-size:14px; 
vertical-align:middle; 
line-height:46px; 
padding-left:25px;
}

.articlebutton2 {
background-image:url(button-article.png);
background-repeat:no-repeat;
background-position:center;
width:423px;
height:46px; 
font-family:Calibri, 'Trebuchet MS', Arial, Helvetica, sans-serif; 
color:#523800; 
font-size:14px; 
padding-left:40px;

display: flex;
justify-content: center;
align-items: center;
text-align: center;
margin: 0 auto;
}
* a:hover { text-decoration: underline; color: #3fc6f4; }

/*.articlebutton A:link {color: #523800; text-decoration: none}
.articlebutton A:visited {color: #523800; text-decoration: none}
.articlebutton A:active {color: #523800; text-decoration: none}
.articlebutton A:hover {
	text-decoration: underline;
}*/

table.withlines {
	border-collapse: collapse;
	width: 90%;
/*
	margin-left: auto;
	margin-right: auto;
*/
}

table.withlines tr {
	border: solid;
	border-width: 1px 0;
	border-color: #cccccc;
}

table.withlines td {
	padding: 4px;
}

table.withlines th {
	padding: 4px;
}

.ulcv {
	padding: 8px 25px;
	list-style-type: square;
}

h2 {
	font-family: Calibri, Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: 100;
	color: #12bcee;
} 

.spaceout {
	line-height: 150%;
}

.videoclass {
	margin: auto;
	width: 560px;
}

.smallinline {
	font-size: 11px;

}