﻿

/****BUTTONS****/
#button {background-color:#ffaa3c; -moz-border-radius: 5px; /*firefox*/  -khtml-border-radius: 5px; -webkit-border-radius: 5px; /*safari chrome*/ border-radius: 5px; 
    border:0px solid #dcdcdc; display:inline-block; color:#000000; font-family:Trebuchet MS; font-size:14px; font-weight:bold; padding:3px 10px 5px 10px; text-decoration:none;
	text-transform:uppercase; margin:5px;}
#button:hover {background-color:#fff; }
#button:active {position:relative; }

.highlight #smallbut {background-color:#ffaa3c; -moz-border-radius: 5px; /*firefox*/  -khtml-border-radius: 5px; -webkit-border-radius: 5px; /*safari chrome*/ border-radius: 5px; 
    border:0px solid #dcdcdc; display:inline-block; color:#000000; font-family:Trebuchet MS; font-size:10px; font-weight:bold; padding:3px; text-decoration:none;
	text-transform:uppercase; margin:2px;}
.highlight #smallbut:hover {background-color:#fff; }
.highlight #smallbut:active {position:relative; }

.highlight{ color:#023761; padding: 5px 0; }

/****BUTTONS****/
#button1 {background-color:#ffaa3c; -moz-border-radius: 5px; /*firefox*/  -khtml-border-radius: 5px; -webkit-border-radius: 5px; /*safari chrome*/ border-radius: 5px; 
    border:0px solid #dcdcdc; display:inline-block; color:#000000; font-family:Trebuchet MS; font-size:14px; font-weight:bold; padding:3px 10px 5px 10px; text-decoration:none;
	text-transform:uppercase; margin:5px;}
#button1:hover {background-color:#023761;  color:#fff;}
#button1:active {position:relative; }


#sidebar           { display: inline; float: right; width: 180px; margin: 5px;  text-align:left; }
/* * * * * * * * * * * * * * * * * * * * */
/* * * * * *  SIDEBAR THINGS   * * * * * */

/* * * * * * * * * * * * * * * * * * * * */
#sidebar 						{color:#fff; font-size:16px;}
#sidebar #img                  	{ margin:0; align: center; border:0px;  }
#sidebar #testimonials                { margin:5px 0px 2px 5px;  background:url(../images/top-testis.png) left top no-repeat; text-indent:30px; }
#sidebar #testimonials span          { color:#fff; font-size:14px;  text-decoration:none; font-weight:bold;  padding-left:50px; }
#sidebar #separator           {  background: url(../images/sidebar-separator.jpg) 0 100% no-repeat; height:2px; margin:15px 0; }

#sidebar h1                        { font-size: 1.5em; margin: 0px 0 5px; padding-bottom: 8px; background: url(../images/col_h2.gif) 0 100% no-repeat; }
#sidebar p.banner                  { margin: 17px 0; text-align: center; }
#sidebar #help                  { margin: 10px 1px 10px 5px;  }
#sidebar #help  img                 {float:right  }
#sidebar #Accredidations		{ margin: 10px 1px 10px 5px; font-family:"Trebuchet MS"; font-size:15px;  }
#sidebar #Accredidations h3		{ margin: 0; padding:5px 0;  }
#sidebar #Accredidations  img    {padding:5px 0px }
#sidebar #Accredidations  a    {color:#ffba3c  }



/* begin Menu */
/* menu structure */

.art-menu a, .art-menu a:link, .art-menu a:visited, .art-menu a:hover
{
	text-align:left;
	text-decoration:none;
	outline:none;
	letter-spacing:normal;
	word-spacing:normal;
}

.art-menu, .art-menu ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: block;
}

.art-menu li
{
	margin: 0;
	padding: 0;
	display: block;
	float: left;
	position: relative;
	z-index: 5;
	background:none;
}

.art-menu li:hover
{
	z-index: 10000;
	white-space: normal;
}

.art-menu li li
{
	float: none;
}


.art-menu ul
{
	visibility: hidden;
	position: absolute;
	z-index: 10;
	left: 0;
	top: 0;
	
}

.art-menu li:hover>ul
{
	visibility: visible;
	top: 100%;
	
}

.art-menu li li:hover>ul
{
	top: 0;
	left: 100%;
	color: #ffab4a;
	
}

.art-menu:after, .art-menu ul:after
{
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	overflow: hidden;
	clear: both;
}
.art-menu, .art-menu ul
{
	min-height: 0;
}

.art-menu ul
{
	/*background-image: url(images/spacer.gif);*/
	padding: 5px;
	margin: -5px 0 0 -10px;
}

