@import url('reset-fonts-grids.css');
html {
	background-color:#FFFFFF;

}

body {
	background-image:url(/assets/images/ITSite/common/body_bg.jpg);
	background-repeat:repeat-x;
	font-size:80%;
}

#custom-doc {
	width: 998px;
	
	
	background-color:transparent;
}

a {
	color:#005F7F;
	text-decoration:underline;

}

a:hover {
	color:#005F7F;
	text-decoration:none;

}

H1, h2, h3, h4 {
	margin:.5em 0;
	padding:.5em 0;
	color:#00597C;
}



H1 {
	margin:0 0 .5em 0;
	padding:0 0 0 0;
	font-size:220%;
}
H2 {
	margin:0.5em 0;
	padding:0 0 0 0;
	font-size:160%;
}

.content H2 {	
	border-bottom: 1px dotted #00597C;

}

H3 {
	margin:.0em 0 .5em 0;
	padding:0 0 .7em 0;
	font-size:130%;
	color:#2B76AC;
	font-weight:normal;
	background-image:url(/assets/images/ITSite/common/h3-bg.png);
	background-position:bottom;
	background-repeat:repeat-x;
}

H4 {
	margin:0 0 .5em 0;
	padding:0 0 0 0;
	font-size:100%;
	font-weight:bold;
	color:#333;
}

p {
	margin-bottom:15px;
	line-height:130%;

}

strong {
    font-weight:bold;
}

em {
    font-weight:normal;
    font-style:italic;
}

.tools h3, hr {
	display: none;
}

.right {
	float:right;
}
.left {
	float:left;
}

.clear {
	clear: both;
}

.clearleft {
	clear:left;
}

.hide {
	display: none;
}


#hd {

}

#hd .branding {
	height: 135px;
	position:relative;
	background-image:url(/assets/images/ITSite/branding/branding-bg.jpg);	
	background-repeat:no-repeat;	
}

.site-title {
	display:none;
}

#hd .branding .logotype {
	float: left;
	width:215px;
	padding-left:5px;
	vertical-align:middle;
}

#hd .branding .logotype {
	float: left;
	width:120px;
	padding-left:5px;
	vertical-align:middle;
}

.homelink {

	display:inline;
}

.homelink img {
	margin:20px 0 0 30px;
}

#bd .breadcrumbs {
	height:34px;
	line-height:40px;
	padding: 0px 15px;
	margin:0 0 0px 0;
	font-size:90%;
}

#bd .breadcrumbs p {
	float:left;
	padding: 0px 0 0 0px;
	margin:0 0 0px 0;
	line-height:40px;
}

#bd .breadcrumbs ul li{
	display:inline;
	margin-left:3px;
	/*padding-left:10px;
	background-image:url(/assets/images/ITSite/navigation/breadcrumb-a-bg.jpg);
	background-repeat:no-repeat;
	background-position:0 4px;*/
}

#bd .breadcrumbs a, 
#bd .breadcrumbs b{
	color:#666;
}


.twocol .content {
	width:640px;
	margin-left:20px;
	margin-bottom:60px;
}

.onecol .content {
	width:auto;
	margin-left:20px;
	margin-right:20px;
	margin-bottom:60px;
}

.twocol .content ul, .onecol .content ul {
	margin:10px 20px;
}
.twocol .content ul li, .onecol .content ul li{
	margin:5px 0px;
	background-image:url(/assets/images/ITSite/common/blue-bullet.jpg);
	background-repeat:no-repeat;
	background-position:0 5px;
	padding-left:15px;
}

.twocol .content ul li a, .twocol .content ul li a {
/*	color:#000;
	text-decoration:none; */
}

.twocol .content ul li a:hover, .twocol .content ul li a:hover {
	color:#2B76AC;
	text-decoration:none;
}


.media {
	padding:20px 0;
}

/*********************************
	Purchase Box
**********************************/

.buy-online {
	background-color:#4086BB;
	background-image:url(/assets/images/ITSite/common/purchase-bg.jpg);
	background-repeat:no-repeat;
	padding:50px 0 20px 0;
	margin-bottom:10px;
}
.buy-online h3 {
	display:none;
}

.buy-online .price {
	font-size:360%;
	color:#fff;
	margin:0 10px 10px 60px;
	font-weight:bold;
}

.buy-online .price-info {
	color:#fff;
	margin-top:10px;
	font-weight:bold;
/*	font-size:80%; */
}

.buy-online .price-info p{
	margin:0;
	padding:0;
	line-height:120%;
	font-size:90%;
}

.buy-online div.button{
	clear:both;
	margin:0;
	padding:0;
}

