/* Sets element margins, padding, and border to 0 to even out browser differences when adding desired values later. */
html, body, div, p, h1, h2, h3, h4, h5, h6, blockquote, ol, ul, li, dl, dt, dd, td, form, fieldset, a, img, button {
     border-style: none;
    border-color: inherit;
    border-width: 0;
    margin: 0;
    padding: 0;
    text-align: left;
}

body{
	text-align:center;
	background-color:#f0f0f0;
	background:url('Images/background.jpg') no-repeat fixed center top transparent;

	background-attachment: fixed;
	background-position: center top;
	background-repeat: no-repeat;
	font-family:Calibri, Arial, Tahoma, Geneva, sans-serif;
	font-size:0.78em;
}

h1, h2, h3, h4, h5, h6 {font-family: Arial, Helvetica, Sans-Serif;}

h1, h2 {color:#0080C0;}

h3, h4, h5, h6 {color:#666666;}	
	
/*Typographics styles adapted from http://www.thenoodleincident.com/tutorials/typography/ */

h1 {
	margin:0.5em 0 0 0;
	font-size: 1.4em;
	font-weight: bold;
}
h2 {
    margin:0.5em 0 0 0;
	font-size: 1.3em;
	font-weight: bold;
}
h3 {
    margin:0.5em 0 0 0;
	font-size: 1.2em;
	font-weight: bold;
}
h4 {
	margin: 0.5em 0;
	font-size: 1.1em;
	font-weight: bold;
}
h5 {
	margin: 0.5em 0;
	font-size: 1em;
	font-weight: bold;
}
h6 {
	margin: 0.5em 0;
	font-size: 0.9em;
	font-weight: bold;
}
p  {
	margin: 1em 0;
	line-height: 1.5em;
}

a {text-decoration:underline;}

a:hover {text-decoration:none;}

.homePC a {
    display:block;
    width:100px;
    height:90px;
    background-color:Transparent;
    background-image:url(Images/pc_home.gif);
    background-repeat:no-repeat;
}

.homePC a:hover {
    background:url('Images/pc_home_hover.gif') no-repeat;
}

.eduPC a {
    display:block;
    width:100px;
    height:90px;
    background-color:Transparent;
    background-image:url(Images/pc_edu.gif);
    background-repeat:no-repeat;
}

.eduPC a:hover {
    background:url('Images/pc_edu_hover.gif') no-repeat;
}

.businessPC a {
    display:block;
    width:100px;
    height:90px;
    background-color:Transparent;
    background-image:url(Images/pc_business.gif);
    background-repeat:no-repeat;
}

.businessPC a:hover {
    background:url('Images/pc_business_hover.gif') no-repeat;
}

.entPC a {
    display:block;
    width:100px;
    height:90px;
    background-color:Transparent;
    background-image:url(Images/pc_ent.gif);
    background-repeat:no-repeat;
}

.entPC a:hover {
    background:url('Images/pc_ent_hover.gif') no-repeat;
}

.gamerPC a {
    display:block;
    width:100px;
    height:90px;
    background-color:Transparent;
    background-image:url(Images/pc_gamer.gif);
    background-repeat:no-repeat;
}

.gamerPC a:hover {
    background:url('Images/pc_gamer_hover.gif') no-repeat;
}

#wrapper{
	width:1100px;
	margin: 0 auto;
	padding-bottom:2px;
	border-left:2px solid #D8D8D8;
	border-right:2px solid #D8D8D8;	
    text-align:left;
    background-color:#FFFFFF;
	background-image:url(Images/main_bg.png);
	background-repeat:repeat-y;
	background-position: center top;
}
* html .wrapper {   /*** IE5.x/win box model fix ***/
	width: 1102px;
	width: 1100px;
}
#header
{
    width:1100px;
    height:146px; 
	position:relative;
	background-image:url(Images/header_bg.png);
	background-repeat:repeat-x; 
	background-color:#FFFFFF;
}
#logo{
	position:absolute;
	top:20px;
	left:20px;
	width:152px;
}
#banner{
	text-align:center;
	margin:0 152px;
}
#search{
	position:relative;
	bottom:5px;
	right:5px;
}
#mainnav {
	padding:0 172px;
	padding-top:15px;
	margin-bottom:-5px;
	border-bottom:solid 1px #CCCCCC;
	background-color:#F1F1F1;

}

