/* ********** [ GENERAL ] ********** */

* {
	margin: 0 auto;
	padding: 0px; }

div.clear {
	clear: both; }

body {
	margin: 0 auto;
	padding: 0px;
	cursor: default;
	font: 12px arial, verdana, sans-serif;
	color: #222222;
    overflow: -moz-scrollbars-vertical;
	/*background: #212121 url('dotted-background.png') no-repeat top center;*/ } /*#0C4D9C */

/* ********** [ HTTP ] ********** */

div#http_img {
          background : url(etmini.gif) no-repeat 0px ;
          height: 25px; width: 113px; float : left; }

    div#http_wrap {
        margin : 0px;
        height : 20px;
        width : 100% !important;
        background : #000000 url('dark_bg.gif') repeat-x top;
        border : 0px solid #272727;
        border-width : 0 0 0 0; }  /* top left bottom right */

        div#http_content {
            margin : 0px auto;
            height : 20px;
            width : 800px;
            border : 1px solid #272727;
            border-width : 0 1px 0 1px; /* top right bottom left */
             }
            div#http_text_wrap {
              padding : 1px 10px 0 10px;
              position : relative;
              float : left;
              font : bold 10px arial, verdana, sans-serif;
	          color : #A9A9A9;}

              div#http_ulil_wrap {
                position : relative;
                float : right;}

                div#http_ulil_wrap ul {
                    list-style : none; }

                div#http_ulil_wrap li {
                     display: inline;
                     position: relative;
                     z-index: 1; }
                div#http_ulil_wrap ul li a {
                    padding : 1px 10px 0 10px;
                    height : 20px;
                    float : right;
                    font : bold 10px arial, verdana, sans-serif;
	                color : #A9A9A9;
                    border : 1px solid #272727;
                    border-width : 0 0 0 1px; /* top right bottom left */}
                div#http_ulil_wrap ul li a:hover {
                    color : #B0C4DE;
                    }
                div#http_ulil_wrap ul li a.active {
                    color : #B0C4DE;
                    }

/* ********** [ PAGE ] ********** */

div#page_wrap { }

	div#page { }


/* ********** [ PAGE ] ********** */

div#page_header { /*height:68px;*/ }


/* ********** [ HEADER ] ********** */

div#header_wrap {
	/*height: 90px;*/
	/*background: #ffffff;*/ }

	div#header {
		margin: 0 auto;
		width: 780px; }

       /*	div#header h1 {
			padding-left: 60px;
			float: left;
			font: bold 26px/90px Trebuchet MS, tahoma, arial, sans-serif;
			color: #D52525;
			background: url('logo.gif') no-repeat 0px center; }*/

			div#header h1 span { }


/* ********** [ FOOTER ] ********** */

div#footer_wrap {
	margin: 0px auto;
	padding: 10px 0px 10px 0px;
	width: 100%;}

	div#footer {
		height: 40px;
        padding: 5px 5px 10px 10px;
		font: 12px/22px verdana;
		color: #333333;
		text-align: left; }

		div#footer a {
			font: 12px/22px verdana;
			color: #808080;
			text-decoration: underline; }

		div#footer a:hover {
           color: #5E5E5E;
			text-decoration: none; }

div#footer_wrap2 {
	margin: 0 auto;
	width: 100%;
	 }
div#footer_wrapper2 {
	margin: 0 auto;
	width: 780px;
    /*background: #FFFFFF url('dotted-content-bg.png') repeat-x top*/;
    /*border: 1px solid #6699CC;
	border-width: 1px 1px 1px 1px;*/ }
	div#internalfooterlinks  {
		float: center;
        padding: 10px;
        width: 760px;
        font: 10px/12px arial,verdana;
		color:#606060;
		text-align: justify; }

		div#internalfooterlinks a {
			font: 10px/12px arial,verdana;
			color: #888888;
			text-decoration: underline; }

		div#internalfooterlinks a:hover {
			text-decoration: none; }


/* ********** [ CONTAINER ] ********** */

