/* CORE CSS */

* {
	padding: 0;
	margin:0;
}


/* sticky footer
html, body {
	height: 100%;
}
*/

#header #sticker{
	position: absolute;right: 0px;top:91px;z-index:99;
}

#header #stickerNav{
	position: absolute;right: 155px;top:91px;z-index:99;
}

#header #stickerNav ul {
	list-style:none;
}

#header #stickerNav ul li {
	float:left;
}

#header #stickerNav ul li.videos a {
	background-image:url('/v2/images/home/videosIcon.gif');
	background-position: top right; 
}

#header #stickerNav ul li.videos a:hover {
	background-position: top left; 
}



#header #stickerNav ul li.forums a {
	background-image:url('/v2/images/home/forumsIcon.gif');
	background-position: top left; 
}


#header #stickerNav ul li.forums a:hover {
	background-position: top right; 
}

#header #stickerNav ul li.clubs a {
	background-image:url('/v2/images/home/clubsIcon.gif');
	background-position: top left; 
}


#header #stickerNav ul li.clubs a:hover {
	background-position: top right; 
}


#header #stickerNav ul li a {
	display:block;
	width:85px;
	height:25px;
	border-right:1px solid #aaaaaa;
}




html
{
	background-image: url('/v2/images/bg_bar.jpg');
	background-position: center; 
	background-repeat: repeat-y;
	height:100%;
}

body 
{
	color:#000; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-size: 62.5%;
	background-image: url('/v2/images/bg_top.jpg');
	background-position: top center; 
	background-repeat: no-repeat;
	height:100%;

} 


h1 {
	font-size: 1.5em;
	color: #c48109;
	font-weight:normal;
	min-height: 1px;
}

/*appended to h1 tag to make it a page title tag.*/
.pageTitle {
	color: #986f37;
	font-size: 2em;
	font-weight: bold;
	min-height: 1px;
}	

p{
	padding-bottom: 10px;
}


/*h2 {
	font-size: 1.0em;
	color: #84827e;
	font-weight:bold;
}*/


h2 {
	color: #84827e;
	font-weight: normal;
	font-size: 1.1em
}

h3 {
	font-size: 1.1em;
	font-weight: bold;
	color: #c0964d;
}

.h3Underline {
	border-bottom: 1px solid #c0964d;
}



/*
h3 {
	font-size:1em;
	color: #c48109;
	font-weight:normal;
}
*/

h4 {
	font-size: 1.0em;
	color: #84827e;
	padding-bottom: 10px;
	font-weight: bold;
}


.larger {
	font-size:1.5em;
}

.smaller {
	font-size:0.8em;
}


a {
	color: #c48109;
	text-decoration: none;
}

#container {
	position:relative;
	width:1000px;
	margin-right: auto;
	margin-left: auto;
	background-color:#fff;
	border-top: 5px solid black;
	font-size: .9em;
}


/* MAIN ELEMENTS css */

#header{
	width: 100%;
	height: 192px;
	position: relative;
	
}

#mainContent{
	padding:0;
	border:0;
	margin:0;
	padding-top: 15px;
	background-color: #fff;
	min-height: 600px;
	_height: 600px;
}

/* remove a outline code 25/06/2008 , DB */ 
a{outline:none;}
a:active{outline:none;}
a:focus{outline:none; -moz-outline-style:none;}



/* HEADER */



/*not used - used for old profile bar DB, 07 May 2008.
#myProfile .profileContent .profileImg{
	width: 75px;
	
	float: left;
	postion: relative;
	text-align: left;
}

#myProfile .profileContent .myAccount{
	margin-left:20px;
	width: 200px;

}

#myProfile .profileContent .profile{
	margin-left:20px;
	width: 274px;
}

#myProfile .profileContent .profCol{
		float: left;
	postion: relative;
	text-align: left;
}

#myProfile .profileContent .theProfile{
	margin-left:20px;
	width: 274px;
}

#myProfile .profileContent .messagesProf{
	margin-left:20px;
	width: 230px;
	float: left;
	postion: relative;
	text-align: left;
}

#myProfile .profileContent .profilePic{
	width: 100px;
}


.profileContent{
	background-color: #ffffff;
	padding: 5px 10px;
	border: 0px solid;
	background-image: url('../images/profile/profileBg.gif');
	background-repeat: repeat-y;
}

*/



#header #headerMain {
	background-image: url('../images/headerBg2.jpg');
	height: 116px;
	background-repeat: no-repeat;
	position: releative;
}

#header #headerBg {
	background-image: url('../images/headerBgTile.jpg');
	height: 116px;
	background-repeat: repeat-x;
}


#header #banner2{
	position: relative;
	float:right;
	padding-right: 10px;
}

/*
#header input {
	padding: 0px;margin:0px;
		height: 9px;
	width: 16px;
	color: #ccc;
}
*/

#searchButton{

}

/* navigation  */ 

#header #navigation 
{
	color: #fff;

	
	/*height:32px;*/
	height:42px;
}

#header #primaryNav
{
	padding: 0px 12px 0 0px;
	height: 25px;
	background-image: url('../images/menuBg4.jpg');
	background-repeat: repeat-x repeat-y;
}


#header #primaryNav a, #header #secondaryNav a{
	color: #fff;
	text-decoration: none;
}



#header #primaryNav ul {
	list-style: none;
	float: left;
}

