/* Conditional Notes

Conditional-CSS syntax examples  
[if IE] - Used if the browser is IE  
[if ! Opera] - Used if the browser is not Opera  
[if IE 5] - Used if browser is IE 5  
[if lte IE 6] - Used if the browser is IE 6 or less (IE 5, IE 4 etc)  
[if ! gt IE 6] - Same effect as the previous statement, if not greater than IE 6  

div.box{
	width:400px;
	[if IE 5] width:600px;  
	padding:0 100px}

ALWAYS PLACE THE if AFTER THE STANDARD CALL
      
http://www.conditional-css.com/usage

*/

#head {
	height: 128px;
	position: relative; 
	left: 0px;
	top: 0; 
	[if IE] top: 0px; 
	z-index: 10;
}

.logo {
	display: block;
	height: 217px;
	width: 229px;
	position: relative; 
	[if IE 6] position: absolute;
	right: 20px; 
	[if IE 6] left: 0px;
	top: 27px;
	[if IE] top:0px;
}
.logo a {
	display: block;
	height: 217px;
	width: 229px;
}
#main {
	position: relative;
	padding-top: 45px;  
	[if IE 6] padding-top: 65px;
	float: right;
	/*[if IE 6] float: none;*/
}

/*****************************
3.) #mainpage image slider
/****************************/

#featured {
	height: 325px;
	margin-top: 30px; 
	[if IE 6] margin-top: 30px;
	margin-left: 12px; 
	[if IE] margin-left: 23px; 
	margin-bottom: 25px;
	position: relative;
}

#sidebar {
	float: left;
	height: 260px;
	margin-top: 280px;
	margin-left: 0px;
	padding: 45px 0 15px 30px;
	position: relative;
	width: 205px; 
	[if IE] width: 195px;  
	overflow: hidden;
	background: transparent url(images/side-nav.png) top left no-repeat;
}

#sidebar2 {
	float: left;
	height: 335px;
	margin-top: 280px;
	margin-left: 0px;
	padding: 45px 0 15px 30px;
	position: relative;
	width: 205px; 
	[if IE] width: 195px; 
	overflow: hidden;
	background: transparent url(images/side-nav.png) top left no-repeat;
}

#inner_content, .inner_content {
	float: right;
	/*width: 758px; [if IE 7] width: 775px; [if IE 8] width: 775px;*/
	width: 757px;
	margin-top: 15px;
	margin-right: 5px;
	height: auto;
	min-height: 300px;
	overflow: hidden;
	padding: 0;
	position: relative;
	background: transparent url(images/plinth-long.png) top left no-repeat;
}

#footer {
	clear: both;
	padding: 40px 0 0px 0;
	[if IE] padding: 40px 0 0px 15px;
	position: relative;
	font-size: 10px;
	height: 116px;
	width: 978px;
	float: left;
	[if IE] float: none;
}

.pagination {
	clear: both;
	display: block;
	float: left; 
	[if IE 6] 	float: none;
	padding: 5px 0 20px 0px;
	position: relative;
	z-index: 3;
	width:400px;
}

#s, .text_area {
	height: 21px; 
	[if IE 6] height: 19px;  
	[if IE 7] height: 19px; 
	[if IE 8] height: 20px;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Arial, san-serif;
	width: 145px;
	font-size: 11px;
	color: #666;
	margin: 15px 0 0 10px;
	padding: 6px 3px 3px 3px;
	float: left;
}
.text_input{
	height: 21px; 
	[if IE 6] height: 19px;  
	[if IE 7] height: 19px; 
	[if IE 8] height: 20px;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Arial, san-serif;
	width: 145px;
	font-size: 11px;
	color: #666;
	/* margin: 15px 0 0 10px; */
	padding: 6px 3px 3px 3px;
	float: left;
}

#top #nav ul a {
	line-height: 33px; 
	[if IE 6] line-height: 30px !important;
}

#top #nav li {
	float: left;
	position: relative;
	z-index: 20;
	margin-top: 11px;
	background: transparent url(images/pipe.png) no-repeat 100%;
	[if IE 6] background: transparent url(images/pipe-slice.png) no-repeat 100%; 
	[if IE 6] margin-bottom: -17px; 
}

.wrap_container {
	background: transparent url(images/backer2.png) top repeat-x;
	[if IE 6] height: auto;
	overflow: hidden; 
	z-index: 2;
	position: relative;
}
.wrap_container .wrap_container{
	background: transparent;
}