div#container_wrap {
	margin: 0px auto;
	width: 780px;
    background: #FFFFFF;
    /*border: 1px solid #6699CC;
	border-width: 0px 1px 1px 1px;*/ }

  	div#container {
  		margin: 0px auto;
		width: 780px;
	    background: #FFFFFF;	}

/* ********** [ CONTENT ] ********** */

#content_wrap {
  	padding-bottom: 10px;
	width: 580px;
	float: left; }
#content_wrap_extend {
  	padding-bottom: 10px;
	width: 780px;
	float: left;}

  	#content { padding:10px;}


/* ********** [ SIDEBAR ] ********** */
div#sidebar_wrap {
	padding: 0px 10px 10px 10px;
	width: 180px;
	float: left; }

  	div#sidebar { }

/* ********** [ SIDEBAR ACTIVE MEMBER ] ********** */

div#sidebar_wrap_active {
    margin: 10px auto;
    padding: 10px 10px 10px 10px;
	width: 180px;
    height: 100% auto;
	float: right;
    background: #FFFFFF;}

  	div#sidebar { }



/* ********** [ MAIN NAVIGATION ] ********** */

div#headernav_wrap {
	height: 67px;
    width: 770px;
	background: transparent url('hTg.png'); }

	div#headernav {
		margin: 0px auto;
		width: 780px; }

div#headerlogo_wrap {
	margin : 0px auto;
    /*height: 106px;*/
    position : relative;
    padding :10px;
    width : 760px;
    border : solid;
    border-width : 0 1px 1px 1px;
    border-color : #B0C4DE;
    background: #E2EAF3 url('hearts.png') no-repeat right /* transparent url('logo1.png') no-repeat 0px*/; }

.headerbanner {
	margin: 0px auto;
    float:left;
    position: relative;
    background: transparent; }

div#headertab_wrap {
	height: 67px;
    margin-left: 20px;
    margin-top: 20px;
    position: relative; }
/* ********** [ USER NAVIGATION ] ********** */

div#usermenu {
    width: 180px;
}
div#usernav_wrap { float:right;}

	div#usernav { }

		div#usernav ul {
		    list-style: none; }

			div#usernav li {
				border: 1px solid #cccccc;
				border-width: 0px 0px 1px 0px; }

				div#usernav ul li a {
					padding-left: 10px;
					height: 30px;
	    			display: block;
				    font: bold 11px/30px arial, verdana, sans-serif;
					color: #003366;
				    text-decoration: none; }

					div#usernav ul li a:hover {
						color: #2274D9; }



/* ********** [ COMMON ITEMS ] ********** */

