/* Master Layout */

body {
	background-color: #cccccc;	
	margin: 0px;
}

#mainFrame {
	position: relative;
	background-color: #ffffff;
	top: 0px;
	width: 100%;
	min-height: 900px;
}

#banner{
	position: relative;
	background-color: #f4efd1;
	background-image: url('../images/layout/banner_cpu.jpg');
	background-repeat: no-repeat;
	width: 100%;
	height: 148px;
}

#logo {
    position: absolute; 
    top: 17px; 
    right: 5px;
}

/* Begin Navigation */

#navContainer {
	position: relative;
    text-align: center;
	background-image: url('../images/layout/navBack.jpg');
	background-repeat: repeat-x;
	width: 100%;
	height: 42px;
}

#subNavContainer {
	position: relative;
	background-image: url('../images/layout/subNav.jpg');
	background-repeat: repeat-x;
	width: 100%;
	height: 22px;
	white-space: nowrap;
		
}

.navDivide {
	position: relative;
	float: left;
	background-image: url('../images/layout/navDivLines.jpg');
	background-repeat: no-repeat;
	top: 0px;
	width: 2px;
	height: 42px;
}

#navHome a {
	position: relative;
	float: left;
	display: block;
	background-image: url('../images/layout/home.jpg');
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 112px;
	height: 42px;
}

#navHome a:hover {
	background-position: -112px 0;
}

#navHome a:active {
	background-position: -112px 0;
}

#navHomeOn a {
	position: relative;
	float: left;
	display: block;
	background-image: url('../images/layout/home.jpg');
	background-repeat: no-repeat;
	background-position: -112px 0;
	width: 112px;
	height: 42px;
}

#navHomeOn a:hover {
	background-position: -112px 0;
}

#navHomeOn a:active {
	background-position: -112px 0;
}

#navExams a {
	position: relative;
	float: left;
	display: block;
	background-image: url('../images/layout/exams.jpg');
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 111px;
	height: 42px;
}

#navExams a:hover {
	background-position: -111px 0;
}

#navExams a:active {
	background-position: -111px 0;
}

#navExamsOn a {
	position: relative;
	float: left;
	display: block;
	background-image: url('../images/layout/exams.jpg');
	background-repeat: no-repeat;
	background-position: -111px 0;
	width: 111px;
	height: 42px;
}

#navExamsOn a:hover {
	background-position: -111px 0;
}

#navExamsOn a:active {
	background-position: -111px 0;
}

#navTakeExam a {
	position: relative;
	float: left;
	display: block;
	background-image: url('../images/layout/TakeExam.jpg');
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 111px;
	height: 42px;
}

#navTakeExam a:hover {
	background-position: -111px 0;
}

#navTakeExam a:active {
	background-position: -111px 0;
}

#navTakeExamOn a {
	position: relative;
	float: left;
	display: block;
	background-image: url('../images/layout/TakeExam.jpg');
	background-repeat: no-repeat;
	background-position: -111px 0;
	width: 111px;
	height: 42px;
}

#navTakeExamOn a:hover {
	background-position: -111px 0;
}

#navTakeExamOn a:active {
	background-position: -111px 0;
}

#navHosting a {
	position: relative;
	float: left;
	display: block;
	background-image: url('../images/layout/hosting.jpg');
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 110px;
	height: 42px;
}

#navHosting a:hover {
	background-position: -110px 0;
}

#navHosting a:active {
	background-position: -110px 0;
}

#navHostingOn a {
	position: relative;
	float: left;
	display: block;
	background-image: url('../images/layout/hosting.jpg');
	background-repeat: no-repeat;
	background-position: -110px 0;
	width: 110px;
	height: 42px;
}

#navHostingOn a:hover {
	background-position: -110px 0;
}

#navHostingOn a:active {
	background-position: -110px 0;
}

#navSoftware a {
	position: relative;
	float: left;
	display: block;
	background-image: url('../images/layout/software.jpg');
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 123px;
	height: 42px;
}

#navSoftware a:hover {
	background-position: -123px 0;
}

#navSoftware a:active {
	background-position: -123px 0;
}

#navSoftwareOn a {
	position: relative;
	float: left;
	display: block;
	background-image: url('../images/layout/software.jpg');
	background-repeat: no-repeat;
	background-position: -123px 0;
	width: 123px;
	height: 42px;
}

#navSoftwareOn a:hover {
	background-position: -123px 0;
}

#navSoftwareOn a:active {
	background-position: -123px 0;
}

#navCalendar a {
	position: relative;
	float: left;
	display: block;
	background-image: url('../images/layout/calendar.jpg');
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 111px;
	height: 42px;
}

