/* Wetsuweten CSS Styles 

colors:
#34322b
#986b1b
#97281c

*/

/* Global Styles
--------------------------------------------------------------------------------------------------- */

* {margin:0; padding:0;}

body {
	text-align:center;
	background:#34322b;
	font:12px/1.3em Helvetica, arial, sans-serif;
}

.tight {
margin-bottom:.2em;
}

a {color:#986b1b;}


/* Helpers
--------------------------------------------------------------------------------------------------- */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */


/* Primary Divisions
--------------------------------------------------------------------------------------------------- */

#container {
width:996px;
background:url(/gfx/shadow.jpg) repeat-y top center;
text-align:left;
margin:0 auto;
}

#banner {
width:996px; height:234px;
background:url(/gfx/banner.jpg) no-repeat top center;
position:relative;
}

	#banner h1#logo a {
	position:absolute;
	left:400px; top:50px;
	width:200px; height:200px;
	text-indent:-9999px;
	display:block;
	}

	#banner #search {
	position:absolute;
	left:700px; top:150px;
	width:200px;
	display:block;
	}

	#banner #search input {
	border: 1px solid #642208;
	background: #832118;
	font-family:Georgia, times, serif;
	font-weight:normal;
	font-size: 120%;
	color: #fff;
	}

	#banner #search p {
	font-family:Georgia, times, serif;
	font-weight:normal;
	font-size:160%;
	line-height: 1.1em;
	color:#fff;
	}
	

	#banner #login {
	position:absolute;
	left:100px; top:130px;
	width:200px;
	display:block;
	}

	#banner #login input {
	border: 1px solid #642208;
	background: #832118;
	font-family:Georgia, times, serif;
	font-weight:normal;
	font-size: 160%;
	color: #fff;
	}

	#banner #login p {
	font-family:Georgia, times, serif;
	font-weight:normal;
	font-size:160%;
	line-height: 1.1em;
		color:#fff;
}

	#banner #login a, #banner #login a:visited {
	color: #ccc;
	text-decoration: none;
	}

#contentwrap {
width:960px;
margin:0 auto;
}

#home #main {
padding-top:0;
}

#main {
width:640px;
float:left;
padding:20px 0 100px 0;
}

#main h2, #main h3, #main h4, #main h5, #main p, #main ul, #main li, #main ol { margin-left:30px; margin-right:30px;}

#main h2 { margin-bottom:20px;}
#main p, #main li {margin-bottom:1em}

	#home #home_news {
	width:320px;
	float:left;
	padding-top:20px;
	}
	
		#home #home_news .thumblist {
		margin-bottom:0;
		}
		
		#home #home_news h2 {
		margin-left:30px;
		}
		
		#home #home_news .thumblist p {
		margin:0;
		}
		
		#home_news p {
		margin-left:30px;
		}
	
	#home #home_spotlight {
	width:320px;
	float:right;
	padding-top:20px;
	}
	
		#home #main #home_spotlight h2 {
		margin-bottom:15px; margin-left:0;
		}
		
		#home #main #home_spotlight h3, #main #home_spotlight p {
		margin:0 30px 10px 0px;
		}
		
		#home #main #home_spotlight img {
		margin:0 10px 10px 0;
		}
		

#sidebar {
width:320px;
float:right;
padding-bottom:30px;
padding-top:30px;
}

#home #sidebar {
padding-top:0;
}

	
	
		#clanaccess h2 {
		color:white;
		line-height:1.1em;
		}
	
	ul#calendar {
	margin:0 30px 20px 30px;
	}
	
		ul#calendar h2 {
		margin-bottom:20px;
		}
	
		ul#calendar li {
		list-style:none;
		}
		
#footer {
display:block;
width:996px; height:60px;
margin:0 auto 30px auto;
background:url(/gfx/footer_bg.jpg) no-repeat bottom center;
color:#ddd;
font-size:11px;
padding-top:10px;
}
	
	

/* Navigation (old background #986b1b dd_bg.png)
--------------------------------------------------------------------------------------------------- */
#nav-wrap {
  float:left;
  width:960px; height:30px;
  margin:0 18px 0 18px;
  font-size:100%;
  line-height:normal;
  background-color:rgb(30,30,30);
  }
#nav-wrap ul#nav-list {
  margin:0;
  padding:2px 10px 0;
  list-style:none;
  }
#nav-wrap ul#nav-list li {
  float:left;
  margin:0 1px 0 0;
  padding:0 0 0 9px;
  position:relative;
 background-color:rgb(30,30,30);

  }
