@import url("css/menu.css");

/* ****** Default Tag Styles ****** */
html, body, ul, ol, li, 
dl, dt, dd, p, div,
h1, h2, h3, h4, h5, h6, 
form, fieldset, a, img { 
	border: 0;
	margin: 0; 
	padding: 0; 
} 


html { font-size: 100.01%; }
body {
	color: #333;
	font: normal 62.5%/1.5em verdana, arial, sans-serif;
}

h1, h2, h3, h4, h5, h6 { 
	color: #0274bb;
	line-height: 1.6em; 
}

h1 { 
	font-size: 3.5em;
	line-height: 1.2em;
	padding-bottom: .25em;
}
h2 { font-size: 2.5em; }
h3 { font-size: 1.8em; }
h4 { font-size: 1.6em; }
h5 { font-size: 1.4em; }
h6 { 
	color: #666;
	font-size: 1.2em; 
	margin-bottom: 15px;
}

p { 
	font-size: 1.2em; 
	margin-bottom: 15px;
}	

 ul, ol { 
	margin-left: 20px;
	font-size: 1.2em;
	margin-bottom: 15px;
}
ol { margin-left: 27px; }

ul ul,
ol  ol { 
	margin-left: 16px;
	font-size: 1.1em;
	margin-bottom: 0;
}
ol  ol { margin-left: 25px; }

ul ul ul,
ol  ol ol { 
	margin-left: 20px;
	font-size: 1em;
}

a:link, a:visited { 
	color: #333333;
	text-decoration: none; 
}
a:visited { color: #666666; }
a:hover, a:active { 
	color: #333333;
	text-decoration: underline; 
}

legend { 
	margin: -9999px;
	position: absolute; 
}

table, td { 
	border: 0;
	text-align: left; 
}

/* ****** Main Container ****** */
#outerContainer { 
	background-color: #e9e9e9;
	height: 100%;
	text-align: center; 
}
#centerContainer {
	margin: 0 auto;
	width: 960px; 
}

/* ****** START Header Area Styles ****** */
.headerArea {
	background: url(images/header-banner.gif) no-repeat 0 0;
	height: 156px;
	padding-left: 2.5em;
	width: 100%; 
}
.logo a {
	float: left;
	height: 78px;
	margin: 2em 2em 0;
	width: 380px; 
}

/* Main (Top) Navigation Styles */
.mainNav {
	float: left;
	height: 25px;
	margin: .9em 0 0 0;
	width: 905px; 

}
.menuTabs {
	float: left;
	width: 732px; 
}

.remoteSupport {
	float: right;
	height: 25px;
	width: 110px;
}

.remoteSupport a,
.remoteSupport a:link,
.remoteSupport a:visited {
	background: url(images/nav-remote.gif) no-repeat 0 0;
	color: #fff;
	display: block;
	font-weight: bold;
	padding: .4em 0 .6em;
}
.remoteSupport a:hover { 
	background: url(images/nav-remote-hover.gif) no-repeat 0 0; 
	color: #464545;
	text-decoration: none;
}

/* Quick Access - Login Area Styles */
.quickAccessMenu {
	color: #fff; 
	float: left;
	font: normal .9em verdana,arial;
	margin-top: .25em;
	width: 930px;
}
.quickAccessMenu span { 
	display: inline-block;
	padding-top: .25em; 
}

.quickAccessMenu a:link, .quickAccessMenu a:visited { 
	color: #fff; 
	font-weight: bold;
}
.quickAccessMenu a:hover { 
	color: #fff;
	text-decoration: underline; 
}

.breadcrumbs {
	float: left;
	font: normal 1.2em verdana,arial;
	margin: .25em 0 0 .75em;
}
.menuItems { 
	float: right; 
	margin: 0 .75em 0 0;
}
.menuItems li { 
	display: inline;
	height: 20px; 
	padding: .1em .5em 0;
}

li.loginItem  { padding-top: .25em; }

li.loginItem  a,
li.loginItem  a:link,
li.loginItem a:visited { 
	background: url(images/button-logoff.gif) no-repeat 0 0;
	display: inline-block;	
	height: 17px;
	margin-right: 1em;
	text-align: center;
	width: 55px; 
}
 li.loginItem  a:hover { 
	background: url(images/button-logoff-hover.gif) no-repeat 0 0;
	text-decoration: none;
}

/* ****** START Inner Container/ Left/Right Column Styles ****** */
.innerContainer {
	background: url(images/page-middle.gif) repeat-y 0 0;
	float: left;
	padding: 1em 0;
	width: 960px;
}

.rightCol,
.leftCol {
	float: left;
    margin: .5em .5em .5em 0;
	text-align: left;
	width: 210px; 
}

.rightCol { 
	float: right; 
	margin-right: 2em;
}

.rightCol .c_head,
.leftCol .c_head { padding: 0; }

.rightCol .title,
.leftCol .title { 
	background: url(images/leftnav-top.gif) no-repeat 0 0;
	color: #fff;
    height: 19px;
	width: 200px;
}

.rightCol .title {
    background: url(images/latestnews-top.gif) no-repeat right 0;
    height: 30px;
}

