/* CSS Styles for Gael Switchboards */
/*MAIN MENU*/
#bar ul {
	list-style:none;
	margin:0;
	padding:0;
	width:100%;
	float:left;
}

#bar ul li {
	display:inline;
}

#bar ul li a {
	display:block;
	float:left;
	color:#FFF;
	text-decoration:none;
	padding:7px 30px 0 30px;
	font-weight:bold;
}

#bar ul li a:hover {
	color: #FF6600;
}

/*SIDE NAVIGATION*/

#navbar ul {
	list-style:none;
	padding:0;
	margin:0;
}

#navbar ul li {
	background:url(../images/sideNavBG.jpg) repeat-y top;
	margin-bottom:5px;
}

#navbar ul li.heading {
	color:#FF6600;
	padding:5px 0 5px 15px;
}

#navbar ul li a {
	display:block;
	text-decoration:none;
	padding:5px 0 5px 15px;
	color:#FFF;
}

#navbar ul li a:hover {
	color: #FF6600;
}

a:visited {
	text-decoration: none;
	color: #FF6600;
}
a:active {
	text-decoration: none;
	color: #FF6600;
}
.catalogtable {
width:99.9%;
border:#333333 solid 2px;
border-spacing:0px;
/* shock horror, ie doesn't support this **/
}.catalogtable {
width:100%;
/* shock horror, ie doesn't support this **/
}
.catalogheader {
background-color:#666666;
border-right:#FFFFFF solid 2px;
margin:0px;
height:60px;
font:Arial bold;
width:25%;
font-size:14px;
font-style:bold;
text-align:center;
color:#FFFFFF;
font-weight: bold;
}
.catalogheader_right {
margin:0px;
width:25%;
height:60px;
font:Arial bold;
font-size:14px;
text-transform:uppercase;
font-style:bold;
text-align:center;
color:#FFFFFF;
font-weight: bold;
background-color:#666666;
}
.tablecells {
border:#CCCCCC solid 1px;
}
.orangegrouping {
background-color:#FF6600;
color:#FFFFFF;
font-weight:bold;

}
.greyheader {
background-color:#666666;
color:#FFFFFF;
font-size:14px;
font-weight:bold;
}
#header {
background-image:url(../images/header.gif);
max-width:1000px;
width:95%;
text-align:right;
height:138px;
margin:0 auto;
}
body {
	text-align:center;
	left:auto;
	right:auto;
	background-color: #666666;
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: 0px;
	margin-right: 0px;
}
#container {
text-align:center;
width:100%;
left:auto;
right:auto;
}
#logo {
padding-top:35px;
padding-right:15px;

}

h1 {
font-family:Verdana;
font-size:20px;
color:#333333;
text-align:left;

}h2 {
font-family:Verdana;
font-size:16px;
color:#333333;
text-align:left;

}
h3 {
	background-color:#FF6600;
	color:#FFF;
	font-size:11px;
	padding:3px;
	font-weight:normal;
	width:72%;
}
#bar {
background-image:url(../images/black_gradient.jpg);
height:30px;
margin:0 auto;
max-width:1000px;
width:95%;
}
#navbar {
width:234px;

height:100%;

margin: 0 auto;
text-align:left;
}
.navcol {
width:20%;
text-align:left;
vertical-align:top;
background-image:url(../images/menugradient.jpg);
background-repeat:repeat-y;
background-position:left;
}
.contentcol {
width:80%;
text-align:left;
vertical-align:top;
}
#table {
max-width:1000px;
width:100%;
}
#contentwrap {
max-width:1000px;
width:95%;
margin:0 auto;
background:#FFFFFF;
}