#navCalendar a:hover {
	background-position: -111px 0;
}

#navCalendar a:active {
	background-position: -111px 0;
}

#navCalendarOn a {
	position: relative;
	float: left;
	display: block;
	background-image: url('../images/layout/calendar.jpg');
	background-repeat: no-repeat;
	background-position: -111px 0;
	width: 111px;
	height: 42px;
}

#navCalendarOn a:hover {
	background-position: -111px 0;
}

#navCalendarOn a:active {
	background-position: -111px 0;
}

#navCompany a {
	position: relative;
	float: left;
	display: block;
	background-image: url('../images/layout/company.jpg');
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 110px;
	height: 42px;
}

#navCompany a:hover {
	background-position: -110px 0;
}

#navCompany a:active {
	background-position: -110px 0;
}

#navCompanyOn a {
	position: relative;
	float: left;
	display: block;
	background-image: url('../images/layout/company.jpg');
	background-repeat: no-repeat;
	background-position: -110px 0;
	width: 110px;
	height: 42px;
}

#navCompanyOn a:hover {
	background-position: -110px 0;
}

#navCompanyOn a:active {
	background-position: -110px 0;
}

#navStore a {
	position: relative;
	float: left;
	display: block;
	background-image: url('../images/layout/store.jpg');
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 112px;
	height: 42px;
}

#navStore a:hover {
	background-position: -112px 0;
}

#navStore a:active {
	background-position: -112px 0;
}

#navStoreOn a {
	position: relative;
	float: left;
	display: block;
	background-image: url('../images/layout/store.jpg');
	background-repeat: no-repeat;
	background-position: -112px 0;
	width: 112px;
	height: 42px;
}

#navStoreOn a:hover {
	background-position: -112px 0;
}

#navStoreOn a:active {
	background-position: -112px 0;
}

#navContacts a {
	position: relative;
	float: left;
	display: block;
	background-image: url('../images/layout/contacts.jpg');
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 111px;
	height: 42px;
}

#navContacts a:hover {
	background-position: -111px 0;
}

#navContacts a:active {
	background-position: -111px 0;
}

#navContactsOn a {
	position: relative;
	float: left;
	display: block;
	background-image: url('../images/layout/contacts.jpg');
	background-repeat: no-repeat;
	background-position: -111px 0;
	width: 111px;
	height: 42px;
}

#navContactsOn a:hover {
	background-position: -111px 0;
}

#navContactsOn a:active {
	background-position: -111px 0;
}

#subNavMenu {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	left: 30px;
}

#subNavClosures {
	position: absolute;
	top: 4px;
	right: 20px;
}

#subNavDateTime {
	position: absolute;
	top: 4px;
	left: 20px;
}

#subNavMenuItems {
	position: absolute;
	top: 4px;
	left: 20px;
	font-family: Verdana;
	font-size: 8pt;
	font-weight: bold;
	color: #5f423c;
}

/* End Navigation */

/* Begin Content Area */

#contentAreaText {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	padding-top: 12px;
	padding-bottom: 275px;
	padding-left: 24px;
	padding-right: 24px;
}

#contentRegister a {
	display: block;
	background-image: url('../images/register.gif');
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 225px;
	height: 50px;
}

#contentRegister a:hover {
	background-position: -225px 0;
}

#contentRegister a:active {
	background-position: -225px 0;
}

/* End Content Area */

/* Begin Footer */

#footerContainer {
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	background-image: url('../images/layout/footSep.jpg');
    background-repeat: repeat-x;
	background-color: #eeeeee;
	bottom: 0px;
	width: 100%;
	height: 250px;
}

#ataGlanceContainer {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    top: 0px;
    width: 800px;
}

.ataGlanceLabel {
	position: absolute;
	background-image: url('../images/layout/ataGlanceLabel.jpg');
	background-repeat: no-repeat;
	top: 12px;
	width: 250px;
	height: 36px;
}

.ataGlanceLabelText {
	position: absolute;
	top: 11px;
	left: 11px;
}

.ataGlanceRSS /*a*/ {
	position: absolute;
	/*background-image:url('../images/layout/rssIcon.jpg');
	background-repeat: no-repeat; */
	top: 6px;
	right: 11px;
	width: 14px;
	height: 14px;
}

.ataGlanceWindow {
	position: absolute;
	background-image: url('../images/layout/ataGlanceWindow.jpg');
	background-repeat: no-repeat;
	text-align: left;
	top: 50px;
	width: 250px;
	height: 163px;
}