.art-menu ul ul
{
	padding: 5px;
	margin: -2px 0 0 0px;
}

.art-menu ul ul ul
{
	float:left;
}


/* menu structure */

.art-menu
{
	padding: 0px 5px 0px 5px;
}

.art-nav
{
	position: relative;
	height: 39px;
	z-index: 100;
}

.art-nav .l, .art-nav .r
{
	position: absolute;
	z-index: -1;
	top: 0;
	height: 39px;
	/*background-image: url('images/nav.png');*/
	
}

.art-nav .l
{
	left: 0;
	right:10px;
	
}

.art-nav .r
{

}


/* end Menu */

/* begin MenuItem */
.art-menu ul li
{
	clear: both;
}

.art-menu li a
{
	position:relative;
	display: block;
	overflow:hidden;
	height: 45px;
	cursor: pointer;
	text-decoration: none;
	margin-right: 0px;
	margin-left: 0px;

}
 .art-menu li ul li ul li
{

margin:0 -10px 0 -10px;



}

.art-menu li ul li a, .art-menu li ul li ul li a
{
	position:relative;
	display: block;
	overflow:hidden;
	height: 25px;
	cursor: pointer;
	text-decoration: none;
	margin-right: 0px;
	margin-left: 0px;

}



.art-menu a .r, .art-menu a .l
{
	position:absolute;
	display: block;
	top:0;
	z-index:-1;
	
	/*background-image: url('images/MenuItem.png');*/
}

.art-menu a .l
{
	left:0;
	right:0px;
	
	
}

.art-menu a .r
{
	width:400px;
	right:0;
	clip: rect(auto, auto, auto, 400px);
}

.art-menu a .t 
{
	font-family: arial, Helvetica, Sans-Serif;
	font-size: 15px;
	font-weight: bold;
	color: #ffab4a;
	line-height: 45px;
	text-align: center;
	margin: 5px 12px 5px 0px;
	padding: 5px 12px 5px 0px;

}
.art-menu a:hover .t, .art-menu li a .active .t, .art-menu li a.active .t
{
	
	color: #ffffff;
	

}
.art-menu li ul li a .t, .art-menu li ul li ul li  a .t 
{
     font-family: arial, Helvetica, Sans-Serif;
	font-size: 13px;
     font-weight: bold;
	color: #ffab4a;
	padding: 5px;
	margin: 5px;
	line-height: 20px;
	text-align: center;
}

/* end MenuItem */

/* begin MenuSeparator */
.art-nav .art-menu-separator
{
	display: block;
	width: 1px;
	
	/*background-image: url('images/MenuSeparator.png');*/
}

/* end MenuSeparator */

/* begin MenuSubItem */
.art-menu ul a
{
	display:block;
	font-size: 13px;
	white-space: nowrap;
	width: 260px;
	overflow:hidden;
	color: #ffab4a;
	
}


