html, body, td {
	   color: #111111;
	   font-size: 8pt;
	   font-weight: normal;
	   font-family: Arial, Verdana, Helvetica, sans-serif;
       }
a:link { 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-decoration: none; 
	color: #0f0f0f;
	}
a:visited { 
	text-decoration: none; 
	color: #0f0f0f;
	}
a:hover, a:active { 
	text-decoration: underline; 
	color: #333333;
	}

html {margin:0;padding:0}

body {
	padding:0 0 0 0; 
	margin:auto;
	background: #333333;
	}

#wrap {
	margin:auto;
	height:auto;
	width:760px;
	background: transparent url(/images/organizations/cms/pueblo/human/images/sub_body_tile.gif) repeat-y 0 0;
	}
	
#header {
	background: url(/images/organizations/cms/pueblo/human/images/header.gif) no-repeat top right;
	height: 113px; 
	z-index: 9999;
	}
	
/*#randomImg {
	float:right;
	position:relative;
	top:44px;
	right:0px;
	z-index:999;
	height:137px;
	width:580px;
}	*/


#globe {
	float:left;
	width:217px;
	}
#header2 {
	background:transparent url("/images/organizations/cms/pueblo/human/images/schoolHeader.gif") no-repeat 0 0;
    width:580px;
	margin-left:180px;
	height:181px;
	z-index:-9999;
	}
	
#header2 div {
	padding-top:44px;
	}
  
#hardTabs {
	padding-top:3px;
	}
	
#topRight {
	float:right;
	}
	
#search {
	background:transparent url("/images/organizations/cms/pueblo/human/images/search.gif") repeat-y 0 0;
	padding-top:10px;
	margin-bottom:0;
	margin-left:95px;
	}
#searchInput {
	text-align: left;
	width: 105px;
	font: 10px Arial, Verdana, Helvetica, sans-serif;
	background: #FFF;
	}
#searchBtn {
	background: #212121;
	height: 17px;
	width: 25px;
	border:none;
	padding: 0;
	cursor:pointer;
	font:12px Arial, Verdana, Helvetica, sans-serif;
	color:#FFFFFF;
    vertical-align:bottom;
	}
    
#translationBar {
	background: transparent;
	height:21px;
	padding-top:8px;
	margin-left:150px;
	}
	
#translationBar a, #getBack a {
	color:#212121;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight:normal;
	text-decoration: none; 
	font-size:1em;
	}
#translationBar a:hover, #getBack a:hover {
	color: #f8c528;
	}

/* NAV - top horizontal nav */
#bar {clear:both;margin:13px 0 0 30px;}
#nav, #nav ul {padding: 0;margin: 0;list-style: none; }
#nav {float:left;font:bold 13px Arial, Verdana, Helvetica, sans-serif;margin: 14px 0 0 0px;position:relative;z-index:99999;}
#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:Arial, Verdana, Helvetica, sans-serif;cursor:pointer;color:#0f0f0f;display: block;padding: 3px 15px 0px 10px}
#nav a:hover {color:#c4bc6b}
#nav li ul {border:1px solid #0f0f0f;background: #0f0f0f;width:14em;font-size:90%;position: absolute;font-weight:normal;left: -9999em}
#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-top: 1px solid #777;border-bottom: 1px solid #333;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:#fff;padding: 3px 8px 2px 8px;}
#nav li li a:hover {color:#0f0f0f;background:#c4bc6b}
#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*/
*:first-child+html #nav {
height: 1%;
}
*:first-child+html #nav li {
height: 1%;
} 
/*END IE7 FIX*/
	

/* SECONDARY NAVIGATION - vertical navigation */	
#sideNav {background:#c5bd6c}
#nav-secondary, #nav-secondary ul {position:static}
#nav-secondary, #nav-secondary li {list-style:none; margin:0; padding:0;}
#nav-secondary {width:180px;margin:15px 0 0px 0px;background:transparent url("/images/organizations/cms/pueblo/human/images/sideNavTile.gif") repeat-y 0 0;}
#nav-secondary a {line-height:1.3;padding: 5px 0 5px 12px;color:#fff;font-size:1.1em;font-family:Arial, Verdana, 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 a:link, #nav-secondary a:visited {color:#0f0f0f} 
#nav-secondary a:hover {color:#e6e4d1;background:#0f0f0f;}
#nav-secondary li li a, #nav-secondary li li a:link, #nav-secondary li li a:visited {
  display:block;
  color:#0f0f0f;
  background: transparent;
}
#nav-secondary li li a:hover{color:#e6e4d1;background:transparent}

#nav-secondary li ul {background:transparent;width:180px;}
#nav-secondary li ul a {padding-left:25px}
#nav-secondary li.verticalItemOn a  {color:#fff;background:#212121;} /*IE6 is stupid and doesnt get this property right. it gets the background color but doesnt get the font color */
#nav-secondary li li li {padding-left:12px;}
/* SECONDARY NAVIGATION - 2nd TIER */
#nav-secondary ul {margin: 0;padding:0;display:none;visibility:hidden;}


#column1 {
	background:transparent url("/images/organizations/cms/pueblo/human/images/divisions.gif") no-repeat 0 0;
	width: 180px;
	float:left;
    margin-top:-181px;
	}
	
/*#calendar {
	margin-top:12px;
	}*/
#login {display:none;}
#newLogin {
	font-size:14px; 
    border-top:15px solid #0f0f0f;
    background: transparent;
    text-align:center;
    color:#000;
    padding:12px 13px 12px 5px;
    }

#login input[type='text'], #login input[type='password']{
    font-size:9pt; 
    font-family:sans-serif; 
    background-color:#d0cebe;
    border-top:1px solid #666666;
    border-left:1px solid #666666;
    border-bottom:1px solid #eaeaea;
    border-right:1px solid #eaeaea;
    margin-bottom:3px;
    }

#login input[type='image'], #login input[type='submit']{
	border:0;
    }

#login_btn {
    background:transparent url("/images/organizations/cms/pueblo/human/images/login_btn.gif") no-repeat 0 0;
    height:18px;
    width:68px;
    margin:0;
    border:0;
    }

#forgotten a {
    font:10px arial;
    color: #0f0f0f;
    text-align:center;
    display:block;
    float:right;
    margin:5px 0 0 0px;
    }


#personal {
    clear:both;
    border-top:15px solid #0f0f0f;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font:bold 12px arial;
    color:#fff;
    text-align:center;
    }

    
#welcomeMsg, #whatsUpMsg {color:#0f0f0f;font-size:1.4em;}

#whats_happening {
    border-top:15px solid #0f0f0f;
    padding: 2px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    color:#fff;
    }

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

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

#welcome a {font:12px Arial, Verdana, Helvetica, sans-serif;}
#welcome a:link {color:#0f0f0f} 
#welcome a:visited {color:#0f0f0f} 
#welcome a:hover {color:#333} 

#bodyWrap {
    margin:12px 5px 5px 190px;
	}
#mainBody {
	width: 550px;
	background-color:#fff;
	list-style-position: inside;
	overflow:visible;

	}
	
#foot {
	background: #f4f3ec;
	height:15px;
	padding:5px 0 0 65px;
	clear:both;
	}
#powered .spaced span{
	font:11px Arial, Verdana, Helvetica, sans-serif;
	text-align:center;
	color:#fff;
	}

#powered {
	background:#0f0f0f;
	height:55px;
    padding-top:8px;
	}

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