﻿/*********** Main layout styles to establish the top and bottom section of the pages ***********/

/* *** Main Body ** */
#container {
	clear:both;
	background-color: #fff;
	margin: 10px auto 20px auto;
	padding: 10px 20px 0 20px;
	width: 890px; /* was 890 */
	background-image: url(images2010/background.jpg);
	background-repeat: repeat-y;
	background-position: center top;
	}
/***** Main HTML TAG Styles *****/
*{
	font-family:  "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 100%;
}

body {
	background-color: #f7f7f7;
	margin: 0;
	padding: 0;
	}
	/*emphesised on anchors*/
a.em{
	text-decoration: underline;

}
a.em:hover{
	text-decoration: none;
}

a{

	color: #D96C00;
	text-decoration: none;
}
a:hover {
	color: #FD5C18;
	text-decoration: underline;
	}
p{
	color: #000000;

}

/* *** top bar *** */

#topbar {
	margin:0;
	padding:0;
	background: #fff;
	}

#topbar #logo h1 {
	margin: 0;
	padding:0;
	float: left;
	width: 169px;
	height: 74px;
	background-image:url(images2010/creatives.gif);
	background-repeat:no-repeat;
	}


* html #topbar #logo h1 {
	margin: 0 -3px 0 0;
	}

#topbar #logo a {
	display:block;
	text-decoration:none;
	width: 169px;
	height: 49px;
	}

#topbar #logo h1 span {
	display: none;
	}

/* ***  Flash movie ** */

#topbar #subhead {
	margin: 0;
	padding: 0;
	}
#banner_ad {
	display: none;
	margin: 0;
	padding: 0;
	z-index:0;
}

/* *** Nav Bar *** */


#navbar {
	font-size: 70%;
	clear:both;
	margin: 0;
	padding: 0;
	width: 892px;
	height: 31px;
	background-image:url(images2010/menu-bar.jpg);
	background-repeat:no-repeat;
	}

* html #navbar {
	padding: 0;
	}

* html #navbar ul {
	margin: 0;
	}

#navbar li {
	margin: 0;
	padding: 0;
	display:inline;
	}

#navbar li a {
	margin: 0;
	padding:5px 5px;
	text-decoration:none;
	color:#000;
	}

#topmenu{
	list-style-type:none;
	float:left;
	background-image: url(images2010/menu-divide.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

#dmenu, #rightmenu {
	list-style-type:none;
	margin:0 0 0 10px;
	padding:0;
	background-image: url(images2010/menu-divide.gif);
	background-repeat: no-repeat;
	background-position: left top;
}


#sitelinks ul {
background-image: url(images2010/menu-divide.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 30px;
	margin-right: 5px
	}


#navbar #dmenu li#topmenu a, #navbar #rightmenu li#topmenu a{
	display:block;
	width:auto;
/* */
	color:#000;
	text-indent:0px;
	text-align:left;
	text-decoration: none;
	padding:8px;*
	line-height:14px;
	z-index:300;
}

#navbar #dmenu #topmenu a:hover{
	text-decoration:underline;
	background-image:url(images2010/rollover.jpg);
	background-repeat:no-repeat;
	z-index:300;
	background-position: right top;
	}	

#submenu{
	list-style-type:none;
	position:absolute;
	margin: 0;
	padding:0;
	display:none;
	margin-top:-1px;
	background-color:#ddd;
	border-top:1px solid #869099;
	border-bottom:1px solid #869099;
	border-right:1px solid #869099;
	border-left:1px solid #869099;
	text-align:left;
	width:140px;
	margin-left: 0px;
	z-index: 300;
	font-size:12px;
}

 #submenu li a{
	display:block;
	width:140px;
 
	padding:1px;
	text-decoration: none;
	color:black;
	line-height: 10px;
}

* html #submenu li a{ /* fix ie link block bug */
	height:1px;
}

#navbar #dmenu #topmenu #submenu li a{
	display: block;
	width: 140px;
	text-indent: 4px;
	text-align: left;
	text-decoration: none;
	padding: 4px 0px 4px 0px;
	line-height: 14px;
	color: #333333;
}

#navbar #dmenu #topmenu #submenu li em{ /* for heading items in submenus */
	display:block;
	width:140px;
	text-indent: 4px;
	padding: 4px 0px 4px 0px;
	text-decoration:none;
	background-image:none;
	line-height: 10px;

	text-decoration: none;
	color:black;

}
/*#submenu li a:hover{
	text-decoration: none;

	background-image:none;
}*/
#navbar #dmenu #topmenu #submenu li:hover{
	text-decoration:none;
	background-image:none;

}	
#navbar #dmenu #topmenu #submenu li a:hover{
	text-decoration: none;
	background-image: url(images2010/navbarov.jpg);
	/*color: #FFFFFF;*/
	color: #F60;
	background-color: #eee;
	background-repeat: repeat-x;
}	

/* trigger lists nested under hovered list items */
#dmenu li.over ul{
	display: block;
}

#dmenu li:hover ul{
	display: block;
}

#dmenu li>ul {
	top: auto;
	left: auto;
}


#pagetop {
/*	margin: 0;
	padding: 0;
	height: 10px;
	background: #fff;*/
}

#toplinks {
	margin: 0 auto;
	padding: 0;
	width: 890px;
	}
.Spacer_bar {
	clear:both;
	margin:0;
	padding:0;
	height:6px;
	background:#fff;

}
/* bread crumb row */
#bcrumbrow {

	margin:0;
	padding:0;
	height:32px;
	background:#fff;
}
.bcrumb {

	font-size:11px;
	color: #666666;
	}
.bcrumb b{
	font-weight:bold;
	font-size: 12px;
	color: #666666;
}	
/* Search */

#searchbox {
/*	margin: 0 0 5px 0;*/
	padding: 0;
	float: right;
	width: 160px;
	height: 29px;
/*	background-image: url("images/searchbox.gif");
/*	background-position: right;*/
	background-repeat: no-repeat;
	text-align: right;

	vertical-align:middle;
}

input {font-size:.7em}

select {font-size:.7em}

#sear {
	margin: 5px 0 0 5px;
/*	padding: 0;
	width: 150px;
	float:left;
	font-size: 60%; */
	vertical-align:middle;
	}

#sear form {
	margin: 0;
	padding: 0;
	font-size: 80%;
	}

#sear input {
	margin: 0;
	padding: 0;
	font-size: 80%;
	}

.ipButton {
	margin: 0;
	padding: 0;
    width: 25px;
	height: 15px;
	border-style:none;
    background-color: #619BCB;
	}

* html .ipButton {
	height: 17px;
	}



/* *** Footer *** */

#footer {
	clear:both;
	padding:8px;
	text-align:center;
	font-size: 70%;
	width: 892px;
	height: 25px;
	background-image:url(images2010/menu-bar.jpg);
	background-repeat:no-repeat;
	}

#footer ul {
	margin:0;
	padding:0;
	}

#footer li {
	margin: 0;
	padding:0 15px;
	display:inline;
	/*border-right: 1px solid #fff;*/
	}

#footer li a {
	margin: 0;
	padding:0;
	text-decoration:none;
	color: #000;
	}

#footer li a:hover {
	color: #000;
	}

/* misc */

#pageend {
	/*display: none;*/
	clear:both;
	margin: 0;
	padding: 0;
	/*background: #fff;*/
	}

* html #pageend {
	margin: -6px 0 0 0;
	}


.