#nav-wrap ul#nav-list li a {
  float:left;
  display:block;
  padding:9px 15px 4px 6px;
  text-decoration:none;
  color:white;
  }
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#nav-wrap a {float:none;}
/* End IE5-Mac hack */
#nav-wrap a:hover {
  color:rgb(30,30,30);
  }
#nav-wrap ul li#current {
  }
#nav-wrap ul li#current a {
  color:#333;
  padding-bottom:5px;
  }
  
/* Dropdowns
--------------------------------------------------------------------------------------------------- */
	
#nav-wrap ul#nav-list li {
	position:relative;
	}

#nav-wrap ul#nav-list li ul { /* second-level lists */
	display:none;
	position: absolute;
	padding:26px 20px 0 0px; margin:0;
	z-index:100;
	background:none;
	width:150px;
}

#nav-wrap ul.sf-menu li ul {
  background:url(/gfx/dd_bg.png) repeat top left;
	padding-top: 5px;
	width: 150px;
	border-left: 1px solid #97281c;
}

#nav-wrap ul.sf-menu li ul a {border-left: none;}

#nav-wrap ul.sf-menu li ul li {
	list-style:none;
	margin:0;
	width:158px;
	}

#nav-wrap ul.sf-menu li ul li a {
	margin:0; 
	display:block;
	}

#nav-wrap ul#nav-list li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
}

#nav-wrap ul#nav-list li:hover ul, li.over ul { /* lists nested under hovered list items */
	display: block;
}


/* Clan Access
--------------------------------------------------------------------------------------------------- */

#clanaccess {
	display:block;
	width:320px; height:250px;
	background:url(/gfx/clan_access_bg.jpg) no-repeat top left;
	color:white;
	padding:0; margin:0;
	}

#clanaccess h2 {
margin:0 0 5px 30px;
padding:0;
}

#clanaccess ul {
margin-left:30px;
}

	ul#clans li {
	list-style:none;
	display:block;
	height:40px;
	}

	ul#clans li a {
	color:white;
	text-decoration:none;
	font-size:14px;
	padding:10px 0 10px 50px;
	}

ul#clans li#gil a {background:url(/gfx/gilseyhu.gif) no-repeat top left;}
ul#clans li#laksil a {background:url(/gfx/laksilyu.gif) no-repeat top left; }
ul#clans li#git a {background:url(/gfx/gitdumden.gif) no-repeat top left;}
ul#clans li#laksa a {background:url(/gfx/laksamshu.gif) no-repeat top left; }
ul#clans li#tsa a {background:url(/gfx/tsayu.gif) no-repeat top left; }


/* Thumblist
--------------------------------------------------------------------------------------------------- */

div.thumblist {
display:block;
margin:20px 30px 40px 30px;
clear:both;
}

	div.thumblist img {
	float:left;
	margin:0px 10px 0px 0px;
	}
	
	#main div.thumblist p.smalltext {
	margin-bottom:0; margin-left:0;
	}
	
	#main div.thumblist h3 {
	margin:0 30px 20px 0px;
	}
	
#main div.thumblist h3.peopleHeading {margin-bottom: 0;}

div.relatedServicesStaff {
	margin-bottom: 20px;
}

div.relatedServicesStaff div.thumblist {margin-left: 0;}

div.relatedServicesStaff ul {margin-left: 15px;}
	
/* Image Styles
--------------------------------------------------------------------------------------------------- */

div.imgwrap {
float:right; width:300px;
margin:0 30px 12px 15px;
}

#main div.imgwrap p.smalltext {
margin:5px 0 0 0;
}


/* Program Page styles
--------------------------------------------------------------------------------------------------- */

h2.pageHeader {
  padding: 5px;
	color: #fff;
	background: #986b1b;
	text-transform: uppercase;
	font: bold 16px/16px Arial, Helvetica, sans-serif;
}

h2.pageHeader a {
	color: #fff;
	text-decoration: none;
}

img.pageBanner, object, embed {vertical-align: bottom;}


body#services #main {
margin-top:0; padding-top:30px;
width:480px;
}

body#services #sidebar {
width: 480px;
padding-top:30px;
}

body#services #sidebar h3 {
color:black;
font-size:16px;
}


body#services #sidebar #sb_1 {
float:left;
width:240px;
}

body#services #sidebar #sb_2 {
float:right;
width:240px;
}



#carousel_wrap {
width:640px; height:250px;
}

#home #main #carouselwrap li,
#home #main #carouselwrap ul {
	margin:0; padding:0;
}

p.readmore {text-align: right; clear: both;}

#gallery {
	margin: 10px 20px;
}

#gallery a {
  display: block;
	margin: 10px;
	float: left;
}	

#main .albumWrapper {
	margin-left: 30px;
	margin-bottom: 30px;
	clear: both;
}

