@charset "utf-8";
/* CSS Document */
@import url(homepage.css);
@import url(global_nav.css);
@import url(left_menu.css);

* { margin: 0; padding: 0; border: 0; _behavior: url("../Scripts/hover.htc"); }

body.home, body {
	background-repeat:repeat-x;
	background-attachment:scroll;
	background-position:top center;
	font: 75%/1 Arial, Helvetica, sans-serif;
	margin-bottom:42px;
	border-top:5px solid #EDE7D5;
	_text-align: center;
}

body {
	background-image:url(../image/bg.jpg);
	color: #333;
}

a { color: #00448B; text-decoration: none;}
a:hover { text-decoration: underline; }

.content a { color: #00448B; text-decoration: underline;}
.content a:hover { text-decoration: none; }

h1 { font-size:2em; font-weight:normal; }
h2 { font-size:1.35em; font-weight:normal; }
h3, h4 { font-size:1em;	font-weight:bold; }
h5 { font-size:0.95em; font-weight:bold; }

blockquote { margin-left:30px; }

#clear { display:block; clear:both; margin-bottom:0; height:0; }

#margin { display:block; height:10px; clear:both; } /*for homepage only. ie7.css addjusted margin-bottom*/
#margin2 { display:block; height:10px; clear:both; } 
#margin3 { display:block; height:5px; clear:both; }

#lead {
	width:990px;
	height:175px;
	clear:both;
	margin:auto;
}

/*---------- login + jump site ------------*/
#jump-wrapper {
	width:990px;
	height:24px;
	clear:both;
	float:right;
	font-size:0.85em;
	line-height:1.8em;
}
.orange-tag {
	height:20px;
	margin:4px 7px 0 0;
	padding-left:50px;
	float:right;
	background:url(../image/orange_tag.gif) no-repeat;
}
.orange-tag a { color:#CC0000; }
.login-guest {
	height:20px;
	margin:4px 7px 0 0;
	padding-left:50px;
	float:right;
	background:url(../image/login_guest.gif) no-repeat;
}
.login-staff {
	margin:4px 4px 0 0;
	float:right;
	background:url(../image/login_staff.gif) left no-repeat;
}
.login-staff-bg {
	height:20px;
	margin-left:24px;
	padding-right:10px;
	background:url(../image/login_staff.gif) right no-repeat;
	float:left;
	display:inline;
}
.login-emp {
	margin:4px 6px 0 0;
	float:right;
	background:url(../image/login_emp.gif) left no-repeat;
}
.login-emp-bg {
	height:20px;
	margin-left:24px;
	padding-right:10px;
	background:url(../image/login_emp.gif) right no-repeat;
	float:left;
	display:inline;
}
.jump {
	width:270px;
	height:24px;
	background:url(../image/jump_bg.gif) no-repeat;
	padding:0 6px 0 12px;
	float:right;
	background-color:#EDE7D5;
}
.jump-text { 
	color:#000;
	float:left; 
	margin-right:8px;
}
.jump select {
	width:145px;
	font-size:10px;
	height:18px;
	border:1px solid #ccc;
	float:left;
}


/*---------- logo + home/contact navigation --------*/
#logo-short-nav {
	width:990px;
	height:58px;
	clear:both;
	margin:auto;
}
.logo { float: left; }
.short-nav {
	margin-top:35px;
	float:right;
	display:inline;
	font-family:Verdana, Geneva, sans-serif;
	font-size:0.85em;
	font-weight:bold;
	color:#00448B;
	text-align:right;
}
.short-nav a {
	margin:0 7px 0 7px;
	line-height:1.2em;
}


/*-------- content ----------*/
#content {
	width:990px;
	clear:both;
	margin:auto;
} 

/*---- interior left column ----*/
#interior-left-column {
	width: 208px;
	float: left;
}


/*---- interior-center ----*/
#content h1 { color:#B3023D; line-height:1.1em; margin-top:9px; margin-bottom:12px; }

