@charset "utf-8";

/**
 * Cascade CSS Framework designed to make life easier
 * master.css
 * 
 * @package cascade css
 * @author Michelle Britton & Chris Cook
 * @version 1.0
 * @copyright Michelle Britton & Chris Cook 2008
 */

/*@import "library/reset.css";*/
html, body, div, span, applet, object, h1, h2, h3, h4, h5, h6, iframe, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, fieldset, form, label, input, legend, table, caption, tbody, tfoot, thead, tr, th, td, p, ul, li {
	border:0;
	font-family:inherit;
	font-size:100%;
	font-style:inherit;
	font-weight:inherit;
	line-height:1;
	margin:0;
	outline:0;
	padding:0;	
	text-align:left;
	vertical-align:baseline;
}

body, ul, ol, dl, td, th, caption, pre, p, blockquote, input, textarea {
	font-size:62.5%;
	line-height:normal;	
}

table {border-collapse:collapse; border-spacing:0;}
q:before, q:after, blockquote:before, blockquote:after {content:"";}

ul {list-style-position:outside; list-style-type:disc;}
ol {list-style-position:outside; list-style-type:decimal;}

a{color:#0000ff;}
a:visited{color:#800080}
 
/*@import "custom/global_preset.css";
@import "custom/generic.css";*/

body, ul, ol, dl, td, th, caption, pre, p, blockquote, input, textarea {
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
}

input {
	border: 1px solid #7F9DB9; /*standardise the border colour of input elements*/
	font-size:1.2em!important;
	vertical-align:top; /*removes a bug in FF where input elements have extra margin applied by the browser*/
}

legend, label {
	font-size:1.2em!important;
}

ul {font-size:1.2em;}
ol {font-size:1.2em;}
p  {font-size:1.2em;}
q  {font-size:1.2em;}
td {font-size:1.2em;}
th {font-size:1.2em; font-weight:bold}
p, ul, ol {margin:0; padding:0 0 18px 0;}

h1 {font-family: Arial, "Lucida Grande", Verdana, sans-serif; font-size:3.4em; font-weight:bold; margin-bottom:0.353em;}
h2 {font-family: Arial, "Lucida Grande", Verdana, sans-serif; font-size:2.6em; margin-bottom:0.384em;}
h3 {font-family: Arial, "Lucida Grande", Verdana, sans-serif; font-size:1.8em; margin-bottom:0.555em;}
h4 {font-family: Arial, "Lucida Grande", Verdana, sans-serif; font-size:1.6em; font-weight:bold; margin-bottom:0.312em;}
h5 {font-family: Arial, "Lucida Grande", Verdana, sans-serif; font-size:1.4em; font-weight:bold; margin-bottom:0.357em;}
h6 {font-family: Arial, "Lucida Grande", Verdana, sans-serif; font-size:1.4em; margin-bottom:0.357em;}

blockquote {color:#666; font-style:italic; margin: 0 0 18px 18px;}
strong {font-weight:bold;}
em     {font-style:italic;}

a{text-decoration:none;}

/* Navigation
--------------------------------------------------------------------------------------- */
ul#nav{
	background:#ee5ba1;
	color:#fff;
	font-size:1.2em;
	height:6px;
	list-style:none;
	width:910px;
}

ul#nav li{
	float:left;
	padding:5px 0;
}

ul#nav a{
	color:#fff;
	padding:0 0 0 3px;
}

ul#nav a:hover{
	color:#4d4d4f;
}


/* Body/Container
--------------------------------------------------------------------------------------- */
body{
	background:#231f20;
}

#container{
	background:#4d4d4f;
	margin:20px auto 5px;
	width:910px;
}

h1, h2, h3{
	color:#ee5ba1;
	font-size:2.2em;
	line-height:1.3em;
	margin:10px 0 15px 10px;
}

h2.press{
	float:left;
	width:380px;
}

h3 a, h4 a:hover, #page a:hover{
	color:#ee5ba1!important;
}

h4{
	margin:0 0 0 10px;
}

p{
	font-size:1.4em;
	margin:0 10px 0 10px!important; 
}

/* Middle Layout
--------------------------------------------------------------------------------------- */
#left{
	float:left;
	min-height:600px;
	width:630px;
}

#search{
	background:url(../images/search_bg.gif) no-repeat;
	float:right;
	height:210px;
	margin:23px 25px;
	padding:15px;
	width:210px;

}

#search h2, #search .search{
	font-size:2.2em;
	font-weight:bold;
	margin-bottom:0;
}

#search h2{
	margin-left:30px;	
}

#search .search{
	margin:13px 0 0 8px;
}

#search p{
	font-size:1.4em;
	font-weight:bold;
	text-align:center;
}

#search fieldset{
	text-align:center;
	clear:both;
}

#search select, #search input{
	margin:6px 0;
}

#search input{
	background:#fff;
	border:1px solid #4d4d4f;
	font-weight:bold;
	cursor:pointer;
	padding:4px;
	text-align:center;
}

#search input:hover{
	background:#4d4d4f;
	border:1px solid #fff;
}

.search_arrow{
	margin:-50px 0 0 10px;
}

.section{
	float:left;	
	width:205px;
}

