/* ADNorth CSS */

/* colors 



*/

/*typography*/

body, p {
  font-family:Arial,Helvetica,sans-serif;
  line-height:1.5em;
  color:#4d4d4d;;
  font-size:12px;
}

h1,h2,h3 {
  color:#000;
  }


/* reset CSS */

*, ul, td, tr, table, li, p, h1, h2, h3, h4, ol, form, label, legend, input, button,
img, dl, dt, dd, a, iframe {
  margin:0px;
  padding:0px;
  border:0;
  outline:0;
  vertical-align:baseline;
  background:transparent;
  }

a img {
	border:none;
	}
	
ul, li, ol {
  list-style:none;
    }

/* layout */

h1 {
  padding-bottom:0px;
  font-size:28px;
  line-height:1em;
  /*color:#0D5CAB;*/
  color:#3a79b9;
  }

h2 {
  font-size:18px;
  line-height:1em;
  color:#303030;
  }

h3	{
	font-size:14px;
	line-height:1em;
	}

a {
  text-decoration:none;
  color:#9d1c1f;
  }

address {
  font-style:normal;
  font-size:14px;
  font-weight:bold;
  line-height:24px;
  }
    
input {
  margin-right:10px;
  height:18px;
  border:solid 1px #000;
	}

label {
  font-weight:bold;
  }

a:hover {
	text-decoration:underline;
	color:#993500;
    }

.clear {
  clear:both;
  }

.left {
  float:left
  }

.right {
  float:right;
  }

img.left {
  float:left;
  margin:0 10px 10px 0;
  }

img.right {
  float:right;
  margin:0 0 10px 10px;
  }

.bold {
  font-weight:bold;
  }

body {
  background:url(images/page-tile.jpg) repeat;
  margin:0px auto;
  text-align:center;
  
  }

#wrapper {
	background:url(images/top-page-gradient.jpg) repeat-x left top;
}

#container {
	background:url(images/page-bg.png) repeat-y left top;
	width:864px;
	padding:0px 0px;
	margin:0px auto;
}

#page_bottom {
	background:url(images/page-bottom.png) no-repeat left bottom;
	width:864px;
	padding:0px 0px 20px 0;
	margin:0px auto 20px auto;
}

#header {
	background:url(images/header-bg-2.png) no-repeat left top;
	width:840px;
	height:128px;
	position:relative;
	overflow:hidden;
	margin:0px auto;
}
#identity {
	overflow:hidden;
	}

#tag {
  height:60px;
  margin:38px 24px 0px 0px;
  width:446px;
  float:right;
  color:#000;
  font-weight:bold;
  }

#tag span {
	position:absolute;
  left:-999em;
	}

#header h1 {
  margin:0px 0 0 24px;
  width:326px;
  height:112px;
  font-size:18px;
  float:left;
}

#header h1 a {
	display:block;
	width:320px;
	height:120px;
	}

#header h1 span {
  position:absolute;
  left:-999em;
}
/* ----------- NEW menu -----------*/


#mainlevel {
  display:inline-block;
  height:34px;
  padding:5px 0px;
  z-index:1;
  position:absolute;
  top:0px;
  left:342px;
  }

#mainlevel li {
	position:relative;
	height:28px;
	float:left;
	padding:0px 10px;
	background:url(../images/divider.jpg) no-repeat left top;
  }

#mainlevel li a {
	font-size:13px;
	font-weight:bold;
	padding:8px 0px 1px 0px;
  display:block;
  float:left;
  height:18px;
  color:#FFF;
	}

#mainlevel li a#active_menu {
  color:#FFF;
  }

#mainlevel li a:hover {
  color:#FFF;
  text-decoration:none;
  border-bottom:solid 3px #FFF;
  }

#mainlevel li a#active_menu:hover {
  color:#000;
  cursor:default;
  }

#mainlevel li a#programs {
	cursor:default;
	}

#mainlevel li > ul {
	top: auto;
	left: auto;
	}

#mainlevel li ul {
	display: none;
  position: absolute;
  top: 28px;
  left: 1px;
  z-index:10;
  background:#F1F1F1;
  border-right:solid 1px #A5A5A5;
  border-left:solid 1px #A5A5A5;
  border-bottom:solid 1px #A5A5A5;
  width:110px;
  padding:6px 5px 6px 5px;
  /*width:140px;*/
    }