.text p, 
#bottom-nav p,
#interior-center p,
#interior-center-wide p,
#interior-center ul,
#interior-center ol,
#interior-center-wide ul { 
line-height:1.6em; margin-bottom:1em; 
}

#interior-center ul, #interior-center-wide ul, #interior-center ol { margin-left:40px; }
#interior-center ul, #interior-center-wide ul { list-style:disc; list-style-position:outside; }
#interior-center ol { list-style:decimal; list-style-position:outside; }
#interior-center h2, #interior-center-wide h2 { color:#B3023D; margin-top:16px; margin-bottom:10px; }

#interior-center {
	width:517px;
	margin-left:28px;
	margin-right:32px;
	_margin-right:20px;
	_display:inline;
	float:left;
	_text-align:left;
}

#interior-center a { text-decoration:underline; }
#interior-center a:hover { text-decoration:none; }

#interior-center-wide,
#interior-center-search { 
	width:733px;
	padding-left:20px;
	margin-right:32px;
	_margin-right:20px;
	_display:inline;
	float:left;
	_text-align:left;
}
#interior-center-search a { font-weight:bold; text-decoration:underline; }
#interior-center-search a:hover { text-decoration:none; }

.dot-line-b, .dot-line-c  {
	display:block;
	width:100%;
	height:1px;
	background:url(../image/dots_grey_b.gif) repeat-x;
	margin-bottom:25px;
	_margin-bottom:11px;
}
.dot-line-c {
	margin-top:42px;
	margin-bottom:15px;
	_margin-bottom:;
}

#map-teams { width:630px; height:220px; margin-left:-103px; margin-right:-10px; margin-top:-32px; }

/*---- thumbnails -----*/
#thumb-nails ul li, 
#thumb-nails ul dt, 
#thumb-nails ul dd { list-style:none; }

#thumb-nails ul { margin-left:0; margin-bottom:0; } /*-- offset interior-center ul li --*/

#thumb-nails ul img {
	width:82px;
	height:60px;
	margin-right:8px;
	float:left;
}

#thumb-nails ul li {
	display:block;
	width:250px;
	margin-right:8px; 
	margin-bottom:25px;
	float:left;
	line-height:1.2em;
} 
#thumb-nails ul dt { font-weight:bold; margin-bottom:2px; }


/*----- grey panel -----*/
#panel-grey h3 { height:22px; background:url(../image/panel_grey_head.gif) repeat-x; padding-left:14px; margin:0 -15px 10px -15px; line-height:1.8em; color:#666; }
#panel-grey { background-color:#F2F2F2; padding:0 15px 4px 15px; float:left; border-collapse:collapse; }
#panel-grey p, #panel-grey ul { line-height:18px; }
#panel-grey ul { margin-bottom:16px; }
#panel-grey ul.two-column { margin-left:0; overflow:auto; margin-bottom:12px; }
#panel-grey ul.two-column li { list-style:none; width:49%; float:left; }