.mid{
	margin:0 10px;
	width:170px;
}

.featured_in{
	float:right;
	margin:0 10px 0 0;
	width:260px;
}

.featured_in h3{ 
	color:#fff;
	margin:0;
	text-align:right;
}

.featured_in img{
	float:right;
}

.section h3, h3.members, #features_section h3, .featured_in h3{
	font-weight:bold;
}

.section h4{
	margin:0 0 0 10px;
}

.section p{
	margin-left:10px;
	padding-bottom:5px;
	width:205px; 
}

.section ul{
	font-size:1.4em;
	font-weight:bold;
	margin:0 0 0 45px;
}

.section li{
	padding:7px 0;
}

.section a{
	color:#fff!important;
}

.section a:hover{
	color:#ee5ba1!important
}

.section form{
	margin:0 0 25px 8px;
}

.section label{ 
	color:#fff;
	float:left;
	font-size:1.1em;
	margin:6px 0 5px 5px;
	width:50px;
}

.section label.label_display{
	display:none;
}

.section label.captcha_label{
	clear:both;
	width:190px;
}

.section input{
	border:1px solid #000;
	float:right;
	margin:2px 0;
	padding:2px;
	width:120px;
}

.section input.captcha_input{
	padding:2px 0;
	width:190px;
}

#captcha{
	float:left
}

.section input.submit{
	background:#ee5ba1;
	border:1px solid #ee5ba1;
	color:#fff;
	clear:both;
	font-weight:bold;
	cursor:pointer;	
	padding:4px;
	text-align:center;
	width:100px
}

.section input.submit:hover{
	background:#fff;
	border:1px solid #ee5ba1;
	color:#ee5ba1;
}

.section img{
	margin-left:10px;
}

#features_section{
	clear:both;
	padding:20px 0;
}

.sections{
	float:left;
	margin:0 20px 0 0;
	width:430px;
}

#page{
	font-size:1.4em;
	font-weight:bold;
	text-align:center;
}

#features{
	width:610px;
}

ul#latest_members{
	clear:both;
	list-style:none;
	margin:0 0 0 40px;
	width:880px;
}

ul#latest_members li{
	float:left;
	padding:0 30px 15px 0;
}


/* About Us Page
-------------------- */
#generic{
	float:left;
	margin-right:20px;
	width:610px;
}

#generic h2, #generic h3{
	font-weight:bold
}

#generic h3{
	color:#fff;
	font-size:1.4em;
}

#generic a{
	color:#fff;
}

#generic a:hover{
	color:#ee5ba1
}

/* Get Famous Page
------------------------*/
#fame h2{
	font-size:1.4em;	
	margin-bottom:5px;
}

ul#famous{
	color:#fff;
	font-size:1.4em;
	margin-left:100px;
}

ul#famous li{
	padding-bottom:3px;	
}

p.centre{
	text-align:center;	
}

#get_famous_form{
	margin:0 auto;
	width:400px;
}

#get_famous_form br{
	clear:both;	
}

#get_famous_form label{
	color:#fff;
	float:left;
	font-size:1.4em;
	margin:3px 10px 15px 0;
	text-align:right;
	width:150px;
}

#get_famous_form input, #get_famous_form textarea{
	border:1px solid #fff;
	float:right;
	margin-bottom:15px;
	width:220px;	
}

#get_famous_form input{
	height:23px;
}

#get_famous_form textarea{
	font-size:1.2em;
	height:80px;	
}

#get_famous_form input.submit{
	background:#ee5ba1;
	border:1px solid #ee5ba1;
	color:#fff;
	cursor:pointer;
	font-weight:bold;
	width:auto;	
}

#get_famous_form input.submit:hover{
	background:#fff;
	border:1px solid #ee5ba1;
	color:#ee5ba1;
}



/* Footer Layout
--------------------------------------------------------------------------------------- */
hr{
	background:#ee5ba1;
	border:0;
	clear:both;
	color:#ee5ba1;
	height:10px;
	margin:20px 0 3px 0;
}

p.footer{
	font-size:1.2em;
}

#foot{		
	margin:0 auto 20px;
	width:910px;
}

a.usa{
	background:url(../images/american_flag.gif) no-repeat;
	display:block;
	float:left;
	height:44px;
	margin:5px 0;
	padding:15px 0 0 92px;
}

a.za{
	background:url(../images/sa_foot_flag.gif) no-repeat;
	display:block;
	float:left;
	height:44px;
	margin:5px 0;
	padding:15px 0 0 92px;
}

.banner{
	float:right;
	width:650px;
}

#links{
	float:right;
	margin:5px 0;
}

.press_img{
	margin:7px 0 18px 0;
}


/* Classes
--------------------------------------------------------------------------------------- */
.float_left, #search h2, #search .search{
	float:left;
}

.float_right{
	float:right;
}

.clearfix{
	clear:both
}

.display{
	display:none;	
}

p, #search h2, #search .search, #search label, #search input:hover, h4 a, .section ul, a.usa, #page, #page a, #foot a, #foot{
	color:#fff!important;
}

p.error{
	color:#FF0000!important;
}

p.pink{
	color:#ee5ba1!important;
}

.just p{
	text-align:justify;
}

.img_replace{
	display:none;
}