.art-menu li ul li a .t, .art-menu li ul li a, .art-menu li ul li ul li a .t, .art-menu li ul li ul li a  {font-size: 13px; color: #ffab4a; margin-left: 5px;}
.art-menu li ul li a:hover, .art-menu li ul li a.active, .art-menu li ul li a:hover .t , .art-menu li ul li a.active .t, .art-menu li ul li ul li a:hover, .art-menu li ul li ul li a.active, .art-menu li ul li ul li a:hover .t , .art-menu li ul li ul li a.active .t {font-size: 13px; color: #ffffff; margin-left: 5px;}

.art-menu li ul li a.active,  .art-menu li ul li a.active .t, .art-menu li ul li ul li a.active,  .art-menu li ul li ul li a.active .t {font-size: 13px; color: #ffffff; margin-left: 5px; background: #041e36;}
.art-nav ul.art-menu ul span, .art-nav ul.art-menu ul span span, .art-nav ul.art-menu ul ul span, .art-nav ul.art-menu ul ul span span
{
	display: inline;
	float: none;
	margin: inherit;
	padding: inherit;
	text-align: inherit;
	text-decoration: inherit;
}

.art-menu li ul a, .art-menu li ul a:link
{
	text-align: left;
	text-decoration: none;
	color: #fff;
	font-family: arial, Helvetica, Sans-Serif;
	font-size: 13px;
	background: #284c70;
	border:none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #789ab8;
	padding-top: 8px;
	padding-bottom: 4px;	

}
.art-menu  a:visited, .art-menu a:hover, .art-nav ul.art-menu span, .art-nav .art-menu ul span span
{

	color: #ffffff;
	
	

}
.art-menu  a:active
{

	color: #ffffff;
	background: #041e36;
	

}

.art-menu li ul li a:hover
{
	color: #ffffff;
	background: #041e36;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #789ab8;
	
}


.art-nav .art-menu li ul li a:hover span, .art-nav .art-menu li ul li a:hover span span
{
	color: #ffffff;
}

.art-nav .art-menu li ul li:hover>a span, .art-nav .art-menu li ul li:hover>a span span
{
	color: #fff;
	background: #00578d;
	background-color:#1b3a58;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #789ab8;
}


/* end MenuSubItem */


.button {
    display: inline-block;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    font: 14px/100% Trebuchet MS, Helvetica, sans-serif;
    padding: .5em 2em .55em;
    text-shadow: 0 1px 1px rgba(0,0,0,.3);
    -webkit-border-radius: .5em;
    -moz-border-radius: .5em;
    border-radius: .5em;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.button:hover {
    text-decoration: none;
}
.button:active {
    position: relative;
    top: 1px;
}
.orange {
    color: #fef4e9;
    border: solid 1px #da7c0c;
    background: #f78d1d;
    background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
    background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
.orange:hover {
    background: #f47c20;
    background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
    background: -moz-linear-gradient(top,  #f88e11,  #f06015);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
.orange:active {
    color: #fcd3a5;
    background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
    background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}
fieldset{
	background-color: #FFFFFF;
}

.eirtbox{
	width:200px;
	
}

#rtpointsbox{
margin:10px 0 10px 8px; border-left-width: 1px;
	border-left-style: dashed;
	border-left-color: #cecece; padding-left:8px;}
	
.rtpoints{
 }

.rtpoints td{
padding-left:8px;
 }
 
#rtpointsbox h2{
margin:0px; padding:0px;
 }
  .rtpointText{
padding-left:23px; padding-right:5px;
 }
   .rtpointimg{
float:left; width:20px;
 }
 
.map{ padding:5px;  width:568px; border:solid 1px #CCCCCC; -moz-border-radius: 8px; /*firefox*/  -khtml-border-radius: 8px; -webkit-border-radius: 8px; /*safari chrome*/ border-radius: 8px; margin:0 5px;  background-color:#daf0fd;}

.contentbox{ padding:20px; width:540px; border:solid 1px #CCCCCC; -moz-border-radius: 8px; /*firefox*/  -khtml-border-radius: 8px; -webkit-border-radius: 8px; /*safari chrome*/ border-radius: 8px; margin:5px 5px; }
.contentbox h2, .contentbox h3{ padding:0 0 10px 0; margin:0;}

.img{ padding:5px;  border:solid 1px #CCCCCC; -moz-border-radius: 8px; /*firefox*/  -khtml-border-radius: 8px; -webkit-border-radius: 8px; /*safari chrome*/ border-radius: 8px; margin:5px; }

.contentbox h2, .contentbox h3{ padding:0 0 10px 0; margin:0;}

.contentboxText{   padding:10px; margin:5px 0px; }
.contentboxText h2, .contentboxText p{ padding:0 0 10px 0; margin:0;}



#blist  { font-family:Trebuchet MS; font-size:12px; color:#666666; border-bottom:#CCCCCC dashed 1px; padding:5px 0 5px 0; margin:5px 0 5px 0;  width:98%  }
#blist  p  { font-family:Trebuchet MS;font-size:11px;color:#666666; padding:0px; margin:0px; }
#blist  .last { font-family:Trebuchet MS; font-size:14px; height:30px;  padding:5px 0 0 0; margin:5px 0 0 0;   }
#blist  a, #blist  p a  { color:#eb7a09 ;   text-decoration:none;font-size:14px;  padding:0px; margin:0px;}
#blist  a:hover, #blist  p a:hover { color:#023761 ; text-decoration:none;}

#mapbox{ float:right; margin:3px 0 5px 5px;}
#mapbox h3{ font-size:19px; color:#fff; margin:0px; line-height:normal; padding:0px;}
 


#iclsmenu {
margin: 0px 0px;
padding: 0;

display: inline;
margin: 0;
list-style-type: none;
}



#iclsmenu   a{
	float: left;
	display: block;
	text-decoration: none;
	margin: 0;
	padding: 5px 15px 2px 10px;
	background-image: url(../images/nav-arrow-down.png);
	background-position: 100% 50%;
	background-repeat: no-repeat;
	color: #ffffff;
}

/*#iclsmenu a:visited{
color: #3b6b99;
background: #ffffff; /*background of tabs (default state)

}*/

#iclsmenu a:hover,  #iclsmenu span .selected a{
background: #ffffff;
color:#3b6b99; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */

}