.date { 
	display: block;
	font: bold .6em verdana; 
}

.DNN_ANN_DesignTable .SubHead {
	color: #0274bb;
	font-size: .8em;
}

.rightCol p,
.leftCol p { margin: 0; }

.rightCol .DNN_ANN_DesignTable a {
	color: #0274bb;
	float: right;
}

.leftCol .SubHead {
	color: #0274bb;
	font-size: .8em;
}

.rightCol .title .Head { 
    color: #fff;
    display: inline-block; 
	font-size: 1.1em;
    padding: .5em .5em 0; 
 }
 
.rightCol .c_content ,
.leftCol .c_content { 
	background: url(images/leftnav-middle.gif) repeat 0 0; 
	width: 200px; 
}

.rightCol .c_content div,
.leftCol .c_content div { padding: 0; } 

.rightCol .c_footer,
.leftCol .c_footer {
    background: url(images/leftnav-bottom.gif) no-repeat 0 bottom;
	clear: both;
    height: 12px;
	padding: 0;
    width: 200px;  
}

/* Login Areas */
.loginTable {
	background: url(images/login-box.gif) no-repeat 0 0; 
	height: 260px; 
	padding-top: 2.5em;
	margin: 0 0 0 20em;
	width: 20em;
}
.loginTable table { margin: 0 1em 0; }
.loginTable table label a { display: none; }

.loginTable .button { 
	background: url(images/button-login.gif) no-repeat 0 bottom;
	border: 0;
	color: #fff;
	cursor: pointer;
	font: bold .7em verdana;
	height: 19px;
	margin-top: .5em;
	padding: 0;
	text-align: center;
	width: 55px;
}
.loginTable .button:hover { background: url(images/button-login-hover.gif) no-repeat 0 0; }

.loginLinks {
	color: #0274bb;
	font-size: .7em;
	padding-left: 1.3em;
}

.custLogin { 
	margin: 5em auto 20em;
	text-align: left; 
	width: 30em;
}

.custLogin div { margin-bottom: 1em; }

.custLogin label {
	display: inline-block;
	font-weight: bold;
	width: 10em;
}

.custLogin input { width: 10em; }

.custLogin .button { 
	background: url(images/button-login.gif) no-repeat 0 bottom;
	border: 0;
	color: #fff;
	cursor: pointer;
	float: right;
	font: bold 1em verdana;
	height: 19px;
	margin: .5em 5.5em 0 0;
	padding: 0;
	text-align: center;
	width: 55px;
}

.custLogin .button:hover { background: url(images/button-login-hover.gif) no-repeat 0 bottom; }

/* ****** START Content Area Styles ****** */
.contentArea {
	background-color: #fff;
	float: left;
	margin-left: 3em;
	padding-bottom: 20px;
	text-align: left;	
	width: 600px; 
}
.home .contentArea { width: 650px; }
.wide .contentArea { width: 880px; }

.contentArea a,
.contentArea a:link {
	color: #52799d;
	text-decoration: underline;
}
.contentArea a:visited {
	color: #666;
	text-decoration: underline;
}
.contentArea a:hover,
.contentArea a:active {
	color: #999;
	text-decoration: underline;
}

.backTop { margin-right: 33px; }
.backTop a {
	background: url(images/icon-topPage.jpg) no-repeat 0 0;
	clear: both;
	float: right;
	height: 22px;
	margin: 10px 5px 0;
	width: 38px; 
}

/* ****** START Footer Area Styles ****** */
.footerArea {
	background: url(images/bg-footer.gif) no-repeat 0 0;
	clear: both;
	font-weight: bold;
	height: 104px;
	padding: .5em 0;
	text-align: center;
	width: 100%; 
}

.footerArea ul { margin: 0 14%; }

.footerArea li {
	background-position: center center;
	background-repeat: no-repeat;
	border-right: 1px solid #c5cdd5;
	float: left;
	height: 80px;
	list-style-type: none;
}
.footerArea .last { border-right: 0; }

.footerArea span {
	position: absolute;
	margin: -9999px;
}

.medtech  {
	background-image: url(images/logo-medtech.gif);
	width: 100px; padding-right: 1em
}
.msCert  {
	background-image: url(images/logo-microsoft.gif);
	width: 113px;
}
.nexus  {
	background-image: url(images/logo-nexus.gif);
	width: 131px;
}
.healthLink  {
	background-image: url(images/logo-healthlink.gif);
	width: 189px;
}
.hpReg  {
	background-image: url(images/logo-hp.gif);
	width: 136px;
}

/* copyright styles */
.copyright {
	border: 1px solid #cad5df;
	color: #2074bb;
	border-right: 0;
	border-left: 0;
	font-weight: bold;
	padding: .5em 0;
	text-align: center;
}
.copyright span { color: #2074bb; }

.copyright a,
.copyright a:link,
.copyright a:visited,
.copyright a:hover  { 
	color: #e9e9e9; 
	font-size: 1.1em;
}


/* ****** START Generic Styles ****** */
.floatLeft { 
	float: left; 
	width: 100%;
}
.clearAll { clear: both; }
.noDisplay { display: none; }

li.last { border-right: 0; }