.content_wrapper {
	background: transparent url(images/matter-of-pride.png) top right no-repeat;
	[if IE 6] background: transparent url(images/matter-of-pride-slice.png) top right no-repeat;
	height: 274px; 
	[if IE 7] height: auto; 
	[if IE 8] height: auto;
	[if IE 7] top: 30px; 
	[if IE 6] top: 20px; 
	[if IE 8] top: 30px;
	margin: 0 auto;
	width: 1035px;
	z-index: 3;
	position: relative;
}

.flashHome {
	width: 760px;
	height: 345px;
	[if IE 7] margin-top: 30px;
	[if IE 6] float: right;
}

.flashKids {
	width: 760px;
	height: 198px;
	margin-left: 12px;
	[if IE 7] margin-left: 23px; 
	[if IE 8] margin-left: 23px;
	[if IE 7] margin-top: 50px;
	[if IE 6] float: right;
}

#hrLarge {
	width: 760px;
	height: 31px;
	background: transparent url(images/hr-large.png) top no-repeat;
	padding-left: 20px;
	[if IE 6] float: right;
}

#s, .text_input, .text_area, textarea, #commentform input {
	border: none;  
	[if IE] border: 1px solid #fff; 
	color: #666;
	padding:9px 0 0 10px;
	[if IE] padding:7px 0 2px 10px;
	}

.navwrap {
 	width: 764px;  [if IE 6] width: auto !important; 
}

#top #nav {
	background: transparent url(images/nav-left.png) left top no-repeat;
	height: 75px;
	width: 530px; 
	margin-left: 10px; 
	[if IE 7] margin-left: 10px; 
	[if IE 8] margin-left: 10px;
    [if IE 6] margin-right: -3px;
}

#navField {
	height: 75px;
	width: 211px;
	[if IE 6] margin-left: -30px;
	float: right;
	/*[if IE] float: none; */
	background: transparent url(images/nav-right.png) left top no-repeat;
}

#top #nav .current_page_item a {
	color: #ffcc00;
	padding-bottom: 3px;
	background: transparent url(images/under.png) bottom center no-repeat;
	[if IE 6] background: transparent url(images/under-slice.png) bottom center no-repeat;
}

#top #nav .current_page_ancestor a {
	color: #ffcc00 !important;
	padding-bottom: 3px;
	background: transparent url(images/under.png) bottom center no-repeat;
	[if IE 6] background: transparent url(images/under-slice.png) bottom center no-repeat;
}

.header-graphic {
	/*padding: 0; [if IE 7] padding-top: 20px;[if IE 6] padding-top: 100px;*/
	/*margin-top: 18px; 
		margin-left: 70px; */
	position: absolute;
	top: 100px;
	left: 270px;
	height: 45px;
	background: transparent url(images/header-graphic.png) 20% 90% no-repeat;
	width: 444px;
}
	
.mediaBtn a {
	margin-top: 5px; 
	display: block;
	text-decoration: none;
	text-align: center;
	color: #fff;
	font-size: 10px;
	padding-top: 10px; 
	[if IE] padding-top: 3px; 
}

.mediaBtn2 a {
	margin-top: 5px;
	display: block;
	text-decoration: none;
	text-align: center;
	color: #fff;
	font-size: 10px;
	padding-top: 10px; 
	[if IE] padding-top: 3px; 
}

#inner_contentFlash, .inner_contentFlash {
	float: right;
	width: 765px; 
	[if IE 7] width: 775px; 
	[if IE 8] width: 775px;
	margin-top: 15px;
	padding: 0 0px 0px 0px;
	position: relative;
	/*	background:transparent url(images/plinth.jpg) top left no-repeat; */
}

#inner_contentShort, .inner_contentShort {
	float: right;
	width: 765px; 
	[if IE 7] width: 775px; 
	[if IE 8] width: 775px;
	height: 325px;
	overflow: hidden;
	margin-top: 15px;
	padding: 0 0px 0px 0px;
	position: relative;
	background: transparent url(images/plinth-short.png) top left no-repeat;
}

.holder {
	float: right;
	width: 762px; 

	margin: 0;
	padding: 0;
	position: relative;
}

.entry-content li {
	background: transparent url(images/arrow-link.png) no-repeat left top;
	padding: 3px 15px 3px 15px; 
	[if IE 7] padding: 1px 15px 3px 15px; 
	[if IE 6] padding: 1px 15px 3px 15px;
    list-style-type: none;
    margin-left: -17px;
}
.entry-content .popper li {
	background: transparent url(images/bullet-tick.png) no-repeat left;
	padding: 3px 15px 3px 15px; 
	[if IE 7] padding: 1px 15px 3px 15px; 
	[if IE 6] padding: 1px 15px 3px 15px;
    list-style-type: none;
    margin-left: -17px;
}
.socialLinks{
	position: absolute;
	right: 8px;
	[if IE 6] right: 15px;
	top: 15px;
}