* html #mainnav tr {height:0.8pt;}

#mainnav .item {
	padding: 11px 8px;
	color: #666666;
	font-weight: bold;
	text-transform: uppercase;
}

* html #mainnav .item {padding:7 20px;}

#mainnav .selected {
	color:#0080C0; 
	background-color:transparent;
}
#mainnav .hover {
	color:#999999;
	background-color:#FFFFFF; 
	
}

/* Keep IE from displaying the background images twice.*/
* html #mainnav .selected .selected, * html #mainnav .hover .hover {
	background-image:none; 
	background-color:transparent;
}
#contentwrapper{
	position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
	width: 758px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
	margin-left: 170px;    /*** Critical left col dimension value ***/
	border-left: 1px solid #EFEFEF;   /*** Critical left divider dimension value ***/
	border-right: 1px solid #EFEFEF;   /*** Critical right divider dimension value ***/
}
* html #contentwrapper {  /*** IE5.x/win box model fix ***/
	width: 760px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
	width: 758px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
}
#floatwrapper {
	float: left;
	width: 758px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
	margin-right: -1px;   /*** Static fix ***/
}
#centercolumn{
	float: right;
	width: 758px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
	/* \*/
	margin-left: -1px; 
	/* Hidden from IE-mac */
	padding-top:11px;
}
#breadcrumbs{
	position:absolute;
	top:5px;
	left:20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:0.9em;
	color:#666666;
}
#breadcrumbs a {
	color:#666666;
	text-decoration:underline;
}

#breadcrumbs a:hover {text-decoration:none;}

#copy a {color:#666666;}

#copy .container {
	margin:5px;
	padding:0 20px 15px 20px; 
	background-color:#FFFFFF;
}
	
/* \*/
* html #copy .container {height:1%;}
/* */

#copy img, #rightcolumn img {border:none;} /* 1px solid #999999;} */

#copy .teaser {
	margin-top:-0.2em;
	color:#999999;
	font-weight:normal;
}

/* google search */

.googleSearchBox 
{
    width:70px;
    border-color:#CCCCCC;
    border-style:solid;
    border-width:1px;
    font-size:1em;
}

.googleSearchButton 
{
    background-color:#DEDDDD;
    color:#000000;
    border-color:#999999;
    border-style:solid;
    border-width:1px;
    font-size:0.9em;
}

#copy td, #copy th {padding: 0.2em 0.5em;}

#copy td {
	padding: 0.2em 0.5em;
	font-family: Arial, Helvetica, sans-serif;
}
.txtBox {
    border:1px solid #CCCCCC;
    background-color:#F1F1F1;
}

.txtBox:focus {background-color:#FFFFFF;}

.ddl 
{
    border:1px solid #CCCCCC;
    background-color:#F1F1F1;
    font-family:Calibri, Arial, Tahoma;
}

.ddl:focus {background-color:#FFFFFF;}

#copy fieldset {	
	margin-bottom:1em;
	padding:1em;
	border:1px solid #CCCCCC;
}

#copy fieldset legend {
	color:#0055CC;
	background-color:#FFFFFF;
}

* html #copy legend {
	padding:0.5em;
}

div.readmore {
	text-align:right;
	font-size:0.9em;
}

#leftcolumn {
	position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
	width: 172px;    /*** Critical left col/divider dimension value ***/
	margin-left: -171px;    /*** Critical left col/divider dimension value ***/
	padding-top:5px;
}
* html #leftcolumn {
	float:left;	
	padding-top:25px;
}

*>html #leftcolumn {width:171px;}   /*** Fix only for IE/Mac ***/

#leftcolcontainer{width: 170px;}    /*** Critical left col dimension value ***/