#mainlevel li:hover ul,
#mainlevel li.over ul {
	display:block;
	z-index:10;
    }

#mainlevel li ul li {
  float:none;
  text-align:left;
  height:auto;
  position:relative;
  z-index:10;
  background:none;
  font-size:10px;
  font-weight:bold;
  padding:0px 5px 0px 5px;
  }

#mainlevel li ul li a {
  padding:6px 0px 6px 0px;
  font-size:11px;
  height:auto;
  width:90%;
  line-height:1.2em;
  float:none;
  }

#mainlevel li ul li a:hover {
  color:#000;
  }
  
#content {
  min-height:420px;
  width:840px;
  margin:17px auto 0px auto;
  text-align:left;
  overflow:hidden;
  }

#content img {
  /*padding:4px;
  background:#f3f3f3;
  border:solid 1px #d8d8d8;*/
  }
  
#main_content {
  width:744px;
  padding:0px 48px 20px 48px;
  overflow:hidden;
  min-height:380px;
  text-align:left;
  }

#main_content.home {
  background:url(images/slideshow-shadow.png) no-repeat left top;
  width:744px;
  padding:36px 48px 20px 0px;
  margin:0px 0px 0px 48px;
  }

div.two_col #main_content {
	float:left;
	width:372px;
	padding:0px 24px 20px 48px;
	}

div.two_col #main_content p {
	font-size:14px;
	}

div.contact #main_content {
	float:left;
	width:200px;
	}

#main_content h1 {
	padding-bottom:24px;
	}

#main_content p {
  padding-bottom:12px;
  }

span.large_text {
	font-size:14px;
	font-weight:bold;
	}

#main_content ul li {
	/*margin-bottom:20px;
	padding-left:20px;
	line-height:;
	background:url(../images/submenu-bullet.gif) no-repeat 0px 2px;*/
	}

#main_content ul li ul {
	margin-top:5px;
	}

#main_content ul li li {
	background:url(../images/square.gif) no-repeat 0px 5px;
	margin-bottom:8px;
	padding-left:14px;
	}

#main_content img {
	padding:2px;
	border:solid 1px #D8D8D8;
	/*float:left;
	display:inline;*/
	display:block;
	margin:0px 10px 10px 0px;
	}

#main_content dl {
	clear:left;
  overflow:hidden;
  padding-bottom:0px;
  width:416px;
	}

#main_content dd h1 {
	font-size:14px;
	padding-bottom:0px;
	}

#main_content dl dt {
  float:left;
  width:106px;
  }

#main_content dl dd {
  float:right;
  width:310px;
  }

#intro {
	float:left;
	width:482px;
	padding-right:18px;
	}

#testimonials {
	width:244px;
	float:right;
	}

#testimonials h2 {
  color:#224a92;
  font-size:16px;
  padding-bottom:8px;
  margin-bottom:12px;
  border-bottom:solid 3px #224a92;
  }

#testimonials a {
	color:#224a92;
	font-weight:bold;
	line-height:1em;
	vertical-align:baseline;
	padding-right:14px;
	background:url(images/right-arrow-blue.gif) no-repeat right center;
	}

#testimonials p {
	padding-bottom:0px;
	}

#testimonials li {
	padding:0px;
	margin:0 0 24px 0;
	}


ul#testimonials_content p {
	padding-bottom:0px;
	}

ul#testimonials_content li {
	padding-bottom:18px;
	}

p.author {
  color:#b3957d;
  padding:3px 0 0 0px;
  font-size:11px;
  font-style:italic;
  line-height:1.2em;
  }

ul.half {
	width:50%;
	float:left;
	margin-top:24px;
	}

ul.half li {
	margin-bottom:10px;
	padding-left:20px;
	line-height:1.2em;
	background:url(images/bullet.gif) no-repeat 0px 2px;
	font-weight:bold;
	font-size:14px;
	color:#bbb8b5;
	}

/* J Carousel Slideshow  */


/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    /*position: relative;*/
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 75px;
    height: 75px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}



.jcarousel-skin-tango {
  background: #878686 url(images/slideshow-bg.gif) no-repeat left top;
  width: 648px;
  height:156px;
  padding: 12px 48px 0px 48px;
  margin:0px auto 2px auto;
  position: relative;
  }

.jcarousel-skin-tango .jcarousel-container-horizontal {
    background: #4d5056 url(images/slideshow-inner-bg.gif) no-repeat left top;
    width: 648px;
    padding: 9px 0px 0px 0px;
    height:135px;
}

