/* EXPERIMENTAL */
#body {
	background-image:url('/images/static/main.png');
	background-repeat:no-repeat;	
	position:absolute; left:1px; top:0;
	padding-top:70px;
	width:980px;
}
#leftColumn {
	background-image:url('/images/static/urb-logo-bottom.gif');
	background-repeat:no-repeat;
	padding-left:10px;
	margin-left:0 !important;
	background-position:9px 0;
}

#rightColumn {
	margin-bottom:0 !important;
	padding-bottom:20px !important;
	min-height:300px;
	background-color:rgb(90%, 96%, 100%);
	border-left:1px solid #DDDDDD;
}
#rightColumn .waveTop { padding-left:6px; }
#rightColumn .calendarDay h4 span { border-bottom:1px solid rgb(90%, 96%, 100%); }

div.bgWhite { background-color:#FFFFFF !important; border-left-width:0px !important;}
div.bgWhite .calendarDay h4 span { border-bottom-color:#FFFFFF !important; }

#calendarFilter input.submit {
	background-color:#0191CC;
	border:1px dashed #FFFFFF;
	color:#FFFFFF;
	margin-top:4px;
	margin-left:22px;
	margin-bottom:20px;
}

#home {
	z-index:99;
	text-indent:-9999px;
	position:absolute;
	top:0;
	left:21px;
	display:none;
	width:109px;
	height:106px;
	background-image:url('/images/static/urb-logo.gif');
	background-repeat:no-repeat;
	background-color:#FFFFFF;
}

.departments a{
	font-weight:normal;
}
.departments a.current {
	font-weight:bold;
}

a.edit {
	border:2px solid #000;
	background-color:#FFF;
	color:#0787BC;
	display:inline-block;
	padding:4px 4px 4px 22px;
	width:auto;
	background-image:url('http://www.urbandaleschools.com/images/icons/pencil.png');
	background-repeat:no-repeat;
	background-position:2px 2px;

}
a.edit:hover {
	background-color:#F00;
	color:#FFF !important;
}
a.edit:visited {
	color:#0787BC;
}

ul.note li.sub {
	padding-left:35px;
}

#calendarFilter label {
	font-size:12px;
	letter-spacing:-0.05em;
}

/* END EXPERIMENTAL */

a img { border:0; }
img { color:#000; }
a:active { outline:none; }
.hide { display:none; }

.right { float:right; }
.gray { color:#666666; }
.cap { text-transform:uppercase; }

body {
	width:980px;
	margin:0 auto;
/*	color:#B1B1B1; */
	color:#000000;
	position:relative;
	padding-top:70px;
	font-family:Tahoma;
	font-size:12px;

	background-image:url('/images/static/background.png');
	background-position:center 0;
	background-repeat:repeat-y;
	background-color:#CCCCCC;
/*
	background-color:#CCCCCC;
	background-image:url('/images/static/full-bg.png') !important;
	background-repeat:no-repeat;
	background-position:top center;
*/
	word-wrap:break-word;
}

h6{
	margin:0;
	padding:0;
}

p {
	color:#000000;
}

h1#title {
	position:absolute; left:0; top:0;
	background-image:url('/images/static/main.png');
	background-repeat:no-repeat;
	height:112px;
	width:980px;
	text-indent:-9999px;
	margin:0; padding:0;
	z-index:1;
}
#middleColumn h1 {
	position:relative;
	text-indent:0;
	width:365px;
	background-image:url('/images/static/school-header.png');
	background-repeat:repeat-x;
	height:24px;
	margin-left:10px;
	margin-top:0;
	margin-bottom:0;
	color:#FFFFFF;
	padding:5px 15px;
	font-size:20px;
	text-transform:uppercase;
	letter-spacing:0.05em;
}

h2 { margin:5px 0;  padding-bottom:5px; height:0px }
h2.hasBG {
	background-repeat:no-repeat;
	text-indent:-9999px;
	height:26px;
	border-bottom:1px dashed #CCCCCC;
}