#subnav {
	margin-bottom:40px; 
	margin-left:1px; 
	overflow:hidden;
}

* html #subnav tr {height:1.4em;}

#subnav .item {
	padding:2px 7px;
	background-color:#EFEFEF; 
	color:#333333; 
}

* html #subnav .item {padding:0 20px;}

#subnav .selected {
	background-color:#FFFFFF; 
	color:#0066FF;
}
#subnav .hover {
	color:#333333; 
	background-color:#F1F1F1;
}
#rightcolumn{
	float: left; 
	position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
	width: 172px;    /*** Critical right col/divider dimension value ***/
	margin-right: -170px;    /*** Critical right col/divider dimension value ***/
	margin-left: -1px;   /*** Static fix ***/
	padding-top:5px;
}

/* \*/
* html #rightcolumn {
	margin-left: 0px; 
	margin-right: -600px; 
	mar\gin-right: -172px;
	padding-top:25px;
}
/* */

/*** These commented-out rules below are there to explain the "Critical" info 
	for the rules above, because comments must not appear within the Mac-hack.
	The "rules" below are not active, they are just for teaching purposes. ***/

/*
* html .right {
margin-left: 0px;    *** Critical right divider dimension value ***
margin-right: -500px;    *** IE5.x/win fix, must be above a critical number, but very high values appear okay ***
mar\gin-right: -152px;    *** Critical right col/divider dimension value ***
}
*/

#rightcolcontainer{
	/* \*/
	width: 170px;
	/* Hidden from IE-Mac */   /*** Critical right col dimension value ***/
	margin-left: 3px;    /*** Critical right divider dimension value ***/
}
/* \*/
* html #rightcolcontainer {
	float: right;
	margin-left: 2px; 
	margin-left: 0px; 
}
/* */

.sidebarcontainer{
	border:1px solid #CCCCCC;
	margin:5px;
	padding:6px;
	background-color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
}

/* \*/
* html .sidebarcontainer {height:1%;}
/* */

.sidebarcontainer a {color:#666666;}

.sidebarcontainer li {list-style-type:none;}

#footer{
	clear:both;
	margin:1px 0;
	padding:2px 15px;	
	border-top:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	background-color:#EFEFEF;
	background-image:url(Images/footer_bg.gif);
	background-repeat:repeat;
	font-size:0.9em;
}
#footer a {
	margin:1px 5px;
	color:#666666; 
}
#footer2{
	clear:both;
	margin:1px 0;
	padding:2px 15px;	
	border-top:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	background-color:#EFEFEF;
	background-image:url(Images/footer_bg.gif);
	background-repeat:repeat;
	font-size:0.9em;
}
#footer2 a {
	margin:1px 5px;
	color:#666666; 
}
.button {
    border:1px solid #999999;
    color:#000000;
    background-color:#DEDDDD;
    font-size:1em;
}
.imgfloatright {
	float:right;
	display:inline;
	margin: 0.25em 0 0.25em 1em;
}
.imgfloatleft {
	float:left;
	display:inline;
	margin: 0.25em 1em 0.25em 0;
}


