/* -------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------- */
/*                           DEFINES THE MAIN PAGE LAYOUT                                 */
/* -------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------- */

/* START: GENERIC CLASSES */

.clear { 
	clear:both;
}

.floatRight {
	float:right;
}

.floatLeft {
	float:left;
}

.floatImageRight {
	float:right;
	margin:0px 0px 5px 5px;
}

.floatImageLeft {
	float:left;
	margin:0px 5px 5px 0px;
}

.displayNone{ 
	display:none; 
	visibility:hidden;
}

/* END: GENERIC CLASSES */

/* -------------------------------------------------------------------------------------- */

/* START - REMOVE BROWSER DEFAULT */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	/*list-style:none;*/
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

/* END - REMOVE BROWSER DEFAULT */

/* -------------------------------------------------------------------------------------- */

/* START: MAIN PAGE STRUCTURE */

body { 
	background-color:#CCCCCC;
	font-family: Trebuchet MS, Helvetica, Arial,  Geneva, sans-serif;
	font-size: 0.7em;
}

#pageHeaderTile
{
	background-image: url(/media/siteimages/bkTile.jpg);
	background-repeat: repeat-x;
	background-position: top;
	background-color:#FFFFFF;
}

#pageWrapper  {
	width: 1007px; /* DEFINES THE MAIN WIDTH */
	margin:0 auto;
}

#pageWrapper #pageContentWrapper {
	float: left;
}

#pageWrapper #pageContentWrapper #pageContentInnerWrapper #contentWrapper {
	float:left;
	width: 800px;
	/*margin-left:10px;*/
}

#mainContentCenter {
	/*float:left;*/
}

#pageWrapper #pageContentWrapper #pageContentInnerWrapper #contentWrapper #mainContentWrapper {
	background-color: white; /* DEFINES THE MAIN CONTENT BACKGROUND COLOUR */
	min-height: 450px; /* DEFINES THE DEFAULT PAGE HEIGHT. INCREASING WILL LEAVE MORE DEFAULT WHITE*/
	padding:10px;
	margin-bottom:10px;
}

/* END: MAIN PAGE STRUCTURE */

/* -------------------------------------------------------------------------------------- */

/* START: TITLE */

#pageWrapper #pageContentWrapper #pageContentInnerWrapper #contentWrapper #clubTitle { /* DEFINES THE HEIGHT OF THE TITLE DIV */
	height: 90px;
	overflow:hidden;
	background-image:url(/media/siteimages/titleBack.jpg);
	background-position:-125px 2px;
	background-repeat:no-repeat;
}

/* END: TITLE */

/* -------------------------------------------------------------------------------------- */

/* START: FOOTER*/

#footerWrapper 
{
    background-color:#E9E9E9;
	background-image: url(/media/siteimages/footerTile.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	padding-top:5px;
	width:100%;
	height:63px;
	clear:both;
}

#footerWrapper #footer {
	width:1007px;
	margin:0 auto;
}

/* END: FOOTER */

/* -------------------------------------------------------------------------------------- */

/* START: NAVIGATION TOP */

#pageHeaderTile #pageWrapper #pageContentWrapper #pageContentInnerWrapper #contentWrapper #navTop {
	text-align: right;
	height: 52px;
}

/* END: NAVIGATION TOP*/

/* -------------------------------------------------------------------------------------- */

/* START: WIDGETS */

#pageHeaderTile #pageWrapper #pageContentWrapper #pageContentInnerWrapper #contentWrapper .widgitCss
{
    /*background-color: #EBEBEB;
    text-align:center;*/
}

/* BOTTOM WIDGET */

#pageHeaderTile #pageWrapper #pageContentWrapper #pageContentInnerWrapper #contentWrapper #mainContentWidgits {
	min-height: 50px;
	clear:both;
	margin:20px 0px 15px 0px;
	text-align:center;
	/*padding:10px;*/
}

/* RIGHT WIDGET */

#pageHeaderTile #pageWrapper #pageContentWrapper #pageContentInnerWrapper #contentWrapper #mainContentWrapper #mainContentWidgetsRight {
	float: right;
	/*min-height: 400px;*/
	max-width: 215px;
	min-width:100px;
	margin: 5px 5px 10px 5px;
	/*padding:10px;*/
}

/* 

/* TOP WIDGET */

#pageHeaderTile #pageWrapper #pageContentWrapper #pageContentInnerWrapper #contentWrapper #mainContentWrapper #mainContentWidgetsTop {
	min-height: 50px;
	margin: 5px 5px 10px 5px;
	padding:10px;
	text-align:center;
}

