/*
Company:	
File:		main.css - This contains all the main styles for the website.

All the styles are separted into the following groups:
Global Browser Reset - they make sure that all browsers start with the same default settings
HTML, Body - for the html and body tags
Layout - any style that defines how the site is laid out (position and size of objects)
Nav - navigation bar
Headings - headings like h1, h2, etc
Text Styles - Styles for text
Lists - unordered and ordered lists
Forms - html forms
Links - links
Misc - anything that doesn't fit elsewhere
*/

/* @group Global Browser Reset */
* {

padding:0;

margin:0;

}

h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, label, ul, ol, dl, fieldset, address { margin:20px 0; }

li, dd, blockquote { margin-left: 40px; }

fieldset { padding:10px; }

img { border: 0px; }
/* @end */

/* @group HTML, Body */
body {
	background-color:#EDE9D0;
	margin: 0;
}
/* @end */

/* @group Layout */
#main {
    width: 779px;
    margin: 0px auto;
    text-align: left;
    padding: 0px;
    border: 1px solid #000000;
    background-color: #eeeeee;
}

#wrapper {
	text-align:left;
	margin-left:auto;
	margin-right:auto; 
	margin-top:35px;
	width:790px;
}

#wrapper2 {
	background: url(../images/body-bkg.jpg) repeat-y;
}

#wrapper3 {
	background: url(../images/bg_blank.gif) repeat-y;
}

#footer {
position:relative;
clear:both;
}

#hed {
	width:790px;
	height:82px;
	background-image: url(../images/index_1_03_.jpg);
	background-color:#ebe9cf;
	margin-left: 0px;
}

#indexc4-03 {
	position:absolute;
	left:785px;
	top:0px;
	width:5px;
	height:35px;
}

#left_shadow {
	position:absolute;
	left:0px;
	top:0px;
	width:6px;
	height:550px;
	background: url(../images/indexc4_01.gif) repeat-y;
}

#right_shadow {
float:right;
	position:absolute;
	left:785px;
	top:43px;
	width:5px;
	height:515px;
	background-image: url(../images/shad_rt_bg.gif);
}

#navbar {
	width:779px;
	height:41px;
	margin-left:0px;
}

#navbar2 {
	width:779px;
	height:42px;
	margin-left: 0px;
}

#boxA {
	float:left;
	width:50px;	
}

#leftcol {
	float:left;
	width:251px;	
}

#rightcol {
	float:left;
	margin-left: 20px;
	width:508px;
	display: inline;
}

#rightcolLinks {
	float:left;
	margin-left: 20px;
	width:508px;
	height:400px;
	display: inline;
	background-image:url(../images/bg_weblinks.gif);
	background-repeat:no-repeat;
	background-position:bottom right;

}

#rightcolRes {
	float:left;
	margin-left: 20px;
	width:508px;
	height:400px;
	display: inline;
	background-image:url(../images/resource_bg_main280.jpg);
	background-repeat:no-repeat;
	background-position:bottom right;

}
#rightcolRes2 {
	float:left;
	margin-left: 20px;
	width:508px;
	height:500px;
	display: inline;
	background-image:url(../images/resource_bg_main280.jpg);
	background-repeat:no-repeat;
	background-position:bottom right;

}

#rightcolRes3 {
	float:left;
	margin-left: 20px;
	width:508px;
	height:auto;
	display: inline;

}



#rightcolAct {
	float:left;
	margin-left: 20px;
	margin-right:0px;
	width:508px;
	height:520px;
	display: inline;
	background-image:url(../images/activity_kid_group.jpg);
	background-repeat:no-repeat;
	background-position:bottom right;
}

#rightcolActU1 {
	float:left;
	margin-left: 20px;
	margin-right:0px;
	width:508px;
	height:520px;
	display: inline;
	background-image:url(../images/activity_kid_group.jpg);
	background-repeat:no-repeat;
	background-position:bottom right;
}

#rightcolActU2 {
	float:left;
	margin-left: 20px;
	margin-right:0px;
	width:508px;
	height:520px;
	display: inline;
	background-image:url(../images/unit2_activity_bg.jpg);
	background-repeat:no-repeat;
	background-position:bottom right;
}