h2, h3, h4, h5, h6 {
	padding-bottom: 5px;
	font: bold 14px/16px arial, verdana, sans-serif;
	color: #0C4D9C; }

	h2 {
		margin-bottom: 5px;
		font: bold 14px/16px arial, verdana, sans-serif;
		border-bottom: 1px solid #d4d4d4; }

	h3 {
		font: bold 13px/16px arial, verdana, sans-serif; }

	h4 {
		font: bold 12px/16px arial, verdana, sans-serif; }

p {
	font: 11px/16px arial, verdana, sans-serif;
	color: #222222; }

	a {
		font: 11px arial, verdana, sans-serif;
		text-decoration: none; }

		a:hover {
			text-decoration: underline; }





/* ********** [ MAIN NAVIGATION ] ********** */


div#mainnav {  /* head links */
    margin: 0 auto;
    height:28px;
    font: 11px/20px Arial, sans-serif;
    position: relative;
    vertical-align: baseline;
}

/*#menu { margin: 0 auto; padding: 0;}
#menu ul { margin: 0; padding: 0; list-style: none; }
#menu li { display: inline; }
#menu a {
    background: #EFF3FA;
    display: block;
    float: left;
    margin: 0 1px 0 0;
    padding: 7px 18px 7px 18px;
    text-decoration: none;
    font: 12px/13px Arial, sans-serif;
    font-weight: bold;
    color: #336699;
    text-transform: uppercase;
    border-top: 1px solid #A6BFE1;
    border-left: 1px solid #A6BFE1;
    border-right: 1px solid #A6BFE1;
}
#menu a:hover { background: #EFF3FA; color: #6699CC;}
#menu .current_page_item a { background: #FFFFFF; background-image: url("img02.gif"); background-repeat: repeat-x; color: #2A2A2A;border-top: 2px solid #749BD1;}
#menu .current_page_item a:hover { background: #FFFFFF; background-image: url("img02.gif"); background-repeat: repeat-x; color: #2A2A2A;}
*/
#menubg { position:relative;}

ul#menu { margin: 0; white-space: nowrap; text-align: center; padding: .2em 0; float: left; }
ul#menu li {list-style: none; display: inline; position: relative; z-index: 1; margin: 0 .3em; padding: .2em 0;  }
ul#menu a { display: block; border:solid; border-color:#CCCCCC; border-width:0; float: left; margin: 0 1px 0 1px; padding: .7em 1.0em; background: #FFFFFF url(img02.gif);background-repeat: repeat-x; text-decoration: none; font: bold 12px/11px sans-serif,Arial;color: #707070;text-transform: uppercase;  }
ul#menu a:hover {background: #FFFFFF; color: #333333; }
ul#menu .current_page_item a { position: relative;margin: 0 1px 0 1px;/* margin:1px 1px -1px 1px;*/ border:solid; border-color:#E0E0E0;border-width:0;background: #FFFFFF /*url(img02.gif)*/;background-repeat: repeat-x;color: #333333;}

/* ********** [ OTHER MISC ] ********** */

div#pageheaderuser {  /* section display hello user */
    height: 60px;
    border-bottom: 1px solid #d4d4d4;
}
div#pageheaderuser h1 {
    margin: 0px; padding: 15px 0px 0px 10px;
    font: 14px arial, sans-serif;
	color: #333333;
    font-weight: bold;
}
div#pageheaderuser h5 {
    margin: 0px; padding: 0px 0px 0px 10px;
    font: 10px/18px verdana, arial, sans-serif;
	color: #333333;
}
div#pageheaderuser h5 a {
    margin: 0px; padding: 0px;
    font: 10px/18px verdana, arial, sans-serif;
	color: #3366CC;
    text-decoration: underline;
}
div#pageheaderuser h5 a:hover {
    text-decoration: none;
}
.splashbacklightblue {   /* Males Profile BG img Colour */
     background: url("splashback/splashbacklightblue.png") center top repeat-x;
}
.splashbacklightpink {    /* Female Profile BG img Colour */
     background: url("splashback/splashbacklightpink.png") center top repeat-x;
}
.splashbacksilver {     /* Main pages BG img Colour */
     background: url("splashback/splashbacksilver.png") center top repeat-x;
}
.border {
  border: 1px solid #E4E4E4;
  margin:0;padding:0;
}
.border1 {
  border: 1px solid #A8C0E2; /* blue */
}.border2 {
  border: 1px solid #FFCEE7; /* pink */
}
.quicksearchform td {
  font: 11px verdana, sans-serif;
  padding: 5px;
}
.searchimg1 {
  background: url("searchimg1.png") right top no-repeat;
    padding: 8px;
}
div#rotationtags {
    padding: 8px;
    background: #EFEFEF;
    font: 11px/14px verdana, sans-serif;
    color: #303030;
    border: 1px solid #CCCCCC;
    border-width: 1px 1px 1px 1px;
}
div#rotationtags1 {
    padding: 8px;
    background: #DFEAFF;
    font: 11px/14px verdana, sans-serif;
    color: #303030;
    border: 1px solid #99CCFF;
    border-width: 1px 1px 1px 1px;
}
div#rotationtags2 {
    padding: 8px;
    background: #FFECFF;
    font: 11px/14px verdana, sans-serif;
    color: #303030;
    border: 1px solid #FFDDFF;
    border-width: 1px 1px 1px 1px;
}
div#missed {
    padding: 8px;
    background: #FFFFFF;
    font: 10px/14px verdana, sans-serif;
    color: #303030;
    border: 1px dashed #FF3300;
    border-width: 1px 1px 1px 1px;
}
div#missed a {
    font: 10px/14px verdana, sans-serif;
    color: #FF3300;
}
div#st1{      /* header text small */
  margin: 5px auto;
  text-align: center;
  font: 10px/15px Verdana, Arial, san-serif;
  color: #333333;
}
div#st2{   /* header text large */
  margin: 5px auto;
  text-align: center;
  font: 14px/15px Verdana, Arial, san-serif;
  color: #333333;
}
div#leftW {
  float: left;
  position: relative;
  height:auto;
  width:100px;
  vertical-align: top;
  padding: 10px;
  background: url(img02.gif);
  background-repeat: repeat-x;
  border-top:1px solid #ccc;}
