/*
Theme Name: Welcome to Glendale
Description: Wordpress theme created for The City of Glendale
Author: Mindspike Design
Author URI: http://www.mindspikedesign.com


/* ------------------------------ 
HTML Redefine Tags
------------------------------ */

For IE6
* html #main-feature {margin: 26px 0px 0px 120px;}
* html #column_feature_wrap {margin: 26px 0px 0px 120px;}



body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px;
	padding: 0;
	color: #333333;
	background-image: url(images/main-bg.jpg);
	background-repeat: repeat-x;
}

input, textarea h1, h2, h3, h4, h5, h6 {
	margin:0; 
	padding:0;}
	
h1 {
	font-size:18px;}

h3 {
	font-size: 13px;
	padding: 4px 0; 
	margin-bottom: 10px;}

a {
   outline: none;}
   

#logo-head {
	margin: 0px;
	padding: 20px 0px 0px 100px;
}

#column_introduction a:link {
	color:#25AAAC;
	text-decoration:none;
} /* unvisited link */
#column_introduction a:visited {
	color:#25AAAC;
	text-decoration:none;
} /* visited link */
#column_introduction a:hover {
	color:#25AAAC;
	text-decoration:underline;
} /* mouse over link */
#column_introduction a:active {
	color:#25AAAC;
	text-decoration:none;
} /* selected link */

.img-right {	
	float: right;
	border: 3px solid #ccb81c;
	margin: 0 0 5px 7px;
	}
	
.img-noBorder {
	border: none;}
	
.img-left {
	float: left;
	margin: 30px 0px 10px 0px;
}	