#rightcolActU3 {
	float:left;
	margin-left: 20px;
	margin-right:0px;
	width:508px;
	height:520px;
	display: inline;
	background-image:url(../images/unit3_activity_bg.jpg);
	background-repeat:no-repeat;
	background-position:bottom right;
}

#rightcolActU4 {
	float:left;
	margin-left: 20px;
	margin-right:0px;
	width:508px;
	height:520px;
	display: inline;
	background-image:url(../images/unit4_activity_bg.jpg);
	background-repeat:no-repeat;
	background-position:bottom right;
}

#rightcolActU5 {
	float:left;
	margin-left: 20px;
	margin-right:0px;
	width:508px;
	height:520px;
	display: inline;
	background-image:url(../images/unit5_activity_bg.jpg);
	background-repeat:no-repeat;
	background-position:bottom right;
}


#rightcolActU6 {
	float:left;
	margin-left: 20px;
	margin-right:0px;
	width:508px;
	height:520px;
	display: inline;
	background-image:url(../images/unit6_activity_bg.jpg);
	background-repeat:no-repeat;
	background-position:bottom right;
}

#rightcolActU7 {
	float:left;
	margin-left: 20px;
	margin-right:0px;
	width:508px;
	height:520px;
	display: inline;
	background-image:url(../images/unit7_activity_bg.jpg);
	background-repeat:no-repeat;
	background-position:bottom right;
}

#rightcolBlank {
	float:left;
	margin-left: 100px;
	margin-right:0px;
	width:700px;
	height:600px;
	display: inline;
	background-repeat:no-repeat;
	background-position:bottom right;
}

#rightcolInq {
	float:left;
	margin-left: 100px;
	margin-right:0px;
	width:700px;
	height:auto;
	display: inline;
	background-repeat:no-repeat;
	background-position:bottom right;
}

#rightcolConc {
	float:left;
	margin-left: 15px;
	margin-right:0px;
	width:700px;
	height:500px;
	display: inline;
	background-repeat:no-repeat;
	background-position:bottom right;
}

#rightcolCW {
	float:left;
	margin-left: 100px;
	margin-right:0px;
	width:700px;
	height:560px;
	display: inline;
	background-repeat:no-repeat;
	background-position:bottom right;
}

.Ver12pxBlue {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #007CD5;
	text-decoration:none;	
}

.Ver12pxBlue a:link {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #007CD5;
	text-decoration:none;
}

.Ver12pxBlue a:visited {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #007CD5;
	text-decoration:none;
}

.Ver12pxBlue a:active {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #007CD5;
	text-decoration:none;
}

.Ver12pxBlue a:hover {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #007CD5;
	text-decoration:underline;
}

.introtype {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	line-height:16px;
	}
	
.webLink {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:700;
	color: #0072bc;
	line-height:16px;
	text-decoration:none;
	}

.webLink a:link {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:700;
	color: #0072bc;
	line-height:16px;
	text-decoration:none;
	}


.webLink a:visited {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:700;
	color: #0072bc;
	line-height:16px;
	text-decoration:none;
	}

.webLink a:active {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:700;
	color: #0072bc;
	line-height:16px;
	text-decoration:none;
	}

.webLink a:hover {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:700;
	color:#999999;
	line-height:16px;
	text-decoration:underline;
	}



#indexc4-08 {
	position:absolute;
	left:583px;
	top:auto;
	width:202px;
	height:349px;
	background-image: url(../images/hp_bg_right.jpg);
}

#stripe {
/*clear:both;
	position:relative;
	left:6px;
	top:472px;*/
	width:779px;
	height:8px;
	background-image: url(../images/ts_stripe.gif);
	margin-left: 5px;
	overflow:hidden;
}

#footer1 {
	/*position:absolute;*/
	/*float:left;*/
	clear:both;
	/*left:6px;*/
	/*top:480px;*/
	width:780px;
	height:70px;
	background: url(../images/ts_lst_logo_lowerL.gif) no-repeat;
	margin-left: 5px;
}
#footer1 p {
	float: right;
	margin-top: 25px;
	margin-right: 15px;
	display: inline;
}

#footer2 {
	position:absolute;
	clear:left;
	float:left;
	left:0px;
	top:550px;
	width:790px;
	height:25px;
	margin-top:auto;
}
/* @end */