@media print {	
	body{
		font-size:11pt;
		line-height:13pt;
		background:#FFFFFF !important;
	}	
	#wrapper, #contentwrapper, #floatwrapper, #centercolumn, * html #wrapper, * html #contentwrapper, * html #floatwrapper, * html #centercolumn {
		width:auto !important;
		margin:auto !important;
	}

	#wrapper, #contentwrapper {border:none;}

	#mainnav{
		padding:0;
		text-align:center;
	}

	#leftcolumn, #rightcolumn, #search {display:none;}

	#wrapper, #header, #mainnav, #mainnav .item, #mainnav .selected, #copy .container, #footer, #footer2 {
		background:transparent;
	}
	#centercolumn {
		float:none;
		margin:0 1em 0 2.5em;
	}	

	#breadcrumbs {position:static;}

	#copy .container{
		margin:0;
		margin:0;
		border-style:none !important;
		border-width:0;
	}
	
    #copy fieldset {border:none;}

	#footer {		
		border-style:none !important;
		border-top:1px solid #000000;
	}
	
	#footer2 
	{
	   	border-style:none !important;
		border-top:1px solid #000000;
	}
} okay ***\par
mar\\gin-right: -152px;    *** Critical right col/divider dimension value ***\par
\}\par
*/\par
\par
#rightcolcontainer\{\par
\tab /* \\*/\par
\tab width: 170px;\par
\tab /* Hidden from IE-Mac */   /*** Critical right col dimension value ***/\par
\tab margin-left: 3px;    /*** Critical right divider dimension value ***/\par
\}\par
/* \\*/\par
* html #rightcolcontainer \{\par
\tab float: right;\par
\tab margin-left: 2px; \par
\tab margin-left: 0px; \par
\}\par
/* */\par
\par
.sidebarcontainer\{\par
\tab border:1px solid #CCCCCC;\par
\tab margin:5px;\par
\tab padding:6px;\par
\tab background-color:#FFFFFF;\par
\tab font-family:Arial, Helvetica, sans-serif;\par
\tab font-size:0.9em;\par
\}\par
\par
/* \\*/\par
* html .sidebarcontainer \{height:1%;\}\par
/* */\par
\par
.sidebarcontainer a \{color:#666666;\}\par
\par
.sidebarcontainer li \{list-style-type:none;\}\par
\par
#footer\{\par
\tab clear:both;\par
\tab margin:1px 0;\par
\tab padding:2px 15px;\tab\par
\tab border-top:1px solid #CCCCCC;\par
\tab border-bottom:1px solid #CCCCCC;\par
\tab background-color:#EFEFEF;\par
\tab background-image:url(Images/footer_bg.gif);\par
\tab background-repeat:repeat;\par
\tab font-size:0.9em;\par
\}\par
#footer a \{\par
\tab margin:1px 5px;\par
\tab color:#666666; \par
\}\par
#footer2\{\par
\tab clear:both;\par
\tab margin:1px 0;\par
\tab padding:2px 15px;\tab\par
\tab border-top:1px solid #CCCCCC;\par
\tab border-bottom:1px solid #CCCCCC;\par
\tab background-color:#EFEFEF;\par
\tab background-image:url(Images/footer_bg.gif);\par
\tab background-repeat:repeat;\par
\tab font-size:0.9em;\par
\}\par
#footer2 a \{\par
\tab margin:1px 5px;\par
\tab color:#666666; \par
\}\par
.button \{\par
    border:1px solid #999999;\par
    color:#000000;\par
    background-color:#DEDDDD;\par
    font-size:1em;\par
\}\par
.imgfloatright \{\par
\tab float:right;\par
\tab display:inline;\par
\tab margin: 0.25em 0 0.25em 1em;\par
\}\par
.imgfloatleft \{\par
\tab float:left;\par
\tab display:inline;\par
\tab margin: 0.25em 1em 0.25em 0;\par
\}\par
\par
\par
@media print \{\tab\par
\tab body\{\par
\tab\tab font-size:11pt;\par
\tab\tab line-height:13pt;\par
\tab\tab background:#FFFFFF !important;\par
\tab\}\tab\par
\tab #wrapper, #contentwrapper, #floatwrapper, #centercolumn, * html #wrapper, * html #contentwrapper, * html #floatwrapper, * html #centercolumn \{\par
\tab\tab width:auto !important;\par
\tab\tab margin:auto !important;\par
\tab\}\par
\par
\tab #wrapper, #contentwrapper \{border:none;\}\par
\par
\tab #mainnav\{\par
\tab\tab padding:0;\par
\tab\tab text-align:center;\par
\tab\}\par
\par
\tab #leftcolumn, #rightcolumn, #search \{display:none;\}\par
\par
\tab #wrapper, #header, #mainnav, #mainnav .item, #mainnav .selected, #copy .container, #footer, #footer2 \{\par
\tab\tab background:transparent;\par
\tab\}\par
\tab #centercolumn \{\par
\tab\tab float:none;\par
\tab\tab margin:0 1em 0 2.5em;\par
\tab\}\tab\par
\par
\tab #breadcrumbs \{position:static;\}\par
\par
\tab #copy .container\{\par
\tab\tab margin:0;\par
\tab\tab margin:0;\par
\tab\tab border-style:none !important;\par
\tab\tab border-width:0;\par
\tab\}\par
\tab\par
    #copy fieldset \{border:none;\}\par