#header #primaryNav ul li {
	float: left;
	
}

#header #primaryNav ul li a {
	float: left;
	padding: 0 10px 0 10px;
	font-size: .8em;
	text-align: center;
	display:block;
	/* height:22px; */
	height:22px;
	border-right:1px solid #a17e5c;

}

#header #primaryNav ul li a:hover {
	background-color: #a47a40;

}

#header #primaryNav ul li.on {
	background-color: #c0964d;
	/* height:27px; */
	height: 22px;
}

#header #primaryNav input{
	width: 125px;height:15px;
	padding: 1px;
	color: #cccccc;
	color: #999999;
	border: 1px solid; 
}



#header #secondaryNav
{
	position:relative;
	margin:0;
	padding:0;
	border:0;
	font-size: 0.8em;
	background-color: #c0964d;
	float: left;
	width: 100%;
	border-bottom:1px solid #895E33;
	
}


#header #infoNav
{
	padding-left: 12px;
	height:19px;
	border-bottom: 1px solid #999999;
	background-color: #ececec;
	color: #535353;
	font-size: .7em;
}



#header #secondaryNav ul {
	list-style:none;
	margin:0;
	padding:0;
	border:0;
	float: left;
	padding-left:12px;
}

#header #secondaryNav ul li {
	float: left;
}

#header #secondaryNav ul li a {
	display:block;
	padding:2px 10px 5px 10px;
}

#header #secondaryNav ul li a:hover {
	background-color: #b28847;
}



#header #secondaryNav ul li.on {
	background-color: #a47a40;
}





/* MAINCONTENT */

/* FOOTER */

#footer { /* needs cross-broswer hack to make sticky. */
	width: 100%;	
	height: 150px;
	font-size: .8em;
	color: #aaa6a6;
	background-image:url('../images/footerBg.jpg');
	background-repeat:repeat-x;
	background-color: #fff;
}	

#footer #sitemap
{
	width: 100%;
	background-color: #fff;
}

#footer #sitemap .col {
	width: 191px;
	float: left;
	postion: relative;
	text-align: left;
	border: 0px solid black;
	background-image:url('../images/siteMapBg.gif');
	background-repeat:repeat-y;

}


#footer #sitemap .end{
	background-image: none;
}

#footer #sitemap .col ul li {
	list-style:none;
}

#footer #sitemap a {
	color: #aaa6a6;
}

#footer #processing{
	float:left;
	width: 100%;
	text-align: center;
	color:#9F6C3B;
}


/* CORE CLASSES */

.clearLeft{clear:left;}
.clearRight{clear:right;}
.clear{clear:both;}

.floatRight{float:right;}
.floatLeft{float:left;}

.alignCenter{text-align:center;}
.alignLeft{text-align:left;}
.alignRight{text-align:right;}


/* sitemap + profile ROUNDED corners */
b.rtopTwo, b.rbottomTwo{display:block;background: black}
b.rtop, b.rbottom{display:block;background: #895E33}

b.rtop b, b.rbottom b, b.rtopTwo b, b.rbottomTwo b{display:block;height: 1px;
    overflow: hidden; background: #fff}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4, b.rtopTwo b.r4, b.rbottomTwo b.r4{margin: 0 1px;height: 2px}



/* Generic components */ 


/*
commented out on 1 May 2008, delete a month on if not used, DB

.col{
	width: 477px;
	float:left;
}

.left {
	margin-right:7px;
}

.right {
	margin-left:8px;
}

.inner {
	padding: 20px;
}

*/

.infoBox {
	background: #ffffff url('../images/join/info-tm.gif') repeat-x top left;
	border: 3px solid #e5e4e2;
	padding: 7px;
	color: #e0ac56;
}

.infoBox:before {
	background: transparent url('../images/join/info-tr.gif') no-repeat top right;
	content: url('../images/join/info-tl.gif');
	display: block;
	line-height: 0.1;
	margin: -10px -10px -12px -10px;
}

.infoBox:after {
	background: transparent url('../images/join/info-br.gif') no-repeat bottom right;
	clear:both;
	content: url('../images/join/info-bl.gif');
	display: block;
	line-height: 0.1;
	margin: 4px -10px -10px -10px;
}

/*
JM 29th April 08
image comments, video comments, wall
*/

#comments {
	background-color:#f7f7f7;
	border:0;
	float:left;
	margin:0px 10px 0px 0px;
	padding:0;
	border: 1px solid #d6d6d6;
}

#comments .eachcomment {
	padding:0;
	border:0;
	margin:5px 0px 5px 0px;
}

#comments .addcomment {
	background-color:#e7e7e7;
	padding:5px;
	border:0;
	margin:0px 0px 10px 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #cccccc;
}

#comments .comment .info {
	display:block;
	width:552px;
}

#comments textarea {
	
	width:565px;
}

/*
JM 29th April 08
compose message: search for friend
*/

#friendSearch {
	position:relative;
	top:-1px;
	left:100px; 
	height:100px; 
	width:400px; 
	overflow:auto; 
	border: 1px solid #cccccc;
}

#friendSearch a .eachFriend {
	padding:5px;
}

		#friendSearch a .eachFriend .name {
			color:#000000;
		}
		
		#friendSearch a .eachFriend .clubs {
			font-size:0.8em;
			color:#aaaaaa;
		}


		#friendSearch a:hover .eachFriend {
			background-color:#e7e7e7;
		}
		

