a:link { 
	font-weight: bold; 
	text-decoration: none; 
	color: blue;
	}
a:visited { 
	font-weight: bold; 
	text-decoration: none; 
	color:blue;
	}
a:hover, a:active { 
	text-decoration: underline; 
	color:#000;
	}

html {margin:0;padding:0}

body {
	background: #eeeeee url(/images/organizations/cms/weld/images/backgroundTile.jpg) repeat-x 0 0px;
	padding: 0 380px 0 380px; /* these side paddings together determine the natural min-width */
	margin: 0;
	text-align: center; /* this centers the wrappers in older IEwin versions */
	}

#bodyWrap {	
	background:#fff url(/images/organizations/cms/weld/images/bodyTile.gif) repeat-y top left;
	margin: 0 auto;
	zoom:1;
	}

#bodyWrap2 {	
	background:transparent url(/images/organizations/cms/weld/images/bodyTileRight.gif) repeat-y top right;
	margin: 0 auto;	
	zoom:1;
	}
	
#sizer {
	margin: 0 auto 0 auto; /* this centers the wrappers in standards browsers */
	width: 100%; /* here is a critical value for customizing the Jello behavior */
}

#expander {
	margin: 0 -365px 0 -365px; /* these side margins should be the same or slightly less than body paddings */
	min-width: 760px; /* This prevents Safari from losing the negative margins in narrow windows (equals the sum of the margins) */
	position: relative;
}

/* Holly Hack for IE. Must be zero, not the usual 1% value, due to IE bug \*/
* html #expander { height: 0; }
/* */

/* helps IE get the child percentages right. */
#wrapper {width: 100%;} 

/* * * * * * * * * * * * * * * * * */

#slideshowWrap {
	float:left;
	position: absolute;
	top: 100px;
	left:14px;
	width:491px;
	height:152px;
}	
#slideshow {
	float:right;
	position:relative;
	top:0px;
	left: 0px;
}	

#rotatorPng {	
	background: transparent url(/images/organizations/cms/weld/images/rotator.png) no-repeat 0px 0px;
	position:absolute;
	float:right;
	left: 0px;
	top:0px;
	width:491px;
	height:152px;
	z-index:999;
}


#sideColumn {
	width: 180px;
	float: left;
	display: inline; /* IEwin doubled margin bug fix */
	text-align: left;
	padding-left:4px;
	margin-top:-20px;
}
#mainBodyWrap {
	margin:0 0 0 212px;
	}
#mainBody {
	width: 96%;
	margin-right:3%;
	text-align: left;
	float: left;
	display: inline; /* IEwin doubled margin bug fix */
	list-style-position: inside;
	overflow:hidden;
}


/* http://positioniseverything.net/easyclearing for more info */

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

.clearfix {display: inline-table;}
.clear {clear:both}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#header {
	background: url(/images/organizations/cms/weld/images/headerTile.jpg) repeat-x top left;
	margin-bottom: 0px; 
	margin-top: 0px; 
	width: auto; 
	height: 310px; 
	float: none;
	clear:both;
	text-align:right;
	}
#logo {
	background: url(/images/organizations/cms/weld/images/header.jpg) no-repeat top left;
	height: 230px; 
	width: 514px;
	float:left;
	margin-top:80px;
	}	
#image {
	background: url(/images/organizations/cms/weld/images/headerRight.jpg) no-repeat top right;
	height: 310px; 
	width: 240px;
	float:right;
	}
#header a {
	float:left;
	width:0px;
	}			
	