#main .albumImage {
	width: 250px;
	float: left;
}

#main .summaryExcerpt {
	width: 320px;
	float: left;
}

#main .summaryExcerpt p.readmore {margin-top: 1em;}

#main h3.pdf {clear: both;}

#main h3.pdf a {
  min-height: 45px;
	background: url(/gfx/pdf-icon.png) no-repeat left top;
	padding: 5px 0 0 45px;
	display: block;
	float: left;
}

#carouselwrap {
  width: 640px;
	height: 250px;
	overflow: hidden;
}

/* Gen Form
--------------------------------------------------------------------------------------------------- */

#main .genform {
	margin: 0 30px;
}

.genform fieldset {
	margin-bottom: 5px;
	padding: 10px 10px 10px 0;
	border: 0;
}

.genform legend {
		color: #986B1B;
		padding: 10px 0px;
		border-top: 1px dotted #333;
		width: 100%;
		font-size:18px;
}

.genform div.field {clear: left; position:relative;}

.genform div.radiofield {margin-bottom: 15px;}

.genform .field label, .genform .radiofield label {
	width: 30%;
	padding: 5px 5px 5px 0;
	display: block;
	float: left;
	margin-bottom: 15px;
	clear: both;
	line-height: 1;
}

.genform .radiofield input, .genform .radiofield span {
	padding: 3px;
	display: block;
	float: left;
	margin-bottom: 10px;
}

.genform .radiofield span {
  display: block; 
	float: left;
	line-height: 1.3em;
}

.genform .radiofield div {
	width: 65%;
	float: left;
}

.genform .field input, .genform textarea {
	width: 65%;
	padding: 3px;
	background-color: #ffffff;
	border: 1px solid #666;
	float: left;
	display: block;
	margin-bottom: 5px;
background-image: linear-gradient(top, #D5D5D5 0%, #FFffff 20%, #FFffff 100%);
background-image: -o-linear-gradient(top, #D5D5D5 0%, #FFffff 20%, #FFffff 100%);
background-image: -moz-linear-gradient(top, #D5D5D5 0%, #FFffff 20%, #FFffff 100%);
background-image: -webkit-linear-gradient(top, #D5D5D5 0%, #FFffff 20%, #FFffff 100%);
background-image: -ms-linear-gradient(top, #D5D5D5 0%, #FFffff 20%, #FFffff 100%);

background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0.0, #D5D5D5),
	color-stop(0.2, #FFffff),
	color-stop(1, #FFffff)
);
}

.genform .field input:focus, .genform textarea:focus {
		background: none;
		-moz-box-shadow: 0 0 5px #666666;
	}

.genform .radiofield input {margin: 8px 10px 10px 0;}

.genform .radiofield span {margin: 3px 10px 10px 0;}

.genform #cultadoptname, .genform #noncultadoptname {margin-top: 0;}


#main .genform span.required {color: #ff0000;}

.genform input.required, .genform textarea.required {
  background-color: #ffe7e8;
background-image: linear-gradient(top, #D5D5D5 0%, #FFE7E8 20%, #FFE7E8 100%);
background-image: -o-linear-gradient(top, #D5D5D5 0%, #FFE7E8 20%, #FFE7E8 100%);
background-image: -moz-linear-gradient(top, #D5D5D5 0%, #FFE7E8 20%, #FFE7E8 100%);
background-image: -webkit-linear-gradient(top, #D5D5D5 0%, #FFE7E8 20%, #FFE7E8 100%);
background-image: -ms-linear-gradient(top, #D5D5D5 0%, #FFE7E8 20%, #FFE7E8 100%);

background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0.0, #D5D5D5),
	color-stop(0.2, #FFE7E8),
	color-stop(1, #FFE7E8)
);
}

span.LV_validation_message {
	position: absolute;
	left: -25px;
	display: block;
	text-indent: -999999px;
	width: 20px;
	height: 20px;
	overflow: hidden;
	background: url(/gfx/validate.png) no-repeat 80px 60px;
}

span.LV_validation_message.LV_valid {background: url(/gfx/validate.png) no-repeat left top;}

span.LV_validation_message.LV_invalid {background: url(/gfx/validate.png) no-repeat 0 -20px;}

.mail span.LV_validation_message.LV_invalid {background: url(/gfx/validate.png) no-repeat 0 -40px;}

.genform input.required.LV_valid_field {background-color: #cbe583; background-image: none;}
.genform input.required.LV_invalid_field {background-color: #ffe7e8;}
.genform #captcha input {float: right;}

.genform table input {width: 140px;}
.genform table .tabledate input {width: 100px};