#page {
	background-color:#FFFFFF;
	padding-top:40px;
}

#leftColumn .waveTop {
	padding:60px 15px 0;	
}
#leftColumn .waveTop p { color:#666666; }
#middleColumn .waveTop {
	width:395px;
}

#rightColumn .waveTop {
/*	width:354px;*/
	z-index:5;
	height:100%;
	
}


#mainNav , #secondaryNav , #smallGallery ul { list-style:none; margin:0; padding:0; }
#secondaryNav { margin-top:10px; }

#smallGallery { margin-top:20px; }
#smallGallery li { float:left; margin-left:6px; }
#smallGallery li.first { margin-left:0; }
#smallGallery img {
	background-image:url('/images/static/thumb-bg.png');
	padding:4px 5px 5px;
}
#smallGallery a.more {
	width:150px;
	text-align:right;
	margin-right:0;
}

.waveTop { position:relative; background-repeat:no-repeat; min-height:62px; }
.waveTop h2 {
	color:#FFFFFF;
}

.waveTop a.calendar { position:absolute; top:20px; right:20px; color:#FFFFFF; background:url('/images/static/calendar.gif') no-repeat left; padding-left:20px; }
.waveTop div.waveAction { position:absolute; top:20px; right:20px; color:#FFFFFF; z-index:15; }
.waveTop div.waveAction a { color:#FFFFFF; text-decoration:none;}
.waveTop div.waveAction a:hover { text-decoration:underline;}

.waveTop div.waveAction a.print { background:url('/images/icons/printer.png') no-repeat left; padding-left:22px; z-index:20; }
.waveTop div.waveAction a.email { background:url('/images/icons/email.png') no-repeat left; padding-left:22px; z-index:20; }


thead {
	display:none;
}

#footer p { color:#FFFFFF; }

/* Link styles */
a { color:#0C76A2; font-weight:bold; }
a:hover { color:#DE1414; }
a:visited:hover { color:#DE1414; }
a:visited { color:#333333; }
#mainNav a {
	color:#888888;
	text-decoration:none;
	font-size:14px;
	background-image:url('/images/static/link-left-blue.png');
	background-repeat:no-repeat;
	background-position:2px 3px;
	padding-left:16px;
}
#mainNav li {
	padding:4px 0;
	border-bottom:1px dashed #CCCCCC;
}

#mainNav li ul {
	list-style:none;
	margin:0 10px;
	padding:0;
	position:relative;
	top:0;
}
#mainNav li ul li {
	border:none;
	background:none;
	margin-left:10px;
	padding:0;
}
#mainNav li ul li a {
	font-size:10px;
	font-family:Tahoma;
	color:#666666;
	background-image:none;
	padding:0;
}
#mainNav li ul li a:hover {
	text-decoration:underline;
	color:#F00;
}

#mainNav ul li ul li{
}



#secondaryNav a {
	color:#666666;
	font-size:12px;
	font-weight:normal;
	text-decoration:none;
	text-transform:uppercase;
	background-image:url('/images/static/link-left-gray.png');
	background-repeat:no-repeat;
	background-position:2px 1px;
	padding-left:16px;
	display:inline-block;
}
#secondaryNav li {
	padding:4px 0;
	border-top:1px dashed #CCCCCC;
}
#secondaryNav {
	margin-bottom:15px;
}

ul#secondaryNav li ul {
	list-style:none;
	padding:0 0 0 16px;
	margin:6px 0 0 0;
}
ul#secondaryNav li ul li a {
	background-image:none;
	margin:0 0 0 0px;
	padding:0 0 0 10px;
	display:inline-block;
	text-transform:none;
}

#footer a { color:#FFFFFF; font-weight:normal; }

