/*
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: 790px;
    margin: 0px auto;
    text-align: left;
    padding: 0px;
    border: 1px solid #000000;
    background-color: #eeeeee;
	background: url(../images/body-bkg.jpg) repeat-y;
}


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

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

#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;
}

#leftcol {
	float:left;
	margin-left: 0px;
	width:251px;	
	height:369px;
	background-image: url(../images/left_hp_blue_area.jpg);

}

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

#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;
}

#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: 0;
	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 0;
	border-bottom: 1px dotted #2f9ddd;
}
ul#side-nav li span {
	font-size: 13px;
}
ul#side-nav a {
	display: block;
	width: 197px;
	height: 42px;
	padding-top: 6px;
	padding-left: 20px;
}
ul#side-nav li.big-link a {
	height: 57px;
}
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;
	
}
.Tah11px {
	font-family: Tahoma;
	font-size: 11px;
	color: #333333;
}
/* @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 */




#index-1-01 {
	position:absolute;
	left:0px;
	top:0px;
	width:4px;
	height:585px;
}

#index-1-02 {
	position:absolute;
	left:4px;
	top:0px;
	width:1px;;
	height:585px;
}

#index-1-03 {
	position:absolute;
	left:5px;
	top:0px;
	width:777px;
	height:84px;
}

#index-1-04 {
	position:absolute;
	left:782px;
	top:0px;
	width:1px;
	height:120px;
}

#index-1-05 {
	position:absolute;
	left:783px;
	top:0px;
	width:4px;
	height:585px;
}

#index-1-06 {
	position:absolute;
	left:5px;
	top:84px;
	width:777px;
	height:36px;
}

#index-1-07 {
	position:absolute;
	left:5px;
	top:120px;
	width:245px;
	height:465px;
	background-image: url(../images/index_1_07_2.jpg);	
	
}

#index-1-08 {
	width:533px;
	height:465px;
	background-image: url(../images/index_1_08.jpg);
	float:left;
	width:508px;
	display: inline;
}

#rightcolhp {
	height:369px;
	background-image: url(../images/stu_hp_image_shad_2.jpg);
	float:left;
	margin-left: 0px;
	margin-top: 0px;
	width:539px;
	display: inline;
}

#leftCopy {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFFFFF;
	padding: 20px;
}