a:link.linkybox p{color:#333333; text-decoration:none;} /* unvisited link */
a:visited.linkybox p{color:#333333; text-decoration:none;} /* visited link */
a:hover.linkybox p{color:#fff; text-decoration:none;} /* mouse over link */
a:active.linkybox p{color:#333333; text-decoration:none;} /* selected link */

a:link.linkybox h2{color:#25AAAC; text-decoration:none;} /* unvisited link */
a:visited.linkybox h2{color:#25AAAC; text-decoration:none;} /* visited link */
a:hover.linkybox h2{color:#fff; text-decoration:none;} /* mouse over link */
a:active.linkybox h2{color:#25AAAC; text-decoration:none;} /* selected link */

a:link.linkybox{color:#25AAAC; text-decoration:none;} /* unvisited link */
a:visited.linkybox{color:#25AAAC; text-decoration:none;} /* visited link */
a:hover.linkybox{color:#fff; text-decoration:none;} /* mouse over link */
a:active.linkybox{color:#25AAAC; text-decoration:none;} /* selected link */



#column_three a:link.linkybox p{color:#333333; text-decoration:none;} /* unvisited link */
#column_three a:visited.linkybox p{color:#333333; text-decoration:none;} /* visited link */
#column_three a:hover.linkybox p{color:#fff; text-decoration:none;} /* mouse over link */
#column_three a:active.linkybox p{color:#333333; text-decoration:none;} /* selected link */



#column_three a:link.linkybox{color:#25AAAC; text-decoration:none;} /* unvisited link */
#column_three a:visited.linkybox{color:#25AAAC; text-decoration:none;} /* visited link */
#column_three a:hover.linkybox{color:#fff; text-decoration:none;} /* mouse over link */
#column_three a:active.linkybox { color:#25AAAC; text-decoration:none;} /* selected link */



/* ------------------------------ 
PAGE STRUCTURE 
------------------------------ */


.linkybox{
	float: left;
	width: 244px;
	padding: 0px 4px 0px 4px;
	margin: 0px 0px 10px 0px;}

.linkybox p {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px; 
	color:#333333;}

.linkybox h2 {
	font-size: 12px; 
	color:#333333; 
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px;}

.linkybox:hover { 
	background-color:#25AAAC; 
	color: #fff; 
	cursor: pointer; 
	cursor: hand;}

/*
#menu01{
	float: left;
	width: 114px;
	height: 18px;
	padding: 0px;
	background: url(images/button01-trans.png) 0 0 no-repeat;	
	text-indent: -999em;
	margin: 13px 0px 0px 681px;}

#menu01_on{
	float: left;
	width: 114px;
	height: 18px;
	padding: 0px;
	background: url(images/button01_on-trans.png) 0 0 no-repeat;	
	text-indent: -999em;
	margin: 13px 0px 0px 681px;}
*/

#navlist
{
	margin: 0;
	padding: 0 0 20px 10px;
}
#navbar #navcontainer {
	padding-top: 13px;
	padding-left: 110px;
}

#navlist ul, #navlist li
{
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
}

#navlist a:link, #navlist a:visited
{
	float: left;
	letter-spacing:1px;
	line-height: 14px;
	font-weight: normal;
	margin: 0 10px 4px 10px;
	text-decoration: none;
	color: #FFF;
}

#navlist a:link#current, #navlist a:visited#current, #navlist a:hover
{
	border-bottom: 2px solid #D4BD57;
	padding-bottom: 2px;
	background: transparent;
	color: #D4BD57;
}

#navlist a:hover {
	color: #D4BD57;
}

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

#container{
	width: 1068px;
	margin: 0 auto;
	background-color: #d2b41e;
	background: url(images/bg_repeat.jpg) repeat-y;}

#topbar {
	width: auto; 
	display: block; 
	height: 91px; 
	background: url(images/header.jpg) no-repeat;}
	
#navbar {
	width: auto; 
	display: block; 
	height: 45px; 
	background: url(images/menu_bg.jpg) no-repeat;}
	
#mid{
	width: auto; 
	display: block; 
	height: 272px; 
	background: url(images/mid.jpg) no-repeat;}
		
#main {
	width: auto; 
	display: block; 
	padding: 10px 0; 
	background: url(images/body_top.jpg) no-repeat top;}
	
#column_one {
	width: 264px; 
	margin: 26px 0px 0px 120px; 
	float: left;}
		
#column_introduction {
	width: 680px; 
	margin: 32px 82px 0px 0px; 
	float: right;}
		
#column_introduction p {
	font-family: Helvetica, Arial, sans-serif; 
	font-size: 12px; 
	margin: 0px 0px 15px 0px; 
	padding: 0; 
	line-height: 1.4;}
	
#column_introduction h2 {
	font-size: 17px;
	color: rgb(200, 177, 45);
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	line-height:24px;
	margin-bottom:10px;
}	
		
#column_two {
	width: 264px;  
	margin: 26px 0px 0px 18px; 
	float: left;}
		
#column_three {
	width: 264px;  
	margin: 26px 0px 0px 18px; 
	float: left;}
		
div.spacer {
	clear: both; 
	height: 10px; 
	display: block;}
	
#footer {
	width: auto;
	height: 75px;
	display: block;
	padding: 0px;
	font-size: 11px;
	color: #CCC;
	background: url(images/footer.jpg) no-repeat;
}
#footer .copyright {
	margin-left: 30px;
	margin-top: 0px;
	padding-top: 60px;
	clear: both;
}
	
/* ------------------------------ 
CUSTOM CLASSES
------------------------------ */

/* 
Add here your custom classes
*/

.contact_size {
	width: 600px;
	height: 450px;
	font-family: Helvetica, Arial, sans-serif; 
	font-size: 11px; 
	margin: 0px 0px 8px 0px; 
	padding: 0px 0px 0px 0px;
	color: #393939;}
#head-image {
	width: 894px;
	height: 272px;
	margin: 0px 0px 0px 90px;}

ul#header_rotate {
	width: 894px;
	height: 272px;
	margin: 0px 0px 0px 90px;}

ul#header_rotate li img {
	border: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;}

ul {
	list-style-type: none;
	list-style-image: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;}

	