span.line-through 
{
    text-decoration:line-through;
}

.buy-online div.button a{
	border:0;
	width:242px;
	height:46px;
	line-height:46px;
	background-image:url(/assets/images/ITSite/common/button-bg.jpg);
	background-repeat:no-repeat;
	margin:0 0px 0px 42px;
	padding:0;
	font-size:150%;
	color:#FFFFFF;
	cursor:pointer;
	display:block;
	text-align:center;
	text-decoration:none;
}
.buy-online div.button a:hover{
	background-image:url(/assets/images/ITSite/common/button-on-bg.jpg);
}

/*********************************
	Header Images
**********************************/
.header, .intro-panel{
	
	background-color:#D3E8F5;
	padding:0px 0px 0px 0px;
	margin:0px 0 20px;
	background-image:url(/assets/images/ITSite/headers/header1.jpg);
	background-position:right bottom;
	background-repeat:no-repeat;
	min-height:200px;
}

.header h2, .header h1, .intro-panel h2, .intro-panel h1 {
	color:#2B76AD;
	font-weight:normal;
	margin:0px 270px 0 20px;
	padding:20px 0 0 0;
	font-size:170%;
}


.header p, .intro-panel p {
	color:#000;
	margin:10px 270px 10px 20px;
	padding:0 0 0 0;
}



/*********************************
	General
**********************************/
#bd .right ul, #bd .right ol {
	list-style-position:outside;
	margin:0px 20px 10px;
	padding:10px;
}

#bd .right ul li {
	list-style-type:disc;
	margin:5px 0;
	color:#00597C;
}

#bd .right ol li {
	list-style-type: decimal;
	margin:5px 0 5px 10px;
	color:#00597C;
}


#bd {
	background-image: none;
	background-color:transparent;

}

#bd .content-wrapper{
	padding:0px 0px 0px 0px;
	background-color:transparent;
	margin:10px 0;
}




#bd .tools {
	height:23px;
	padding:0px 0 0 20px;
	margin:0 0 5px 0;
	clear:both;	
	background-repeat:no-repeat;
}



#bd .tools .tools-left {
	float: left;
}

#bd .tools .tools-left ul {
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
}


#bd .tools .tools-left ul li {
	display: inline-block;
    display: -moz-inline-stack; 
    *display:inline;
	float: left;
	padding: 0;
	margin: 0;

}

#bd .tools ul li a{
	color:#666;
	font-size:85%;
	display:block;
	padding:0 0 0 20px;
	margin: 0 10px 0 0;
	background-repeat:no-repeat;
	height:16px;
}

#bd .tools ul li a.print{
	background-image: url("/assets/images/ITSite/icons/icon-tools-print.png");

}

#bd .tools ul li a.refer{
	background-image: url("/assets/images/ITSite/icons/icon-tools-refer.png");
}

#bd .tools ul li a.bookmark{
	background-image: url("/assets/images/ITSite/icons/icon-tools-bookmark.png");
}

#bd .tools ul li a.chat{
	background-image: url("/assets/images/ITSite/icons/icon-tools-chat.png");
}

#bd .tools ul li a.top{
	background-image: url("/assets/images/ITSite/icons/icon-tools-top.png");
}




#bd .tools .tools-right {
	float: right;
}


#ft {
	clear:both;
	background-color:#fff;
	background-image:url(/assets/images/ITSite/common/footer-bg.jpg);
	background-repeat:repeat-x;

}

#ft .tertiary-nav {
	width:978px;
	margin:0 auto;
	padding:0 10px;
	height:163px;
	text-align:left;
}

#ft .panel {
	float:left;
	width:320px;

}

#ft .panel h3 {
	margin:20px 10px 5px 10px;
	padding:0 0 15px 0;
	background-image:url(/assets/images/ITSite/footer/footer-h3-bg.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
	border:0;
	font-size:90%;
	font-weight:normal;
	text-transform:uppercase;
	color:#000;
}

#ft .panel ul {
	margin:0 0 0 5px;
	padding:0;
	float:left;
}

#ft .panel ul li{
	margin:0;
	padding:0 0 0 15px;
	background-image:url(/assets/images/ITSite/common/blue-bullet.jpg);
	background-repeat:no-repeat;
	background-position:0 4px;
	
}

#ft .panel ul li a {
	text-decoration:none;
	color:#000;
	display:block;
	padding:0;
}
#ft .panel ul li a:hover {
	text-decoration:none;
	color:#2B76AD;
}

#ft .panel img{
	float:left;
	margin-left:10px;
}