\par
\tab #footer \{\tab\tab\par
\tab\tab border-style:none !important;\par
\tab\tab border-top:1px solid #000000;\par
\tab\}\par
\tab\par
\tab #footer2 \par
\tab\{\par
\tab    \tab border-style:none !important;\par
\tab\tab border-top:1px solid #000000;\par
\tab\}\par
\}\par
}
 left divider dimension value ***/
	border-right: 1px solid #EFEFEF;   /*** Critical right divider dimension value ***/
}
* html #contentwrapper {  /*** IE5.x/win box model fix ***/
	width: 760px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
	width: 758px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
}
#floatwrapper {
	float: left;
	width: 758px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
	margin-right: -1px;   /*** Static fix ***/
}
#centercolumn{
	float: right;
	width: 758px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
	/* \*/
	margin-left: -1px; 
	/* Hidden from IE-mac */
	padding-top:11px;
}
#breadcrumbs{
	position:absolute;
	top:5px;
	left:20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:0.9em;
	color:#666666;
}
#breadcrumbs a {
	color:#666666;
	text-decoration:underline;
}

#breadcrumbs a:hover {text-decoration:none;}

#copy a {color:#666666;}

#copy .container {
	margin:5px;
	padding:0 20px 15px 20px; 
	background-color:#FFFFFF;
}
	
/* \*/
* html #copy .container {height:1%;}
/* */

#copy img, #rightcolumn img {border:none;} /* 1px solid #999999;} */

#copy .teaser {
	margin-top:-0.2em;
	color:#999999;
	font-weight:normal;
}

/* google search */

.googleSearchBox 
{
    width:70px;
    border-color:#CCCCCC;
    border-style:solid;
    border-width:1px;
    font-size:1em;
}

.googleSearchButton 
{
    background-color:#DEDDDD;
    color:#000000;
    border-color:#999999;
    border-style:solid;
    border-width:1px;
    font-size:0.9em;
}

#copy td, #copy th {padding: 0.2em 0.5em;}

#copy td {
	padding: 0.2em 0.5em;
	font-family: Arial, Helvetica, sans-serif;
}
.txtBox {
    border:1px solid #CCCCCC;
    background-color:#F1F1F1;
}

.txtBox:focus {background-color:#FFFFFF;}

.ddl 
{
    border:1px solid #CCCCCC;
    background-color:#F1F1F1;
    font-family:Calibri, Arial, Tahoma;
}

.ddl:focus {background-color:#FFFFFF;}

#copy fieldset {	
	margin-bottom:1em;
	padding:1em;
	border:1px solid #CCCCCC;
}

#copy fieldset legend {
	color:#0055CC;
	background-color:#FFFFFF;
}

* html #copy legend {
	padding:0.5em;
}

div.readmore {
	text-align:right;
	font-size:0.9em;
}

#leftcolumn {
	position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
	width: 172px;    /*** Critical left col/divider dimension value ***/
	margin-left: -171px;    /*** Critical left col/divider dimension value ***/
	padding-top:5px;
}
* html #leftcolumn {
	float:left;	
	padding-top:25px;
}

*>html #leftcolumn {width:171px;}   /*** Fix only for IE/Mac ***/

#leftcolcontainer{width: 170px;}    /*** Critical left col dimension value ***/

#subnav {
	margin-bottom:40px; 
	margin-left:1px; 
	overflow:hidden;
}

* html #subnav tr {height:1.4em;}

#subnav .item {
	padding:2px 7px;
	background-color:#EFEFEF; 
	color:#333333; 
}