#cborder {
margin:4px auto;
padding:3px;
border-color:#C1C1C1;
border-width:1px;
border-style:solid;
background:#D8D8D8;
width:99%;
display:table;
}
#bottombarl {
float:left;
}
#bottombarr {
float:right;

}
#officefooter {
background-image:url(../images/office.jpg);
background-repeat:repeat-x;
width:100%;
margin:4px auto;
margin-top:10px;
height:93px;
clear:both;
}
#bottombar {
max-width:1000px;
width:95%;
margin:0 auto;
height:30px;
background-image:url(../images/black_gradient.jpg);
background-repeat:repeat-x;
}
#bottomlinks {
position:inherit; left:20%; padding-top:8px; color:#FFFFFF;
font-size:9px;
}

.style1 {
	font-size: 18px;
	color: #666666;
}
body,td,th {
	font-family: verdana;
	font-size: 11px;
}
#sitemap a:link {
color:#666666;
font-size:11px;

}
a:link {
	color: #FF6600;
	text-decoration: none;
}
a:hover {
	color: #FF9900;
	text-decoration: underline;
}
.pa {
padding-left:5px;
padding-right:5px;
padding-bottom:3px;
}
.bold {
font-weight:bold;
}

.tdtopalign {
vertical-align:top;
}
.tdvalign {
vertical-align:top;
}
#logobottom {

}
#logowrap {
text-align:right;
max-width:1000px;
width:95%;
margin:0 auto;
}

		/*this is the css for the vertical version*/
		.vertical ul{
			list-style-type: none;
			padding: 0px;
			width: 204px;
		}
		.vertical li a{
			display: block;
			width: 195px;
			text-decoration: none;
			height: 1.2em;
			padding: .1em 1px;
			border-top: 0px;
		}
		.vertical li{
			/*Needed for IE. Don't ask me why, It was a lucky guess.*/
			display: inline;
		}
		.vertical li ul{
			position: absolute;
			margin-top: -22px;
			margin-left: 200px;

		}
		/*this is the css for the horizontal version*/
		.horizontal ul{
			list-style-type: none;
			padding: 0px;
			border-left: 1px solid;
			display: block;
			height: 1.4em;
		}
		.horizontal li{
			float: left;
			display: inline;
		}
		.horizontal li a{
			text-decoration: none;
			height: 1.2em;
			float: left;
			display: block;
			width: 125px;
			padding: .1em 1px;
			border: 1px solid;
			border-left: none;
		}
		.horizontal li li a{
			border-top: none;
			border-left: 1px solid;
		}
		.horizontal li ul{
			position: absolute; 
			margin-top: 1.3em;
			margin-left: -1px;
			width: 129px;
			border: none;
			display: block;
			height: auto;
			border-top: 1px solid;
		}
		.horizontal li li ul{
			position: absolute;
			margin-top: .1em;
			margin-left: 125px;
		}
		.horizontal li ul li a{
		width: 125px;
		}
		/*This section makes the menu not work in non-javascript enabled browsers by not showing the menu by default-This can be worked around by making top level links point to a sitemap*/
		/*Not sure if I recommend this or not*/
		.inaccesible li ul{
			display: none;
		}
		/*Arrow code - looks like <a class="haschild" href="#">Text <span>Arrow</span></a> can be turned on/off with arrow class*/
		.arrow a span{
		padding-left: 1em;
		font-size: 85%;  
		}
		.arrow a:hover span{
		padding-left: 2em;
		}
		.arrow a span.noshow{
			visibility: hidden;
		}
		/*Plus code*/
		.plus a span{
			padding-left: .5em;
		}
		/*colors for menu*/
		.blackwhite li a{
			background-color:#FFFFFF;
			color: black;
			overflow:hidden;	
			padding:8px;
			vertical-align:middle;
		
		
			
		/*border-color: black;*/
		}
		.blackwhite li a:hover{
			background-color:#FF9900;
		/*	background-image:url(../images/cascadebg.jpg); */
			color: white;
			border-color: black;
			
		}
		.blackwhite ul{
			
		}
		.bluewhite li a{
			background-color: white;
			color: #000033;
			border-color: #000033;
		}
		.bluewhite li a:hover{
			background-color: #000033;
			color: white;
			border-color: #000033;
		}
		.bluewhite ul{
			border-color: #000033;
		}