.legals {
	width:958px;
	margin:0 auto;
	padding: 10px 20px;
	height: 50px;
	color:#000;
	font-size:93%;
	text-align:left;
}


.legals ul {
	border: 0;
	margin: 0;
	padding: 10px 0px 0px 0px;
	list-style-type: none;
	text-align: left;
}


.legals ul li {
	display: block;
	float: left;
	text-align: left;
	padding: 0;
	margin: 0;
}


.legals ul li a {
	color:#666;
	text-decoration:none;
	padding-right:10px;
}

.legals ul li a:hover {
	color:#2B76AD;
	text-decoration:none;
}



.content-wrapper {
	padding:10px;
	background-color:#fff;
}

#ft .right 
{
	width:auto;
}
/*********************************
	Form Elements
**********************************/
.content fieldset {
	margin:10px 0px 10px 0px;
	padding:10px 20px;
	background-color:#F4F4F4;
	border-bottom:1px solid #DEE2E9;
}

.content legend {
	background-color:#F4F4F4;
	padding: 5px 10px;
	margin-left:-10px;
}

.content .inputwrapper {
	clear:left;
	margin:5px 0;
	padding:5px 0;
}

.content label {
	width:100px;
	float:left;
	display:block;
	color:#2B76AC;
}
.content input, .inputwrapper textarea {
	width:250px;
}

.inputwrapper input.checkbox, .inputwrapper input.radio {
	width:auto;
	float:left;
	margin:0 20px;
	vertical-align:middle;
}

label.radio {
	width:auto;
}
.inputwrapper p {
	font-style:italic;
}

.inputwrapper input.submit {
	width:auto;
	padding:5px 10px;
	margin:10px 20px 0;
	background-color:#78CBED;
	background-image:url(/assets/images/ITSite/forms/button-bg.jpg);
	background-repeat:repeat-x;
	border:1px solid #5980BB;
	color:#000;
	cursor:pointer;
}
.inputwrapper input.submit:hover {
	background-color:#D2EBF7;
	background-image:url(/assets/images/ITSite/forms/button-bg-on.jpg);
	color:#fff;
}

.inputwrapper span {
	color:#990000;
} 

/*********************************
	Global Nav
**********************************/


.np {
    clear:both;
    position:absolute;
	bottom:0;
	right:0;
	
	background-color:transparent;

}

ul.globalnav {
	margin-left: 0pt;
	padding: 0pt;
	width:786px;
	height:33px;
	float:right;
	background-color:transparent;
	/*background-image:url(/assets/images/ITSite/navigation/global-nav.jpg);
	background-repeat: no-repeat;*/
}

.np:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}


.globalnav li {
	display: inline;
	float:left;
	padding:0 0px;
	font-size:110%;
	font-weight:bold;
	width:131px;

}

.globalnav li.home a {
	background-position:0px 0;
}
.globalnav li.home a:hover, .globalnav li.home a.selected  {
	background-position:0px -35px;
}

.globalnav li.channel1 a {
	background-position:-131px 0;
}
.globalnav li.channel1 a:hover, .globalnav li.channel1 a.selected {
	background-position:-131px -35px;
}

.globalnav li.channel2 a {
	background-position:-262px 0;
}
.globalnav li.channel2 a:hover, .globalnav li.channel2 a.selected  {
	background-position:-262px -35px;
}

.globalnav li.channel3 a {
	background-position:-393px 0;
}
.globalnav li.channel3 a:hover, .globalnav li.channel3 a.selected {
	background-position:-393px -35px;
}

.globalnav li.channel4 a {
	background-position:-524px 0;
}
.globalnav li.channel4 a:hover, .globalnav li.channel4 a.selected {
	background-position:-524px -35px;
}

.globalnav li.channel5 a {
	background-position:-655px 0;
}
.globalnav li.channel5 a:hover, .globalnav li.channel5 a.selected {
	background-position:-655px -35px;
}

.globalnav li.channel6 a {
	background-position:-786px 0;
}
.globalnav li.channel6 a:hover, .globalnav li.channel6 a.selected {
	background-position:-786px 0;
}


.globalnav li a {
	background-image:url(/assets/images/ITSite/navigation/global-nav.jpg);
	background-position:0 0;
	background-repeat:no-repeat;
	height:34px;
	line-height:34px;
	text-decoration:none;	
	display:block;
	padding:0px;
}
.globalnav li a:hover {
	background-image:url(/assets/images/ITSite/navigation/global-nav.jpg);
	background-repeat: no-repeat;
	color:#00597C;
	text-decoration:none;	
}

/* *************************************
	Secondary Navigation
*************************************** */