#column_one_holiday {
	width: 200px;
	margin: 0px 0px 0px 120px;
	float: left;} 
	
#column_two_holiday {
	width: 200px;
	margin: 0px 0px 0px 18px;
	float: left;}
	
.linkybox-holiday a:active a:visited {
	color: #25AAAC;
	cursor: pointer;
	cursor: hand;
	background-color: white;}
	

/* 1-7 */
.teal {
	color: #25ABAD;
	font-weight: bold;}

/* 8 9 10 */
.purple {
	color: #662D91;
	font-weight: bold;}

/* 11-17 */
.yellow {
	color: #C9B22D;
	font-weight: bold;}

/* 18 24 */ 
.orange {
	color: #F7931E;
	font-weight: bold;}

/* 25 - 29 */
.blue {
	color: #005295;
	font-weight: bold;}

/* 30 - 35 */
.red {
	color: #DA1C5C;
	font-weight: bold;}

.green {
	color: #828F42;
	font-weight: bold;
}
.brown {
	color: #BC872B;
	font-weight: bold;
}


/* changes to the map */	

#Map {
	margin: 0px -81px 5px 0px;
	float: left;
	border: 3px solid #ccb81c;}


#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #204a5d;
	background-color: #fff;
	padding: 5px;
	opacity: 0.85;

	
	font-weight: normal;}
		

#tooltip h3, #tooltip div { margin: 0; }

#download-map {
	margin: 20px 0px 0px 0px;
	float: left;
	background-image: url(images/swirl_icon.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
	height: 30px;
}
.topten-number {
	padding-bottom: 30px;
}

.topten-image {
	float: right;
}



#column_directory {
	margin: 26px 0px 0px 120px;
	float: left;
}
#column_directory img {
	border: none;
}
.directory p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}
.directory a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #25AAAC;
	font-weight: bold;
	text-decoration: none;
}
.directory h2 {
	font-size: 17px;
	color: rgb(200, 177, 45);
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
}
.directory a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #25AAAC;
	font-weight: bold;
	text-decoration: none;
}
.directory a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #C8B12D;
	font-weight: bold;
	text-decoration: none;
}
.directory a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #25AAAC;
	font-weight: bold;
	text-decoration: none;
}
.directory_subhead_gold {
	font-size: 17px;
	color: rgb(200, 177, 45);
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
}
.directory_bold_teal {
	font-size: 12px;
	color: #25AAAC;
	font-weight: bold;
	font-style: normal;
	font-variant: normal;
}



#link-swirlyicon {
	margin: 0px;
	background-image: url(images/swirl_icon.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
	height: 30px;
}

.news_subhead_teal  {
	font-size: 14px;
	color: #25AAAC;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
}
#newsfeed_container {
	width: 400px;
	height: 25px;
	float: right;
	margin-right: 84px;
	margin-top: 65px;
	position: inherit;
	text-align: center;
}
#column_introduction h3 {
	font-size: 14px;
	color: #25AAAC;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
}
#footer .copyright a:link , .copyright a:active, .copyright a:visited  {
	color: #CCC;
	text-decoration: none;
}
#footer .copyright a:hover       {
	color: #CCC;
	text-decoration: underline;
}
#column_introduction .callout {
	font-size: 14px;
}
#container-feature {
	width: 1068px;
	margin: 0 auto;
	background-color: #d2b41e;
	background: url(images/bg_repeat_feature.gif) repeat-y;
}
#main-feature {
	width: auto;
	margin: 0 auto;
	display: block;
	padding: 10px 0;
	background: url(images/body_top_feature.jpg) no-repeat top;
}
#footer-feature {
	width: auto;
	height: 75px;
	display: block;
	padding: 0px;
	font-size: 11px;
	color: #FFF;
	background: url(images/footer_feature.jpg) no-repeat;
}
#footer-feature .copyright {
	margin-left: 120px;
	margin-top: 55px;
	clear: both;
}
#footer-feature .copyright a:link, .copyright a:active, .copyright a:visited {
	color: #CCC;
	text-decoration: none;
}
#footer-feature .copyright a:hover {
	color: #CCC;
	text-decoration: underline;
}
#column_feature_wrap {
	width: 862px;
	margin: 26px 0px 0px 120px;
	background-image: url(images/column_feature_bg.jpg);
	background-repeat: no-repeat;
	text-align: left;
}
#column_feature_right {
	margin: 0px;
	text-align: left;
	width: 500px;
	left: 527px;
	top: 445px;
	float: right;
	font-size: 13px;
	line-height: 16px;
	font-family: Arial, Helvetica, sans-serif;
	display: inline;
}
#column_feature_right h2 {
	font-size: 15px;
	line-height: 20px;
	color: #000;
}
#column_feature_left {
	margin: 0px;
	float: left;
	display: inline;
	width: 310px;
}