.newsEntry h4 { color:#425979; font-size:13px; padding-bottom:5px; margin-bottom:0; border-bottom:1px dotted #CCCCCC; }
.newsEntry p { margin-left:16px; color:#666666; }

.calendarDay { width:97%; margin-top:10px; margin-bottom:5px; }
.calendarDay h4 { margin:0; border-bottom:1px solid #CCCCCC; color:#FFFFFF; height:18px; }

.calendarDay h4 span.name {float:left; color:#01224D; padding-right:3px; padding-bottom:3px; border-bottom:1px solid #FFFFFF; position:relative; top:1px; }
.calendarDay h4 span.date {float:right; color:#999999; padding-left:3px; padding-bottom:3px; border-bottom:1px solid #FFFFFF; position:relative; top:1px;  }

.calendarDay td { font-size:12px; color:#333333; }
.calendarDay td span.time , .calendarDay td span.school { white-space:nowrap; padding:2px 5px 1px 5px; font-weight:bold; border-left:1px solid #CCC; border-right:1px solid #CCC; }
.calendarDay td span.time { background-image:url('/images/time-bg.png'); }
.calendarDay td span.school { background-image:url('/images/school-bg.png'); display:inline-block; }
.calendarDay td { border-bottom:1px dotted #CCC; padding:10px 4px; }

.lunchCalendar tbody td.weekNumber { text-align:center;}
.lunchCalendar tbody td {
	height:94px;
	border-right:1px solid #FFF;
	border-bottom:1px solid #FFF;
	text-align:left;
}
.lunchCalendar tbody p { font-size:10px; }

.promo { margin-top:10px; }

#staffLogin { position:absolute; top:4px; right:20px; z-index:2;  }
#staffLogin a {display:block; text-indent:-9999px; background-image:url('/images/static/staff-login.png'); width:77px; height:22px; }

form#cse-search-box {
	position:absolute;
	top:41px;
	right:20px;
	z-index:2;
}
form#cse-search-box input.text {
	position:relative;
	top:-6px;
}

#selectSchool {
	margin:15px 0 0 0;
	height:47px;
	padding:10px;
	background-image:url('/images/static/school-gradient.png');
	background-repeat:repeat-x;
}
#selectSchool label {
	color:#CCCCCC;
	display:block;
	font-weight:bold;
}
#selectSchool select {
	font-weight:bold;
	margin-top:7px;
	color:#018FCD;
	width:150px;
}
#selectSchool input {
	display:none;
}

#leftColumn { padding-top:40px; width:180px; margin-left:20px; float:left; margin-bottom:20px; min-height:600px; }
#middleColumn { margin-left:5px; width:420px; float:left; margin-bottom:20px; }
#rightColumn { width:353px; float:left; margin-bottom:20px; margin-left:3px; }
#fullColumn { margin-left:20px; width:760px; float:left; margin-bottom:20px; height:100%; overflow:auto;}

#fullColumn .waveTop { padding-right:20px; width:720px; float:left; }

#footer { clear:both; background-image:url('/images/footer.png'); background-repeat:no-repeat; padding-left:26px; padding-top:7px; margin:20px auto 0; height:65px;}
.waveTop { padding-top:50px; }

.waveTop h2 { font-family:Helvetica; text-indent:-9999px; width:90%; }

#homeImage { background-image:url('/images/static/main-image-shadow2.gif'); background-repeat:no-repeat; padding-left:20px; padding-bottom:9px;}

#middleColumn .waveTop { margin-left:10px; }

.yellowBg { background-color:#FAF6DB; height:100%; overflow:auto; }
.yellowBg h2 { background-position:10px 2px; border-bottom:0; }

.yellowBg ul , ul.note , ul.note ul { list-style:none; margin:0; padding:0; overflow:hidden; }
.yellowBg ul li  { text-transform:uppercase; padding:3px 0 3px 10px; border-top:1px dashed #CCCCCC; }
ul.note li { padding:3px 0 3px 10px; position:relative; }
.yellowBg ul li.first { border-top:none; }
.yellowBg ul li a , ul.note li a { text-decoration:none; color:#333333; font-weight:normal;}
.note a:hover { text-decoration:underline; }

ul.note li a , ul.note li span  { display:inline-block; color:#333333; text-transform:none; background-image:url('/images/static/note.png'); background-repeat:no-repeat; background-position:0 1px; min-height:16px; padding-left:24px; padding-right:5px;}
ul.note li .folder { background-image:url('/images/icons/folder.png'); background-position:0 0px; font-weight:bold; cursor:pointer; }
ul.note li .link { background-image:url('/images/icons/layout_sidebar.png'); background-position:0 0px; }
ul.note li .book { background-image:url('/images/icons/book.png'); background-position:0 0px; }

ul.note li.empty { display:inline-block; color:#999999; text-transform:none; min-height:16px;  padding-right:5px; }

ul.note ul { margin-left:2px; margin-top:2px; border-left:1px dashed #CCCCCC; }

#websiteLinks li {border:0; }
#websiteLinks { border-top:1px dashed #CCCCCC; }

a.more {
	float:right;
	margin:5px 12px 16px 0;
	text-transform:uppercase;
}

.alert {
	/*background-image:url('/images/static/alert-bg.png');*/
	background-position:center 14px;
	background-repeat:no-repeat;
	margin-left:10px;
	width:395px;
	height:100%;
	overflow:auto;
}
.alert img {
	padding:20px 15px 20px 25px;
	float:left;
}
.alert p {
	margin-top:30px;
	color:#666666;
	font-weight:bold;
	padding-right:20px;
}


.transparent { background-image:none !important; background-color:transparent !important; }
.principal {
	height:170px;
	overflow-y:hidden;
	overflow-x:auto;
	clear:right;
	margin-top:10px;
	background-image:url('/images/static/principal-bg.png');
	background-repeat:repeat-x;
	background-color:#6D6F71;
}
.principal h4 , .staffbadge h4 {
	text-transform:uppercase;
	color:#CCCCCC;
	font-size:12px;
}
.principal strong , .staffbadge strong {
	text-transform: none;
	display:block;
	color:#E8E878;
	font-size:18px;
}

.principal a , .staffbadge a , .principal p , .staffbadge p {
	color:#CCCCCC;
}
a.email {
	background-image:url('/images/static/email.png');
	background-repeat:no-repeat;
	background-position:0 3px;
	padding-left:20px;
}


.staffbadge {
	margin-left:10px;
	width:395px;
	background-image:url('/images/static/staffbadge-bg.png');
	height:100%;
	overflow:auto;
	background-repeat:repeat-x;
	background-color:#414141;
	
}
#middleColumn div.staffbadge h1 {
	padding-top:8px;
	height:26px;
	background-image:none;
	font-size:14px;
	margin-left:0;
}
.staffbadge img {
}


.calendarNavigation {
	background-color:#4D4D4D;
}
.calendarNavigation td {
	text-align:center;
}
.calendarNavigation td.header {
	font-family:Helvetica;
	font-size:14px;
	font-weight:bold;
	color:#A6D9EC;
}

.monthCalendar thead {
	display:table-header-group;
}
.monthCalendar thead th {
	border-bottom:1px solid #FFF;
}

.monthCalendar td, .monthCalendar th {
	text-align:center;
	cursor:default;
}
.monthCalendar td.weekNumber {
	color:#F35923;
	border-right:1px solid #FFFFFF;
}
.monthCalendar th.weekNumber {
	border-right:1px solid #FFFFFF;
}

.monthCalendar .weekend a {
	color:#1A9CCD;
}
.monthCalendar .gray {
	color:#999999;
}
.monthCalendar {
	background-color:#E6E6E6;
	font-family:Helvetica;
	font-size:14px;
	font-weight:bold;
	color:#102D55;
}
.monthCalendar a {
	text-decoration:none;
	color:#102D55;
}
.monthCalendar a:hover {
	color:#DE1414;
}

.grayBg {
	background-color:#868686;
}

#calendarFilter div {
	padding:2px 10px;
	font-size:14px;
	font-family:Helvetica;
	color:#FFFFFF;
}

#middleColumn .narrowColumnLeft {
	width:190px;
	float:left;
	margin-left:10px;
}
#middleColumn .narrowColumnRight {
	width:190px;
	float:left;
	margin-left:15px;
}

.blogPost { padding:0 12px; }

.blogPost h3.title {
	color:#04214D;
	padding:3px 0;
	margin:1em 0 0 0;
	border-bottom:1px dotted #CCCCCC;
}
.blogPost p.date { margin:0; text-transform:uppercase; font-size:10px; font-family:Tahoma; color:#666666;}

.blogPost p { margin-left:12px; }

form.structured div {
	display:block;
	margin-top:10px;
}
form.structured label {
	color:#000000;
	font-size:12px;
	font-weight:bold;
	display:block;
	float:left;
	width:150px;
	text-align:right;
	padding:4px 6px 0 0;
}
form.structured input { width:200px; }
form.structured textarea { width:400px; height:150px; }
form.structured input.submit { margin-left:156px; width:auto; }

a.staffImageContainer {
	background-image:url('/images/static/staff-image-bottom.png');
	padding-bottom:4px;
	background-repeat:no-repeat;
	background-position:bottom;
	display:block;
	float:left;
	overflow:auto;
	width:104px;
	margin:10px;
}
img.staffImage {
	background-image:url('/images/static/staff-image-top.png');
	background-repeat:no-repeat;
	float:left;
	padding:6px 6px 3px 6px;

}

.feesTable {
	margin-left:20px;
	width:80%;
	color:#000000;
}
.feesTable th {
	text-align:left;
	padding-top:10px;
}
.feesTable a {
	width:80px;
	display:inline-block;
}

#rightColumn ul {
	margin-top:1em;
}
#rightColumn ul ul {
	margin:0;
}

.mealMenu { margin-top:10px; margin-left:20px;}
.mealMenu p { font-size:10px; margin:0 0 0 10px;}
.mealMenu h4 { font-size:10px; font-weight:bold; margin:0; }

#weather {
	position:absolute;
	top:7px;
	right:120px;
	z-index:15;
	color:#FFFFFF;
}

.board {
	clear:left;
	margin:10px 5px 0 5px;
	padding-bottom:10px;
	height:100%;overflow:auto;
	border-bottom:2px solid #DE1414;
}
.board img {
	float:left;
	width:150px;
	margin-right:5px;
}
.board p , .board h3 {
	display:block;
	float:left;
	width:40%;
	margin:0;
}

/* ------ [ BLOG HEADER STYLES ] ------ */
.blogPost h1, .blogPost h2, .blogPost h3, .blogPost h4, .blogPost h5, .blogPost h6 {
	font-weight:bold;
	height:1em;
	text-indent:0;
	margin:0 0 1em 0;
	border:0;
	padding:0;
	color:#000000;
	font-family:Helvetica;
}
.blogPost h1 {font-size:16px;}
.blogPost h2 {font-size:14px;}
.blogPost h3 {font-size:12px;}
.blogPost h4 {font-size:11px;}
.blogPost h5 {font-size:10px;}
.blogPost h6 {font-size:8px;}

img.tipz {margin-top:3px; margin-left:3px;}

.tip {
	margin-top:8px;
	z-index:9999;
	padding:3px;
	background-color:#FFFFFF;
	color:#000000;
	width:300px;
	border:1px solid #000099;
	border-left-width:15px;
}
.tip-title {
	display:none;
	color:#000099;
	font-weight:bold;
}

#calendarDescHolder {
	background-color:#FFFFFF;
	border:1px solid #000000;
	width:250px;
	z-index:9999;
	padding:2px;
}
#calendarDescHolder h2 {
	font-size:14px;
	margin:0;
}
#calendarDescHolder p {
	font-size:12px;
}

.event_desc{
}

p.payment{
	float:right;
	position:relative;
	margin-top:5px;
}

p.tooltips{
text-align:center;
}

div.completePolicy span{
	font-size:12px !important;
}