.ataGlanceText {
	position: absolute;
	top: 5px;
	left: 5px;
	width: 242px;
	height: 153px;
	font-family: Verdana;
	font-size: 8pt;
	font-weight: normal;
	color: #5f423c;
	
	/*scrollbar-base-color: #4f6b9d;
	scrollbar-face-color: #bcc7d9;
	scrollbar-track-color: #4f6b9d;
	scrollbar-arrow-color: #6b5929;
	scrollbar-highlight-color: #eeeeee;
	scrollbar-3dlight-color: #eeeeee;
	scrollbar-shadow-color: #eeeeee;
	scrollbar-darkshadow-color: #333333;*/
	
	overflow: auto;
}

#footerCopy {
	position: absolute;
	bottom: 18px;
	left: 12px;
	width: 65%;
	height: 10px;
	text-align: left;
	font-family: Verdana;
	font-size: 7pt;
	font-weight: normal;
	color: #5f423c;
}

#footerTermsPrivacy {
	position: absolute;
	bottom: 18px;
	right: 12px;
	width: 35%;
	height: 10px;
	text-align: right;
	font-family: Verdana;
	font-size: 7pt;
	font-weight: normal;
	color: #5f423c;
}

/* End Footer */

/* Begin Table Controls */

table.tblbase {
    
    border: solid 1px #555555;
    border-collapse: collapse;
    
}

table.tblbase th{
    
    border: solid 1px #555555;
    border-collapse: collapse;
    background-color: #dddddd;
    
}

table.tblbase td{
    
    border: solid 1px #555555;
    border-collapse: collapse;
    
}

/* End Table Controls */

/* Begin Text Controls */

.text {
	font-family: Verdana;
	font-size: 8pt;
	font-weight: normal;
	color: #333333;
}

.boldText {
	font-family: Verdana;
	font-size: 8pt;
	font-weight: bold;
	color: #333333;
}

.alertText {
	font-family: Verdana;
	font-size: 8pt;
	font-weight: normal;
	color: #ff0000;
}

.alertBoldText {
	font-family: Verdana;
	font-size: 8pt;
	font-weight: bold;
	color: #ff0000;
}

.medText {
	font-family: Verdana;
	font-size: 10pt;
	font-weight: normal;
	color: #333333;
}

.medBoldText{
	font-family: Verdana;
	font-size: 10pt;
	font-weight: bold;
	color: #333333;
}

.medAlertText{
	font-family: Verdana;
	font-size: 10pt;
	font-weight: normal;
	color: #ff0000;
}

.medBoldAlertText{
	font-family: Verdana;
	font-size: 10pt;
	font-weight: bold;
	color: #ff0000;
}

.largeText {
	font-family: Verdana;
	font-size: 12pt;
	font-weight: normal;
	color: #333333;
}

.largeBoldText {
	font-family: Verdana;
	font-size: 12pt;
	font-weight: bold;
	color: #333333;
}

.largeAlertText {
	font-family: Verdana;
	font-size: 12pt;
	font-weight: normal;
	color: #ff0000;
}

.largeBoldAlertText {
	font-family: Verdana;
	font-size: 12pt;
	font-weight: bold;
	color: #ff0000;
}

/* End Text Controls */

/* Begin Links */

a:link {
	/*color: #3b5b72;*/
	color: #009900;
	text-decoration: underline;	
}
a:hover {
	/*color: #3b5b72;*/
	color: #009900;
	text-decoration: none;
}

a:visited {
	/*color: #3b5b72;*/
	color: #009900;
	text-decoration: underline;	
}

a:active {
	/*color: #3b5b72;*/
	color: #009900;
	text-decoration: none;
}

a:hover {
	/*color: #3b5b72;*/
	color: #009900;
	text-decoration: none;
}

.navText a:link {
	font-family: Verdana;
	font-size: 10pt;
	font-weight: normal;
	text-decoration: none; 
	color: #5f423c;
}

.navText a:hover {
	font-family: Verdana;
	font-size: 10pt;
	font-weight: normal;
	text-decoration: none;
	color: #5f423c;
}

.navText a:visited {
	font-family: Verdana;
	font-size: 10pt;
	font-weight: normal;
	text-decoration: underline;
	color: #5f423c;
}

.navText a:active {
	font-family: Verdana;
	font-size: 10pt;
	font-weight: normal;
	text-decoration: none;
	color: #5f423c;
}

.navText a:hover {
	font-family: Verdana;
	font-size: 10pt;
	font-weight: normal;
	text-decoration: none;
	color: #5f423c;
}

/* End Links */