/*----- contact form -----*/
form.form-a { margin-top:8px; }
form.form-a label { display:block; width:134px; float:left; }
form.form-a input, form.form-a textarea { border:0; background-color:#D5E1EB; width:192px; height:18px; margin-bottom:4px; float:left; } 
form.form-a textarea { font-family:Arial, Helvetica, sans-serif; font-size:1em; width:326px; max-width:326px; height:146px; } 
form.form-a input.button { border:none; width:auto; height:auto; width:72px; height:22px; float:left; margin-right:4px; margin-bottom:0; background:none; }

/*----- employee login form -----*/
form.form-login { margin-top:8px; float:left; width:225px; }
form.form-login label { display:block; width:70px; float:left; font-weight:bold; line-height:1.5em; }
form.form-login input { border:0; background-color:#D5E1EB; width:152px; height:18px; margin-bottom:4px; margin-right:-6px; float:left; } 
form.form-login input.button-login {
	display: block;
	width:60px;
	height:20px;
	background: url(../image/button_login.gif) no-repeat; 
	margin: 2px 0 8px 70px; 
	border:0;
	float:left;
}


/*---- interior-right-column ----*/
#interior-right-column {
	width: 205px;
	float: left;
	_text-align:left;
}


/*---- panel settings ----*/
.panel {
	display:block;
	background:url(../image/panel_bg.gif) no-repeat;
	margin-bottom:8px;
}
.panel-content {
	background:url(../image/panel_bottom.gif) bottom left no-repeat;
	padding:0 11px 14px 18px;
	font-size:0.917em;
	line-height:1.25em;
}
.panel h3 {
	display:block;
	width:100%;
	_width:184px;
	height:26px;
	background:url(../image/panel_head.gif) no-repeat;
	line-height:2.15em;
	color:#6F6F6F;
	padding-left:18px;
	margin-bottom:6px;
}
.panel ul li {
	list-style:none;
	background:url(../image/bullet_blue.gif) no-repeat left 0.55em;
	padding-left:9px;
}
.panel ul li.more {
	list-style:none;
	background:url(../image/bullet_triangle.gif) no-repeat right 0.51em;
	padding-right:12px;
	text-align:right;
	margin-top:6px;
}
#addon-panel { display:block; } /*block or none*/
#contact-panel { display:block; }
#inquiry-panel { display:block; }
#search-panel { display:block; }
#featured-panel { display:block; }
#more-panel { display:none; }


/*---- search panel ----*/
form.search {
	font-size:10px;
	padding-top:16px;
}
.search-head {
	width:5px;
	height:25px;
	background:url(../image/search_head.jpg) no-repeat;
	float:left;
}
input.search-textfield {
	background:url(../image/search_bg.jpg) repeat-x;
	width:130px;
	_width:126px;
	height:21px;
	color:#666;
	padding:4px 2px 0 0;
	float:left;
	_margin-right:-4px;
}
span.radio { 
	display:block;
	width:100%;
	_width:172px;
	color:#333;
	clear:both;
	padding-top:7px; /*ie7 seperate*/
	_padding-top:0;
	margin-left:-3px; /*ie7 seperate*/
	_margin-left:-6px;
}
input.btn-radio {
	margin-right:1px;
	margin-left:2px; /*ie7 seperate*/
	_margin-left:-2px;
	_margin-right:-2px;
}

.result, .result-match { font-size:12px; color:#333; line-height:16px; }
.result-match { color:#999; }
.result-title { font-weight:bold; }
.result-declare { font-size:12px; color:#B3023D; background-color:#EFEFEF; padding:2px 0 2px 6px; border-top:1px dotted #666; border-bottom:1px dotted #666; }
.suggestion ul li { list-style:inside; }


/*----- right side addon panel ------*/
.addon-panel { list-style:none; }
ul.addon-panel { padding-top:7px; margin-bottom:-4px; }
ul.addon-panel li { padding-left:23px; height:18px; line-height:1.55em; font-weight:bold; }
ul.addon-panel li.email { background:url(../image/icon_email.gif) top left no-repeat; }
ul.addon-panel li.fav { background:url(../image/icon_fav.gif) top left no-repeat; }
ul.addon-panel li.rss { background:url(../image/icon_rss.gif) top left no-repeat; }


/*---- panel: contact sales ----*/
.icon-guy { display:block; width:45px; margin:14px 0 0 -4px; float:left; }
.contact-text { width:132px; margin:10px -4px 0 5px; line-height:1.15em; color:#606060; float:left; }



/*----- inquiry form ------*/
#inquiry-panel .text { display:block; width:140px; border-bottom:1px dotted #B2B2B2; font-size:10px; line-height:11px; color:#666; background-color:#F4F4F4; background:url(../image/icon_inquiry.gif) top left no-repeat; margin:-6px 0 0 3px; padding:4px 7px 5px 52px; }
form.inquiry { font-size:11px; line-height:1.7em; color:#454545; margin-top:6px; }
form.inquiry label { display:block; width:52px; float:left;}
form.inquiry input,
form.inquiry textarea { border:1px solid #6D95BF; font-size:11px; color:#747474; width:116px; height:16px; margin-bottom:3px; float:left; } 
form.inquiry textarea { font-family:Arial, Helvetica, sans-serif; width:168px; max-width:168px; height:52px; margin-bottom:6px; } 
form.inquiry input.checkbox { border:none; width:13px; margin-bottom:0; margin-right:2px; }
form.inquiry input.button { border:none; width:auto; height:auto; width:72px; height:17px; float:right; margin-right:6px; margin-bottom:0; }



/*-------- buttons ---------*/
.button-b {
	background:url(../image/button_b.jpg) right no-repeat;
	float:left;
	margin-left:-2px;
}
.button-b a {
	display:block;
	height:33px;
	line-height:2.5em;
	background:url(../image/button_b.jpg) left no-repeat;
	padding-left:14px;
	margin-right:23px;
	_margin-right:13px;
	float:left;
}


/*-------- bottom add on ------------*/
#add-on { 
	width:990px;
	height:30px;
	clear:both;
	margin:auto;
	background:url(../image/addon_bg.jpg) no-repeat;
	_text-align:left;
}
#add-on h3 {
	margin:0 52px 0 15px;
	_margin-left:8px;
	line-height:2.3em;
	color:#383838;
	display:block;
	float:left;
}
#add-on img {
	margin:7px 9px 0 0;
	float:left;
}
.addthis {
	border:0; 
	padding-bottom:8px; /*ie7 seperate*/
}


/*-------- add on rollover bubble 
#add-on {position:relative;} 
#add-on a:hover span img {
 width:115px;
 height:41px;
} 
#add-on span{display:none;}
#add-on a:hover {
 margin:0;
 padding:0;
 color: #666666;
 background: #FFFFCC;
 text-decoration: none;
}
#add-on a:hover span {
 margin:0 0 0 0;
 padding:0;
 display:block;
 position:absolute;
 top:20px;
 width:115px;
 height:41px;
 z-index:2;
}
---------*/

/*-------- bottom navigation ---------*/
#bottom-nav {
	width:990px;
	clear:both;
	margin:auto;
	margin-bottom:20px;
	padding-bottom:6px;
	_padding-bottom:0;
	background:url(../image/bottom_nav.jpg) bottom no-repeat;
	_text-align:left;
}
.bottom-nav-header {
	width:100%;
	height:34px;
	background:url(../image/bottom_nav.jpg) top no-repeat;
	clear:both;
}
.bottom-nav-header h3 {
	padding-left:16px;
	line-height:2.2em;
	color:#383838;
	display:block;
	float:left;
}

#bottom-nav a { color:#494949; text-decoration:none; }
#bottom-nav a:hover { text-decoration:underline; }
#bottom-nav ul { font-weight:bold; list-style:none; }
#bottom-nav ul li { font-weight:normal; font-size:10px; list-style:none; list-style-position:outside; }
#bottom-nav ul.indent li { text-indent:16px; _text-indent:32px; }

.column-short, .column-medium, .column-wide {
	margin-right:16px;
	float:left;
	color:#494949;
	line-height:15px;
	_margin-bottom:-13px;
}
.column-short { width:192px; margin-left:16px; _margin-left:0; _text-indent:16px; }
.column-medium { width:218px; }
.column-wide { width:280px; }


/*-------- footer ----------*/
#footer {
	width:990px;
	clear:both;
	margin:auto;
	color:#494949;
	font-size:0.85em;
}

#footer p { text-indent:15px; margin-bottom:0; line-height:2.2em; _text-align:left; }

.dot-grey {
	height:5px;
	background:url(../image/dots_grey.gif) repeat-x;
	clear:both;
	_margin-bottom:-8px;
}

.logo-footer {
	width:140px;
	height:40px;
	float:left;
}
	
.copyright {
	width:520px;
	float:left;
	line-height:2.2em;
	_text-align:left;
}

.proud {
	width:224px;
	text-align:right;
	float:left;
	line-height:1.3em;
	padding-top:7px;
}
	
.logo-it4kids {
	width:106px;
	height:58px;
	float:right;
}