/* *************************************
	Tabbed Navigation
*************************************** */

.header .tabs, .intro-panel .tabs{

	padding:0 270px 0 20px;
	background-image:url(/assets/images/ITSite/navigation/tabs-bg.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	*margin-bottom:10px;
}

.tabs ul {
	margin:0;
	padding:0;
}

.tabs ul li {
	
	background-color:transparent;
	display:inline;
	float:left;
}

.tabs ul li a{
	display:block;
	width:169px;
	height:40px;
	background-image:url(/assets/images/ITSite/navigation/tab-nav.png);
	background-repeat:no-repeat;
	text-decoration:none;
}

.tabs ul li.tab1 a{
	background-position:0 0;
}
.tabs ul li.tab1 a:hover{
	background-position:0 -40px;
}

.tabs ul li.tab1 a.selected{
	background-position:0 -80px;
}

.tabs ul li.tab2 a{
	background-position:-169px 0;
}
.tabs ul li.tab2 a:hover{
	background-position:-169px -40px;
}

.tabs ul li.tab3 a{
	background-position:-338px 0;
}
.tabs ul li.tab3 a:hover{
	background-position:-338px -40px;
}

.tabs ul li.tab4 a{
	background-position:-507px 0;
}
.tabs ul li.tab4 a:hover{
	background-position:-507px -40px;
}

.modify{
	margin-bottom:20px;
}

.modify .intro-panel{

	min-height:200px;
}

.modify .tabs{
	margin:-60px 0 0px 20px;
}

.modify .tabs{
	*margin:-60px 0 20px 20px;
	*height:100%;
}
/* ***********************************
	Nav-tools 
*********************************** */
.nav-tools {
	float:right;
}

.nav-tools ul {
	margin:10px 0;
	padding:0;
}

.nav-tools ul li {
	margin:0;
	padding:0 5px;
	display:inline;
}
.nav-tools ul li a {
	text-decoration:none;
}
.nav-tools ul li a:hover {
	color:#fff;
}

/* ***********************************
	Nuggets
*********************************** */

.hero {
	width:454px;
	height:100px;
	/*background-color:yellow;*/
}

.text-nugget {
	width:474px;
	height:80px;
	background-image:url(/assets/images/ITSite/nuggets/nugget-bg.jpg);
	background-repeat:no-repeat;
	padding:10px;
	margin:0 0 10px 0;
}

.text-nugget h2 {
	font-size:110%;
	font-weight:bold;
	margin-right:;
	margin:0 100px 5px 0;
	padding:0;
	color:#2B76AD;
}

.text-nugget h2 a{
	color:#2B76AD;
}
.text-nugget p {
	font-size:85%;
	margin:0 100px 0 0;
	padding:0;
}

.nugget {
/*	margin:0 0 10px 0; */
	margin:0 0 0 0;
}

blockquote {
	float:right;
	width:200px;
	margin:0 10px 10px 10px;
	padding:10px 0px 10px 0px;
	border-left:1px dotted #ccc;
	text-align:right;
	font-size:160%;
	line-height:120%;
}

blockquote:before {
   content: "\201C";
   padding-right: 0.1em;
   font-size:150%;
}
blockquote:after {
   content: "\201D";
   padding-left: 0.1em;
   margin-right:0px;
   font-size:150%; 
}

.courselist {
	width:662px;
	height:210px;
	background-image:url(/assets/images/ITSite/common/course-list-bg.jpg);
	background-repeat:no-repeat;
}

.courselist ul {
	width:160px;
	margin-left:30px;
}

.courselist ul li img {
	vertical-align:middle;
	margin-right:5px;
}

.courselist ul li a {
	text-decoration:none;
	color:#000;
	font-weight:bold;
}

.courselist ul li a:hover {
	text-decoration:none;
	color:#2B76AD;
	font-weight:bold;
}
.courselist h2 {
	text-transform:uppercase;
	font-size:70%;
	color:#2B76AD;
	margin:10px 0 10px 20px;
	padding:0;
	background-image:none;
}

.courselist h3 {
	text-transform:uppercase;
	font-size:120%;
	color:#2B76AD;
	margin:0 0 10px 30px;
	padding:0;
	border:0;
	background-image:none;
}

ol
{
 margin:15px 20px;
}

ol li
{
 list-style:decimal;
 border-bottom:0;
 font-size:93%;
 margin:0;
 padding:5px 0 5px 0px;
 text-align:left;
 text-decoration:none;
}

.stormform ol li
{
    list-style-type:none;    
}

.right div a img{
	margin-bottom: 10px;
}