/* @group Nav */
ul#side-nav {
	margin-left: 6px;
	margin-top: 0px;
	padding-top: 20px;
	background: url(../images/nav-top.gif) no-repeat;
	font-family: Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
}
ul#side-nav li {
	list-style-type: none;
	margin: 5px 0 5px 27px;
	padding: 0px 0 5px;
	border-bottom: 1px dotted #2f9ddd;
}
ul#side-nav li span {
	font-size: 13px;
}

ul#side-nav li.one-line {
	line-height: 30px;
}

ul#side-nav a {
	display: block;
	width: 197px;
	height: 36px;
	padding-top: 6px;
	padding-left: 20px;
}
ul#side-nav li.big-link a {
	height: 48px;
}
ul#side-nav a:link, ul#side-nav a:visited {
	color: #2f9ddd;
	text-decoration: none;
}
ul#side-nav a:hover {
	color: #666666;
	background: url(../images/side-nav-bkg.gif) no-repeat;
}
ul#side-nav li.big-link a:hover {
	background: url(../images/side-nav-bkg-big.gif) no-repeat;
}
ul#side-nav a:hover span {
	color: #2f9ddd;
}
/* @end */

/* @group Headings */
h1 { }
h2 { }
h3 { }
h4 { }
h5 { }
h6 { }
/* @end */

/* @group Text Styles */
.Tah11pxBlue {
	font-family: Tahoma;
	font-size: 11px;
	color: #007CD5;
	text-decoration: none;
}

.Tah11pxBlue a:link {
	font-family: Tahoma;
	font-size: 11px;
	color: #007CD5;
	text-decoration: none;
}

.Tah11pxBlue a:visited {
	font-family: Tahoma;
	font-size: 11px;
	color: #007CD5;
	text-decoration: none;
}

.Tah11pxBlue a:active {
	font-family: Tahoma;
	font-size: 11px;
	color: #007CD5;
	text-decoration: none;
}

.Tah11pxBlue a:hover {
	font-family: Tahoma;
	font-size: 11px;
	color: #007CD5;
	text-decoration: underline;
}

.Arial11pxBlue {
	font-family: Arial;
	font-size: 11px;
	color: #007CD5;
	text-decoration:none;	
}

.Arial11pxBlue a:link {
	font-family: Arial;
	font-size: 11px;
	color: #007CD5;
	text-decoration:none;
}

.Arial11pxBlue a:visited {
	font-family: Arial;
	font-size: 11px;
	color: #007CD5;
	text-decoration:none;
}

.Arial11pxBlue a:active {
	font-family: Arial;
	font-size: 11px;
	color: #007CD5;
	text-decoration:none;
}

.Arial11pxBlue a:hover {
	font-family: Arial;
	font-size: 11px;
	color: #007CD5;
	text-decoration:underline;
}

.Arial12pxBlue {
	font-family: Arial;
	font-size: 12px;
	color: #007CD5;
	text-decoration:none;	
}

.Arial12pxBlue a:link {
	font-family: Arial;
	font-size: 12px;
	color: #007CD5;
	text-decoration:none;
}

.Arial12pxBlue a:visited {
	font-family: Arial;
	font-size: 12px;
	color: #007CD5;
	text-decoration:none;
}

.Arial12pxBlue a:active {
	font-family: Arial;
	font-size: 12px;
	color: #007CD5;
	text-decoration:none;
}

.Arial12pxBlue a:hover {
	font-family: Arial;
	font-size: 12px;
	color: #007CD5;
	text-decoration:underline;
}

.Arial12pxBlueBold {
	font-family: Arial;
	font-size: 12px;
	color: #007CD5;
	font-weight:bold;
	text-decoration:none;	
}



.Tah11px {
	font-family: Tahoma;
	font-size: 11px;
	color: #333333;
}

.Arial11px {
	font-family: Arial;
	font-size: 11px;
	color: #999999;
}

.Arial15px {
	font-family: Arial;
	font-size: 15px;
	font-weight:bold;
	color: #666666;
}

.Ver11px {
	font-family: Verdana;
	font-size: 12px;
	color: #999999;
	line-height:14px;
	margin-top:-10px;
}

/* @end */

/* @group Lists */
	
/* @end */

/* @group Forms */
	
/* @end */

/* @group Links - link visited hover active */
a:link{ }
a:visited{ }
a:hover{ }
a:active{ }
/* @end */

/* @group Misc */
.clear {
	clear: both;
}


 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */
/* @end */