.jcarousel-skin-tango .jcarousel-container-vertical {
    width: 75px;
    height: 245px;
    padding: 40px 20px;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  624px;
    margin-left:15px;
    padding:0px 0px 0px 0px;
    height: 135px;
}

ul#mycarousel {
  padding:0 0px 0 0 ;
  height:126px;
  margin:0 0px;
	}

ul#mycarousel img {

  border:solid 1px #d8d8d8;
  }
  
.jcarousel-skin-tango .jcarousel-clip-vertical {
    width:  75px;
    height: 245px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 200px;
    height: 126px;
    /*border:solid 1px #fff;*/
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 8px;
    color:#fff;
    background:#000
}

.jcarousel-skin-tango .jcarousel-item-vertical {
    margin-bottom: 10px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 72px;
    right: 12px;
    width: 20px;
    height: 24px;
    cursor: pointer;
    background: transparent url(images/button-right.gif) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background-position: -20px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -40px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -60px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 72px;
    left: 12px;
    width: 20px;
    height: 24px;
    cursor: pointer;
    background: transparent url(images/button-left.gif) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background-position: -20px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -40px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -60px 0;
}

div.row {
	clear:both;
	overflow:hidden;
	padding-bottom:24px;
	}

div.inner-row {
	clear:both;
	overflow:hidden;
	padding-bottom:12px;
	}

div.slideshow {
  float:left;
  width:124px;
	}

div.third {
	width:248px;
	overflow:hidden;
	float:left;
	}

div.third h2 {
	padding:12px 0 6px 0;
	}

#main_content div.slideshow p {
	padding-bottom:0px;
	}

#main_content div.slideshow img {
	margin-bottom:6px;
	}

div.portfolio h3 {
  color:#0d5cab;
  padding-top:18px;
  padding-bottom:6px;
  }
  
  
div#site_sections {
	text-align:center;
	width:780px;
	height:215px;
	}

div.section {
	width:380px;
	height:202px;
	background:#DCDCDC url(../images/section-bottom.gif) no-repeat left bottom;
	float:left;
	padding:0px 0px 13px 0px;
	text-align:left;
	}
	
div#page div.section h1 {
  font-size:18px;
  background:url(../images/section-top.gif) no-repeat left top;
  padding:20px 0 14px 30px;
  margin:0px;
  }

div.section_content {
	padding-left:30px;
	height:144px;
	}

div.section_content a {
	display:block;
	line-height:2em;
	}

/* sections */


div#section ul li {
	font-weight:bold;
	padding-left:24px;
	margin-bottom:12px;
	}

div#submenu {
  margin-top:24px;
  }

div#submenu ul li {
	background-image:none;
	margin:0px 0px 10px 0px;
	padding:0px;
	font-size:18px;
	}

#map {
	margin:20px 0px;
	}

#map iframe {
	border:solid 1px #ccc;
	padding:4px;
	}

#right_col {
  float:right;
  width:348px;
  margin-top:60px;
  padding:0px 48px 24px 0px;
  overflow:hidden;
  text-align:left;
	}

#right_col.contact {
	width:476px;
	}

#right_col h1 {
  font-size:18px;
  padding-bottom:0px;
  }

#right_col p {
  padding-top:10px;
  }

#right_col img {
	padding:5px;
	background:#fff;
	border:solid 1px #ccc;
	}

#footer {
	width:773px;
	height:66px;
	background:url(images/footer-bg-2.png) no-repeat top left;
	padding:24px 5px 18px 18px;
	margin:0px auto;
	overflow:hidden;
	text-align:left;
	clear:both;
    }

#footer h2 {
  color:#5e5859;
  font-size:14px;
  font-weight:bold;
  }

#footer h2 span {
	font-size:18px;
	}

#site_info {
  margin:0px auto;
  width:860px;
  color:#878383;
  padding-top:12px;
  }

#site_info span a {
	color:#878383;
	}

#site_info span.separator {
	padding:0px 4px;
	}

#site_info p {
  font-size:11px;
  color:#878383;
  }

#site_info span.hi a:hover {
	cursor:default;
	text-decoration:none;
	color:#878383;
	}

#site_info span.gorges {
	font-size:11px;
	}

#site_info span.gorges a {
	color:#878383;
	}