/* NAV - top horizontal nav */
#bar {width:100%;position:relative;top:-45px;float:left;left:18em;}
#nav, #nav ul {padding: 0;margin: 0;list-style: none; }
#nav {text-align:left;font:bold 12px Helvetica, sans-serif;margin: 0 0 0 0px;}
#nav li {position:relative;float: left;width: 10em;display:block;margin: 0;padding-right:0px;background: transparent;}
#nav a, #nav a:link, #nav a:visited, #nav a:hover, #nav a:active {font-weight:bold;text-decoration:none;font-size:1.0em;font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;cursor:pointer;color:#000;display: block;padding: 3px 15px 0px 10px}
#nav a:hover {color:blue}
#nav li ul {border:1px solid #333;background: #fff;width:14em;font-size:90%;position: absolute;font-weight:normal;left: -999em}
#nav li:hover ul, #nav li.sfhover ul {left: 0;z-index:99000}
#nav li:hover li ul, #nav li.sfhover ul ul{left: -999em}
#nav li:hover li:hover ul, #nav li.sfhover li.sfhover ul{left:100%;top:0em;z-index:99999;font-size:100%}
#nav li li {background:none;float:none;/*border-bottom: 1px solid #ccc;*/border-top: 1px solid #333333;padding-left:0;padding-right:0;}
#nav li li a, #nav li li a:link, #nav li li a:visited, #nav li li a:hover {color:#000;padding: 3px 8px 2px 8px;width:12.6em}
#nav li li a:hover {color:#fff;background: #000;Border-left:1px solid blue}
#nav li ul .first {border-top:none;}
#nav li ul .last {border-bottom:none;}
/* hide from IE mac \*/
#nav li {width:auto}
/* end hiding from IE5 mac */

/*IE7 SUCKERFISH DROPDOWN MENU FIX?*/
#nav li:hover ul, #nav li.sfhover ul {
left: auto;
background-position: 0 0;
}
/*END IE7 FIX*/

#sideNav {width:172px;}
/* SECONDARY NAVIGATION - vertical navigation */	
#nav-secondary, #nav-secondary ul {position:static}
#nav-secondary, #nav-secondary li {list-style:none; margin:0; padding:0;}
#nav-secondary {text-align:left;margin:0px 0 0px 0px;}
#nav-secondary a {line-height:1.3;padding: 5px 0 5px 12px;color:#000;font-size:1.1em;font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;display:block}
#nav-secondary a, #nav-secondary a:link, #nav-secondary a:visited, #nav-secondary a:hover, #nav-secondary a:active {
  text-decoration:none;
  cursor:pointer;
}
#nav-secondary li {
	background-color:transparent;
	}
#nav-secondary a:link, #nav-secondary a:visited {color:#000} 
/*#nav-secondary li, #nav-secondary li li {border-bottom: 1px solid #fff;}*/
#nav-secondary a:hover {color:#fff;background:#000;border-left:3px solid blue;}
#nav-secondary li li a, #nav-secondary li li a:link, #nav-secondary li li a:visited, #nav-secondary li li a:active {
  display:block;
  color:#000;
  background: #fff;
}
#nav-secondary li li li a, #nav-secondary li li li a:link, #nav-secondary li li li a:visited, #nav-secondary li li li a:active {
  display:block;
  color:#000;
  background: #fff;
}
#nav-secondary li li li a:hover{
  display:block;
  color:#000;
  background: transparent;
}
#nav-secondary li li a:hover{color:#fff;background:#000}

#nav-secondary li ul {background:transparent;width:171px;}
#nav-secondary li ul a {padding-left:25px}
#nav-secondary li ul .last {border:none;}
#nav-secondary li ul .first {border-top:1px solid #fff;}
#nav-secondary li.verticalItemOn a  {color:#fff;background:#000} /*IE6 is stupid and doesnt get this property right. it gets the background color but doesnt get the font color */

/* SECONDARY NAVIGATION - 2nd TIER */
#nav-secondary ul {margin: 0;padding:0;display:none;visibility:hidden;}
#nav-secondary {
/*	margin-top:21px;*/
	margin-bottom:5px;
	}
	
/*3RD TIER */
#nav-secondary li li li a:link, #nav-secondary li li li a:visited {
	background: transparent;
	padding-left:37px;
	}
#nav-secondary li.verticalItemOn li li a:hover {
	color:#fff;
	border-right:none;
	background: #000;
	padding-left:33px;
	}
#nav-secondary li.verticalItemOn li a:hover  {
	padding-left:23px;
	}

#search {
	background: transparent url(/images/organizations/cms/weld/images/divider.gif) no-repeat 0px 0px;
	padding: 19px 0px 0px 20px;
	margin-left:-4px;
	font:bold 12px arial;
	color:#212121;
	text-align:center;
	}
	