* html #subnav .item {padding:0 20px;}

#subnav .selected {
	background-color:#FFFFFF; 
	color:#0066FF;
}
#subnav .hover {
	color:#333333; 
	background-color:#F1F1F1;
}
#rightcolumn{
	float: left; 
	position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
	width: 172px;    /*** Critical right col/divider dimension value ***/
	margin-right: -170px;    /*** Critical right col/divider dimension value ***/
	margin-left: -1px;   /*** Static fix ***/
	padding-top:5px;
}

/* \*/
* html #rightcolumn {
	margin-left: 0px; 
	margin-right: -600px; 
	mar\gin-right: -172px;
	padding-top:25px;
}
/* */

/*** These commented-out rules below are there to explain the "Critical" info 
	for the rules above, because comments must not appear within the Mac-hack.
	The "rules" below are not active, they are just for teaching purposes. ***/

/*
* html .right {
margin-left: 0px;    *** Critical right divider dimension value ***
margin-right: -500px;    *** IE5.x/win fix, must be above a critical number, but very high values appear okay ***
mar\gin-right: -152px;    *** Critical right col/divider dimension value ***
}
*/

#rightcolcontainer{
	/* \*/
	width: 170px;
	/* Hidden from IE-Mac */   /*** Critical right col dimension value ***/
	margin-left: 3px;    /*** Critical right divider dimension value ***/
}
/* \*/
* html #rightcolcontainer {
	float: right;
	margin-left: 2px; 
	margin-left: 0px; 
}
/* */

.sidebarcontainer{
	border:1px solid #CCCCCC;
	margin:5px;
	padding:6px;
	background-color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
}

/* \*/
* html .sidebarcontainer {height:1%;}
/* */

.sidebarcontainer a {color:#666666;}

.sidebarcontainer li {list-style-type:none;}

#footer{
	clear:both;
	margin:1px 0;
	padding:2px 15px;	
	border-top:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	background-color:#EFEFEF;
	background-image:url(Images/footer_bg.gif);
	background-repeat:repeat;
	font-size:0.9em;
}
#footer a {
	margin:1px 5px;
	color:#666666; 
}
#footer2{
	clear:both;
	margin:1px 0;
	padding:2px 15px;	
	border-top:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	background-color:#EFEFEF;
	background-image:url(Images/footer_bg.gif);
	background-repeat:repeat;
	font-size:0.9em;
}
#footer2 a {
	margin:1px 5px;
	color:#666666; 
}
.button {
    border:1px solid #999999;
    color:#000000;
    background-color:#DEDDDD;
    font-size:1em;
}
.imgfloatright {
	float:right;
	display:inline;
	margin: 0.25em 0 0.25em 1em;
}
.imgfloatleft {
	float:left;
	display:inline;
	margin: 0.25em 1em 0.25em 0;
}


@media print {	
	body{
		font-size:11pt;
		line-height:13pt;
		background:#FFFFFF !important;
	}	
	#wrapper, #contentwrapper, #floatwrapper, #centercolumn, * html #wrapper, * html #contentwrapper, * html #floatwrapper, * html #centercolumn {
		width:auto !important;
		margin:auto !important;
	}

	#wrapper, #contentwrapper {border:none;}

	#mainnav{
		padding:0;
		text-align:center;
	}

	#leftcolumn, #rightcolumn, #search {display:none;}

	#wrapper, #header, #mainnav, #mainnav .item, #mainnav .selected, #copy .container, #footer, #footer2 {
		background:transparent;
	}
	#centercolumn {
		float:none;
		margin:0 1em 0 2.5em;
	}	

	#breadcrumbs {position:static;}

	#copy .container{
		margin:0;
		margin:0;
		border-style:none !important;
		border-width:0;
	}
	
    #copy fieldset {border:none;}

	#footer {		
		border-style:none !important;
		border-top:1px solid #000000;
	}
	
	#footer2 
	{
	   	border-style:none !important;
		border-top:1px solid #000000;
	}
}}d