div#leftM {
  float: left;
  position: relative;
  height:auto;
  width:100px;
  vertical-align: top;
  padding: 10px;
  background: url(img02.gif);/*#E0EAF5*/
  background-repeat: repeat-x;
  border-top:1px solid #ccc; }

div#right {
  float: right;
  position: relative;
  width:610px;
  /*border-left:2px solid #BFD3EA;*/
}
div.floaton {
  background: url('floaton.png') no-repeat;
  position: absolute;
  width:30px;
  height:7px;
  margin-top: -2px;
  margin-left: 13px;

}

/* login box corners */

.lightsteelblue{display:block}
.lightsteelblue *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#E2EAF3}
.lightsteelblue1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #f2f5f9;
  border-right:1px solid #f2f5f9;
  background:#e9eff6}
.lightsteelblue2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #fcfcfd;
  border-right:1px solid #fcfcfd;
  background:#e7edf5}
.lightsteelblue3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #e7edf5;
  border-right:1px solid #e7edf5;}
.lightsteelblue4{
  border-left:1px solid #f2f5f9;
  border-right:1px solid #f2f5f9}
.lightsteelblue5{
  border-left:1px solid #e9eff6;
  border-right:1px solid #e9eff6}
.lightsteelbluefg{
  background:#E2EAF3}
/* visit http://www.spiffycorners.com to get yours, heaps cool!
<div>
  <b class="lightsteelblue">
  <b class="lightsteelblue1"><b></b></b>
  <b class="lightsteelblue2"><b></b></b>
  <b class="lightsteelblue3"></b>
  <b class="lightsteelblue4"></b>
  <b class="lightsteelblue5"></b></b>

  <div class="lightsteelbluefg">
    <!-- content goes here -->
  </div>

  <b class="lightsteelblue">
  <b class="lightsteelblue5"></b>
  <b class="lightsteelblue4"></b>
  <b class="lightsteelblue3"></b>
  <b class="lightsteelblue2"><b></b></b>
  <b class="lightsteelblue1"><b></b></b></b>
</div>
*/

.lightsilver{display:block}
.lightsilver *{
 display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#EEEEEE}
.lightsilver1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #f7f7f7;
  border-right:1px solid #f7f7f7;
  background:#f2f2f2}
.lightsilver2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #fdfdfd;
  border-right:1px solid #fdfdfd;
  background:#f1f1f1}
.lightsilver3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #f1f1f1;
  border-right:1px solid #f1f1f1;}
.lightsilver4{
  border-left:1px solid #f7f7f7;
  border-right:1px solid #f7f7f7}
.lightsilver5{
  border-left:1px solid #f2f2f2;
  border-right:1px solid #f2f2f2}
.lightsilverfg{
  background:#EEEEEE}

/*Get the Code: HTML
<div>
  <b class="lightsilver">
  <b class="lightsilver1"><b></b></b>
  <b class="lightsilver2"><b></b></b>
  <b class="lightsilver3"></b>
  <b class="lightsilver4"></b>
  <b class="lightsilver5"></b></b>

  <div class="lightsilverfg">
    <!-- content goes here -->
  </div>

  <b class="lightsilver">
  <b class="lightsilver5"></b>
  <b class="lightsilver4"></b>
  <b class="lightsilver3"></b>
  <b class="lightsilver2"><b></b></b>
  <b class="lightsilver1"><b></b></b></b>
</div>*/