#search {
	text-align:left;
	}
#searchInput {
	text-align:left;
	}
#searchBtn {
	background: transparent url(/images/organizations/cms/weld/images/searchBtn.gif) no-repeat 0px 0px;
	height: 21px;
	width: 38px;
	border:none;
	vertical-align:middle;
	cursor:pointer;
	}
		
#login {
background: transparent;
text-align:right;
color:#fff;
width:300px;
position:absolute;
top:55px;
right:0;
}

#login input[type='text'], #login input[type='password']{width:90px;font-size:9pt; font-family:sans-serif; background-color:#aeaeae;border-top:1px solid #666666;border-left:1px solid #666666;border-bottom:1px solid #eaeaea;border-right:1px solid #eaeaea;}
#login input[type='image'], #login input[type='submit']{border:0;}
#login_btn {background: transparent url(/images/organizations/cms/weld/images/loginBtn.gif) no-repeat 0 0px;
height:19px;
width:57px;
margin:auto;
border:0;
cursor:pointer;
}

#forgotten a {
display:none;
}

#cal {
	float:right;
	margin-top:101px;
	margin-right:43px;
	position:relative;
	}
	
#personal {
clear:both;
background: transparent url(/images/organizations/cms/weld/images/divider.gif) no-repeat 0px 0px;
padding: 24px 0px 0px;
margin-left:-4px;
font:bold 12px arial;
color:#212121;
text-align:center;
}

#whats_happening {
background: transparent url(/images/organizations/cms/weld/images/divider.gif) no-repeat 0 0;
padding: 23px 4px 0px;
margin-left:0px;
color:#212121;
}

#welcome li {
text-align:left;
list-style-type: none;
background-repeat: no-repeat;
background-position: 0 0;
padding: 5px 0px 0px 29px;
margin: 0px 0px 0px -32px;
height:32px; 
}

#wel_cal {background-image: url("/images/organizations/cms/weld/images/cal.gif");background-repeat: no-repeat;background-position: 0 0;}
#wel_files {background-image: url("/images/organizations/cms/weld/images/files.gif");background-repeat: no-repeat;background-position: 0 0;}
#wel_pers {background-image: url("/images/organizations/cms/weld/images/pers.gif");background-repeat: no-repeat;background-position: 0 0;}
#wel_admin {background-image: url("/images/organizations/cms/weld/images/admin.gif");background-repeat: no-repeat;background-position: 0 0;}
#wel_help {background-image: url("/images/organizations/cms/weld/images/help.gif");background-repeat: no-repeat;background-position: 0 0;}
#wel_log {background-image: url("/images/organizations/cms/weld/images/logout.gif");background-repeat: no-repeat;background-position: 0 0;}
#wel_mychildren {background-image: url("/images/organizations/cms/weld/images/fam.gif");background-repeat: no-repeat;background-position: 0 0;}
#wel_lesson {background-image: url("/images/organizations/cms/weld/images/lesson.gif");background-repeat: no-repeat;background-position: 0 0;}
#wel_onlinegrades {background-image: url("/images/organizations/cms/weld/images/grades.gif");background-repeat: no-repeat;background-position: 0 0;}

#personal {font-size:1.1em;font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;}
#welcome a:link {color:blue} 
#welcome a:visited {color:blue} 
#welcome a:hover {color:#000} 

/******FOOTER******/
#ftr {
	background: transparent url("/images/organizations/cms/weld/images/footerTile.gif") repeat-x 0 0;
	height:53px;
	clear:both;
	width:100%;
	}
#footerLeft {
	background: transparent url("/images/organizations/cms/weld/images/footer.gif") no-repeat 0 0;
	height:53px;
	width:189px;
	float:left;
	}
#footerRight {
	background: transparent url("/images/organizations/cms/weld/images/footerRight.gif") no-repeat 0 0;
	height:53px;
	width:240px;
	float:right;
	}
#powered .spaced span{
	font:11px Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	color:#000;
}

#powered {
	height:60px;
}

#powered .text_small span{
	font:9px Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	color:#000;
}