#feature_callout_box {
	background-image: url(images/feature_callout_box.gif);
	background-repeat: no-repeat;
	padding: 40px 10px 0px 15px;
	width: 271px;
	margin-top: 20px;
	height: 180px;
}

#main-feature a:link {
	color:#FC0;
	text-decoration:underline;
} /* unvisited link */
#main-feature a:visited {
	color:#FC0;
	text-decoration:none;
} /* visited link */
#main-feature a:hover {
	color:#FC0;
	text-decoration:underline;
} /* mouse over link */
#main-feature a:active {
	color:#FC0;
	text-decoration:none;
} /* selected link */

#feature_callout_box a:link {
	color:#099;
	text-decoration:underline;
} /* unvisited link */
#feature_callout_box a:visited {
	color:#099;
	text-decoration:none;
} /* visited link */
#feature_callout_box a:hover {
	color:#099;
	text-decoration:underline;
} /* mouse over link */
#feature_callout_box a:active {
	color:#099;
	text-decoration:none;
} /* selected link */
#feature_callout_box2 ul {
	list-style-type: disc;
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
}

#main-feature hr {color: #fff; background-color: #55cadb; border: 1px dotted #fff; border-style: none none dotted; }

#feature-logos {
	clear: both;
	height: 310px;
	margin: 0px;
	padding: 0px;
	text-align: center;
	width: 830px;
}
#feature-logos a {
	color: #00CDCD;
}

/* root element for accordion. decorated with rounded borders and gradient background image */
#accordion {
	background:#333 url(/img/global/gradient/h300.png) 0 0;
	width: 300px;
	border:1px solid #333;	
	-background:#666;
}

/* accordion header */
#accordion h2 {
	background:#ccc url(/img/global/gradient/h30.png);
	margin:0;
	padding:5px 15px;
	font-size:14px;
	font-weight:normal;
	border:1px solid #fff;
	border-bottom:1px solid #ddd;
	cursor:pointer;		
}

/* currently active header */
#accordion h2.current {
	cursor:default;
	background-color:#fff;
}

/* accordion pane */
#accordion div.pane {
	border:1px solid #fff;
	border-width:0 2px;
	display:none;
	height:180px;
	padding:15px;
	color:#fff;
	font-size:12px;
}

/* a title inside pane */
#accordion div.pane h3 {
	font-weight:normal;
	margin:0 0 -5px 0;
	font-size:16px;
	color:#999;
}

/* NEW SIDEBAR */

#sidebar{
	background-color:#e6f5f6;
	width: 231px;
	margin-left: 24px;
	margin-top:5px;
	padding: 60px 10px 0px 10px;
	background-image: url(images/sidebar_bg.jpg);
	background-repeat: no-repeat;
	background-position: top;
	min-height:488px;
}

#sidebar p {
	font-size:13px;
	color:#000;
	font-style:italic;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
}

#sidebar h2 {
	padding-top: 10px;
	font-size:15px;
	color:#339999;
	font-style:italic;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	line-height:22px;
}