/* END: WIDGETS*/

/* -------------------------------------------------------------------------------------- */

/* START: LEFT NAVIGATION LAYOUT */

#pageWrapper #pageContentWrapper #pageContentInnerWrapper #navWrapperTile #navWrapperBackground {
	background-image: url(/media/siteimages/navOuter.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	min-height: 400px;
	width: 200px;
}

#pageWrapper #pageContentWrapper #pageContentInnerWrapper #navWrapper #navWrapperTile #navWrapperBackground #navContent #navLogo {
	height: 170px;
	text-align:center;
}

#pageWrapper #pageContentWrapper #pageContentInnerWrapper #navWrapper #navWrapperTile #navWrapperBackground #navContent #navLogo img { 
	margin-top:10px;
	max-height:100px;
}

#pageWrapper #pageContentWrapper #pageContentInnerWrapper #navWrapperTile #navWrapperBackground #navContent {
	margin: 0 15px;
}

#pageHeaderTile #pageWrapper #pageContentWrapper #pageContentInnerWrapper #navWrapper #navWrapperTile #navWrapperBackground #navContent #navLinks {
	margin:0 2px;
}

#pageWrapper #pageContentWrapper #pageContentInnerWrapper #navWrapper {
	float:left;
}

#pageHeaderTile #pageWrapper #pageContentWrapper #pageContentInnerWrapper #navWrapper #navLowerContent {
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-left:6px;
	width:180px;
}

#pageWrapper #pageContentWrapper #pageContentInnerWrapper #navWrapper #navWrapperTile #navBottom {
	background-image: url(/media/siteimages/navBottom.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	height: 20px;
	width: 200px;
}

#pageWrapper #pageContentWrapper #pageContentInnerWrapper #navWrapper #navWrapperTile {
	background-image: url(/media/siteimages/navTile.jpg);
	background-repeat: repeat-y;
	background-position: center;
	width: 200px;
}
#pageWrapper #pageContentWrapper #pageContentInnerWrapper #navWrapper hr
{
    border-bottom:dashed white 1px;
    border-top:solid 0px white;
    border-left:0px solid white;
    border-right:0px solid white;
    margin-left:10px;
}

/* END: LEFT NAVIGATION LAYOUT */

/* CSC */
.CSCWrapper
{
    float:left;
    width:540px;
}
#CSC
{
    width:540px;
    background-color:White;
    margin-top:0px;
}
#CSCIframe
{
    width:540px;
    border:0px;
}
#CSCAdmin .tab
{
    background-image:url(/media/siteimages/CSCTabHeader.jpg);
    background-position:top left;
    background-repeat:no-repeat;
    color:White;
    margin-bottom:15px;
    min-height:20px;
    border-bottom:#A8D54A 3px solid;
    
}
#CSCAdmin
{
    width:220px;
    float:right;
    margin-bottom:10px;
    padding-top:4px;
    font-family: Arial, Trebuchet MS, Helvetica, Geneva, sans-serif;
}
#CSCAdmin .tab a
{
    background-color:#DDE2E6; 
    margin:1px 0px;
    padding:5px 0 5px 15px;
    color:Black;
    text-decoration:none;
    display:block;
    font-size:12px;
    
}
#CSCAdmin .tab a.selected
{
    background-color:#A8D54A;
}
#CSCAdmin .tab a:hover
{
    background-color:#A8D54A; 
}
#CSCAdmin .tab span
{
    display:block;
    height:25px;
    line-height:25px;
    text-indent:5px;
    font-size:12px;
    font-weight:bold;
    padding-left:10px;
}

/* Google Map ID */
#map
{
	height:300px;
	margin-bottom:30px;
}

.MacroButtonGrey {
	background: url(/media/siteimages/Macro_buttonGrey.jpg) no-repeat center center;
	height: 22px;
	width: 120px;
	line-height:22px;
	color:white;
	text-align:center;
	font-size:12px;
	text-decoration:none;
	display:inline-block;
	margin:6px 2px 6px 0;
	border:0px;
}

/* PassRoids Objects */

#psr_score {  }
#psr_verify {  }
#psr_strength_notice {  }

.psr_Weak { color: #A52A2A; }
.psr_Medium { color: #FFA500; }
.psr_Strong { color: #3DBE5E; }
.psr_Excellent { color: #416EC2; }