#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
	}

#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
	}
	
#sidebar hr{
	border: none 0; 
	border-top: 4px solid #6CC;/*the border*/
	width: 100%;
	height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
	margin-top: 20px;
	margin-bottom:10px;
}

#sidebar a:link {
	color: #C63;
	text-decoration: none;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size:13px;
} /* unvisited link */
#sidebar a:visited {
	color: #C63;
	text-decoration: none;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size:13px;
} /* visited link */
#sidebar a:hover {
	color: #000;
	text-decoration: none;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size:13px;
} /* mouse over link */
#sidebar a:active {
	color: #C63;
	text-decoration: none;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size:13px;
}


/* CALENDAR */

	.calnk a:hover {
         background-position:0 0;
         text-decoration:none;  
         color:#000000;
         border-bottom:1px dotted #000000;
         }
    .calnk a:visited {
         text-decoration:none;
         color:#000000;
         border-bottom:1px dotted #000000;
        }
    .calnk a {
        text-decoration:none; 
        color:#000000; 
        border-bottom:1px dotted #000000;
		font-size:12px;
        }
    .calnk a span { 
        display:none;
        }
	.calnk a:hover span {
        color:#333333; 
        background:#FFC; 
        display:block;
        position:absolute; 
        margin-top:1px; 
        padding:5px; 
        width:150px; 
        z-index:100;
        }
     .calendar-table {
        border:none;
        width:100%;
     }
     .calendar-heading {
        height:25px;
        text-align:center;
        border:1px solid #D6DED5;
        background-color:#e6f5f6;
     }
     .calendar-next {
        width:25%;
        text-align:center;
     }
     .calendar-prev {
        width:25%;
        text-align:center;
     }
     .calendar-month {
        width:50%;
        text-align:center;
        font-weight:bold;
     }
     .normal-day-heading {
        text-align:center;
        width:25px;
        height:25px;
        font-size:0.8em;
        border:1px solid #DFE6DE;
        background-color:#e6f5f6;
     }
     .weekend-heading {
        text-align:center;
        width:25px;
        height:25px;
        font-size:0.8em;
        border:1px solid #DFE6DE;
        background-color:#e6f5f6;
        color:#339999;
     }
     .day-with-date {
        vertical-align:text-top;
        text-align:left;
        width:60px;
        height:60px;
        border:1px solid #DFE6DE;
     }
     .no-events {

     }
     .day-without-date {
        width:60px;
        height:60px;
        border:1px solid #E9F0E8;
     }
     span.weekend {
        color:#339999;
     }
     .current-day {
        vertical-align:text-top;
        text-align:left;
        width:60px;
        height:60px;
        border:1px solid #BFBFBF;
        background-color:#e6f5f6;
     }
     span.event {
        font-size:0.75em;
     }
     .kjo-link {
        font-size:0.75em;
        text-align:center;
     }
     .event-title {
        text-align:center;
        font-weight:bold;
        font-size:1.2em;
     }
     .event-title-break {
        width:96%;
        margin-left:2%;
        margin-right:2%;
        margin-top:5px;
        margin-bottom:5px;
        text-align:center;
        height:1px;
        background-color:#000000;
     }
     .event-content-break {
        width:96%;
        margin-left:2%;
        margin-right:2%;
        margin-top:5px;
        margin-bottom:5px;
        text-align:center;
        height:1px;
        background-color:#000000;
     }
     .calendar-date-switcher {
        height:25px;
        text-align:center;
        border:1px solid #D6DED5;
        background-color:#E4EBE3;
     }
     .calendar-date-switcher form {
        margin:0;
        padding:0;
     }
     .calendar-date-switcher input {
        border:1px #D6DED5 solid;
     }
     .calendar-date-switcher select {
        border:1px #D6DED5 solid;
     }
     .cat-key {
        width:100%;
        margin-top:10px;
        padding:5px;
        border:1px solid #D6DED5;
     }