html { 
  min-height:100%; 
  margin-bottom:1px; 
}

body{
	font: 62.5%/100% Verdana, sans-serif;
	background: black url(../images/yowzaa_bodybg.jpg) repeat-x top;
	border: 0px;
  padding: 0px;
  margin: 0px;
  text-align: center;
}

h1{
	font: 1.2em/10em Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	color: red;
	text-transform: uppercase;
}

h2{
	font: bold 1.2em/1.4em Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px 0px 25px 0px;
	color: white;
	background: black url(../images/yowzaa_titlebg.gif) repeat top;
	text-transform: uppercase;
	border-bottom: 2px solid #3399FF;
}

h3{
	font: bold 1em/1.4em Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 8px 10px 2px 10px;
	color: black;
	text-transform: uppercase;
}

h4{
	font: bold 1em/1em Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	color: black;
}

h5{
	font: 0.4em/1em Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	color: cyan;
	text-transform: uppercase;
}

h6{
	font: 0.2em/1em Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	color: silver;
	text-transform: uppercase;
}

a:link, a:visited{
	color: #3399FF;
	text-decoration: underline;
}

a:active, a:hover, a:visited:hover{
	color: #3399FF;
	text-decoration: none;
}

p, ul, li, img, input, div{
	margin: 0px;
	padding: 0px;
	border: 0px;
}

p{
  font: 1em/1.4em Verdana, sans-serif;
  color: black;
  padding: 4px 10px;
}

form{
  margin: 0px;
  padding: 0px;
}

/* Page layout */
#container{
	position: relative;
	margin: 0px auto;
	padding: 0px;
	width: 940px;
	text-align: left;
}

#headersearch{
  clear: left;
  float: left;
  width: 480px;
  border: 1px solid #FF9900;
  padding: 10px;
  margin: 0px;
  background: black;
}

.searchbox{
  border: 0px;
  padding: 0px;
  margin: 0px;
  border-right: 5px solid black;
  width: 300px;
  font-size: 1em;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
}

.searchsubmit{
  width: 10.8em;
  border: 0px;
  background: #FF9900;
  font: bold 1em Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  cursor: pointer;
  text-align: center;
}

/* end of Page layout */

/* Navigation layout */
#navigation{
  clear: left;
  width: 940px;
  font: bold 1em/2em Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  padding-bottom: 20px;
  color: white;
}

#navigation ul{
  padding: 5px 0px;
}

#navigation li{
  display: inline;
  background: black;
}

#navigation a:link, #navigation a:visited{
	color: #3399FF;
	text-decoration: underline;
}

#navigation a:active, #navigation a:hover, #navigation a:visited:hover{
	color: #3399FF;
	text-decoration: none;
}
/* end of Navigation layout */

#header{
  float: left;
  width: 940px;
  height: 70px;
  padding: 0px;
  margin: 0px;
  background: black url(../images/yowzaa_headerbg.gif) no-repeat top;
	border-bottom: 2px solid #3399FF;
}

#logo{
  float: left;
  width: 160px;
  height: 70px;
  background: black;
}

#headerbutton, #headerbutton_login{
  float: right;
  width: 160px;
  height: 44px;
  background: #CCCCCC url(../images/yowzaa_button.gif) no-repeat top;
  text-align: center;
  margin: 10px 10px 0px 0px;
  padding: 3px 20px;
}

#headerbutton p{
  font: 1em/1em Verdana, sans-serif;
  margin: 0px;
  padding: 1px;
}

#headerbutton_login p{
  font: 1em/0.5em Verdana, sans-serif;
  margin: 0px;
  padding: 5px;
}

#headerbutton a:link, #headerbutton a:visited, #headerbutton_login a:link, #headerbutton_login a:visited{
  font: bold 1.8em/1em Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  color: #0099FF;
  text-decoration: none;
}

#headerbutton a:hover, #headerbutton a:visited:hover, #headerbutton_login a:hover, #headerbutton_login a:visited:hover{
  font: bold 1.8em/1em Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  color: black;
  text-decoration: none;
}
/* end of header area layout */


/* Content area layout */
#content{
  float: left;
  width: 940px;
  /*min-height: 500px;*/
  background: black url(../images/yowzaa_contentbg.jpg) no-repeat top;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

/*  profile div area */
#profile{
  float: left;
  width: 710px;
  min-height: 310px;
  background: white;
  margin: 10px 10px 10px 0px;
  padding-bottom: 10px;
}

#profile .column1{
  float: left;
  width: 195;
  min-height: 320px;
  background: white;
}

#profile .column2{
  float: left;
  width: 515px;
  min-height: 320px;
  background: white;
}

#profile li{
  padding: 5px 10px;
  list-style-type: none;
}

#profile img{
  float: left;
  width: 175px;
  height: 175px;
  background: silver;
  margin: 10px 10px 145px 10px;
}

#profile h4{
  font: bold 1em/1.4em Verdana, sans-serif;
  text-transform: capitalize;
  margin: 5px 10px 0px 10px;
}

.profilename{
  font: 1.6em/1.2em Arial;
}

div .teamposition, div .honourposition{
  float: left;
  min-width: 250px;
  margin: 0px 10px;
}

div.teamposition p, div.honourposition p{
  padding: 5px 0px 0px 0px;
}

  /* groups profile page*/
  .groupleader{
    font: bold 1.2em/0.5em Verdana, sans-serif;
    margin: 5px 0px 0px 0px;
    color: #3399FF;
    text-transform: capitalize;
  }
  /* end of groups profile page */

/* end of profile div */

/* area for the sporting bet advert */
#adbox{
  float: left;
  width: 200px;
  height: 350px;
  background: #6699CC;
  margin: 10px 0px;
}
/* end of area for the sporting bet advert */

/* banner ad below header to show/hide as needed */
.bannerad{
  float: left;
  width: 920px;
  height: 70px;
  margin: 10px 10px 0px 10px;
  background: #003399;
  color: white;
  display: none;
}
/* end of banner ad that shows/hides */

/* content below profile area on 'my profile', 'friends' and 'groups' pages  */
#column1{
  float: left;
  width: 300px;
  margin: 0px 0px 0px 10px;
}

#column2{
  float: left;
  width: 300px;
  margin: 0px 10px 0px 10px;
}

#column3{
  float: left;
  width: 300px;
  margin: 0px 10px 0px 0px;
}

/*.textright{
  text-align: right;
}*/

  /* style positions every content div on the page */
  .contentbox{
    float: left;
    width: 300px;
    min-height: 50px;
    background: white;
    margin-bottom: 10px;
    padding-bottom: 10px;
    display: overflow;
  }
  /* end of style positions every content div on the page */

.contentbox img{
  float: left;
  width: 48px;
  height: 48px;
  background: silver;
  margin: 10px 0px 0px 10px;
}

/*.button{
  float: left;
  background: black;
  min-width: 120px;
  height: 15px;
  color: white;
  font-weight: bold;
  padding: 5px 15px 5px 10px;
  margin: 5px 10px;
  line-height: 1.4em;
  text-transform: capitalize;
}*/

.contentbox .submitbutton{
  background: black;
  color: white;
  font: bold 1.2em/1.4em Arial, Helvetica, sans-serif;
  padding: 5px 10px;
  margin: 5px 10px;
  text-transform: capitalize;
  cursor: pointer;
  width: 280px;
}

.submitbuttonlink{
  float: left;
  background: black;
  color: white;
  font: bold 1.2em/1.4em Arial, Helvetica, sans-serif;
  padding: 5px;
  margin: 5px 10px;
  text-transform: capitalize;
  cursor: pointer;
  width: 270px;
  text-align: center;
}

p.submitbuttonlink a:link, p.submitbuttonlink a:visited, p.submitbuttonlink a:hover, p.submitbuttonlink a:visited:hover{
  color: white;
  text-decoration: none;
}

textarea.blogpost{
  margin: 10px 10px 0px 10px;
  width: 265px;
  min-height: 147px;
  font: 1.2em/1em Arial, sans-serif;
  padding: 5px;
  border: 1px solid #CCCCCC;
}

input.blogpost{
  margin: 10px;
  border: 1px solid #CCCCCC;
  width: 265px;
  font: 1.2em/1em Arial, sans-serif;
  padding: 5px;
}

textarea.statuspost{
  margin: 10px 10px 0px 10px;
  width: 265px;
  min-height: 80px;
  font: 1.2em/1em Arial, sans-serif;
  padding: 5px;
  border: 1px solid #CCCCCC;
}

#column1 select{
  margin: 10px 10px 0px 10px;
  width: 265px;
  font: 1.2em/1em Arial, sans-serif;
  padding: 5px;
  border: 1px solid #CCCCCC;
}
    /* groups links on profile, friends and groups pages */
    
    .contentbox h4{
      clear: left;
      margin: 4px 10px;
      color: #3399FF;
      font-size: 1.2em;
    }
    
    .contentbox h4.friendgroups{
      clear: left;
      margin: 10px 10px 4px 10px;
      color: #3399FF;
      font-size: 1.2em;
    }

    .contentbox li{
      list-style-type: none;
      margin: 10px 10px 0px 10px;
      font: 1.2em/3.6em Arial, Helvetica, sans-serif;
    }

    .contentboxlist{
      float: left;
      width: 278px;
      border: 1px solid #CCCCCC;
      margin: 0px;
      padding: 0px;
    }
    
    .contentboxlist_video{
      float: left;
      width: 268px;
      border: 1px solid #CCCCCC;
      margin: 0px;
      padding: 0px 5px;
    }

    .contentbox li img{
    float: left;
    width: 48px;
    height: 48px;
    background: #CCCCCC;
    margin: 0px 10px 0px 0px;
    padding: 0px;
    border-right: 1px solid #CCCCCC;
    }
    /* end of groups links on profile, friends and groups pages */

/* end of content below profile area on 'my profile', 'friends' and 'groups' pages  */


/* Footer layout */
#footer{
  float: left;
  clear: both;
  width: 930px;
  height: 30px;
  margin: 0px;
  padding-left: 10px;
  border-bottom: 2px solid #3399FF;
  /*border-bottom: 10px solid black;*/
  background: #111111;
  color: white;
}

#footer ul{
  padding: 5px 0px;
}

#footer p, #footer li{
  font: bold 1em/2em Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  display: inline;
}

#ie_spacer{
  float: left;
  width: 940px;
  height: 20px;
  background: clear;
}
/* end of Footer layout */


/* other layout edits */
.hidden{
  display: none;
}

.blue{
  color: #3399FF;
}

.blue2{
  color: #3399FF;
  font-size: 1.4em;
  font-weight: bold;
}

.grey{
  color: #666666;
}

.textleft{
  float: left;
	padding: 5px 0px 0px 10px;
}

.textright{
  float: right;
	padding: 5px 10px 0px 0px;
}

.textleft, .textright{
	color: white;
	text-transform: uppercase;
}
/* end of other bits */


/* registration form */
/*#registrationcrumb ol{
  margin: 10px;
  padding: 0px;
}*/

/*#registrationcrumb li{
  display: inline;
}*/

/* registration pages */
#signupform{
  float: left;
  width: 920px;
  background: white;
  margin: 10px;
  padding-bottom: 20px;
}

#signupform h3{
  font-size: 1.4em;
  color: #3399FF;
}

/*#signupform p{
  text-align: right;
}*/

/*#signupform p.left{
  text-align: left;
}*/

/*#signupform input, #signupform select{
  border: 1px solid #CCCCCC;
  font: 1.2em/1em Arial, sans-serif;
  background: white;
  width: 550px;
  padding: 3px 0px;
}*/

/*#signupform p.ajax_country_select{
  float: left;
  margin-left: 126px;
}*/

/*#signupform p.ajax_teams_select{
  float: left;
  margin-left: 135px;
}*/

/*#signupform p.ajax_honours_select{
  float: left;
  margin-left: 127px;
}*/

/*#signupform select.ajax_country_select, #signupform select.ajax_teams_select, #signupform select.ajax_honours_select{ 
  width: 550px;
  display: inline;
}*/

/*#signupform textarea{
  border: 1px solid #CCCCCC;
  font: 1.2em/1em Arial, sans-serif;
  background: white;
  width: 895px;
  min-height: 50px;
  padding: 3px 0px;
  margin: 0px 0px 10px 10px;
}*/

    /* date of birth fields  */
    #signupform select.signupinput1{
      width: 125px;
    }

    /* birthday checkbox */    
    #signupform input.signupinput2{
      width: 20px;
    } 


/*#signupform select.signupinput3{
  width: 560px;
  margin: 0px 0px 10px 10px;
}*/

/*.formfields{
  width: 800px;
}*/

#signupform hr{
  border: 1px solid white;
}

/*#signupform input.formbutton, #signupform p.formbutton{
  font: 1.2em/1.4em Verdana, sans-serif;
  text-align: center;
  text-transform: uppercase;
  color: gold;
  background: black;
  width: 650px;
  margin: 5px 50px 5px 140px;
  cursor: pointer;
  padding: 5px 0px;
}*/

/*#signupform p.formbutton a:link, #signupform p.formbutton a:hover, #signupform p.formbutton a:visited, #signupform p.formbutton a:visited:hover{
  color: gold;
  text-decoration: none;
}*/

#agreement p{
  clear: left;
  text-align: left;
  margin: 0px 220px 0px 200px;
}

#agreement input{
  float: left;
  width: 20px;
  margin-left: 200px;
  border: 0px;
}

#agreement label{
  float: left;
  margin: 5px;
}

/*#agreement input.formbutton{
  font: 1.4em/1.4em Verdana, sans-serif;
  text-align: center;
  text-transform: uppercase;
  color: gold;
  background: black;
  width: 650px;
  margin: 20px 50px 20px 140px;
  cursor: pointer;
}*/

/*  end of registration pages */


    /* right column displays links to other sports on registration homepage  */
    #signup_right{
      float: left;
      width: 200px;
      min-height: 280px;
      margin: 10px 0px;
    }

    .rightboxes{
      float: left;
      width: 200px;
      min-height: 100px;
      /*background: white;*/
      margin-bottom: 10px;
      display: overflow;
    }

    #signup_right li{
      font-size: 1em;
      line-height: 1.6em;
      font-weight: bold;
      /*border-bottom: 1px solid #3399FF;*/
      padding: 5px 0px 0px 0px;
      margin: 0px;
      display: block;
      text-align: center;
      text-transform: uppercase;
      list-style-type: none;
    }

    #signup_right li.othersport{
      background: #3399FF;
      color: black;
      margin-top: 5px;
      padding: 5px 0px;
    }

    #signup_right a:link, #signup_right a:visited{
      font-size: 1em;
      line-height: 3em;
      color: #3399FF;
      text-decoration: none;
      display: block;
      background: black;
      padding-left: 0px;
    }

    #signup_right a:hover, #signup_right a:visited:hover{
      color: black;
      text-decoration: none;
      background: silver;
    }
    /* end of right column displays links to other sports on registration homepage */


/* profile edit pages layout */
  /* breadcrumb links on registration and profile edit pages */
  #profile_edit_links ol{
    margin: 10px;
    padding: 0px;
  }

  #profile_edit_links li{
    display: inline;
  }
  /* end of breadcrumb links on registration and profile edit pages */

#column_left{
  float: left;
  width: 720px;
  margin-left: 10px;
}

#column_right{
  float: left;
}
/* end of profile edit pages layout */


/* mail layout */
#messagebox{
  float: left;
  width: 710px;
  min-height: 330px;
  background: white;
  margin: 10px;
  padding-bottom: 20px;
}

#messagebox img{
  float: left;
  width: 48px;
  height: 48px;
  background: silver;
  margin: 10px;
}

#messagebox h3{
  color: #3399FF;
  font-size: 1.2em;
}

#messagebox a:link, #messagebox a:visited{
  color: #454545;
  text-decoration: underline;
}

#messagebox a:hover, #messagebox a:visited:hover{
  color: #454545;
  text-decoration: none;
}

#messagebox .textrightmessage a:link, #messagebox .textrightmessage a:visited{
  color: #CDCDCD;
}

#messagebox .textrightmessage a:hover, #messagebox .textrightmessage a:visited:hover{
  color: #3399FF;
}

#messagebox ul, #messagebox li{
  margin: 0px;
  padding: 0px;
}

#messagebox li{
  display: inline;
  margin: 20px 10px;
  font: bold 1.4em/1.6em Arial, Helvetica, sans-serif;
}

.message{
  background: #EFEFEF;
  margin: 10px;
  float: left;
  width: 690px;
}

.messageoptions{
  clear: left;
  background: #CDCDCD;
  min-height: 15px;
}

.red{
  color: red;
  font-weight: bold;
}

.textleftmessage{
  float: left;
  color: #454545;
  background: #CDCDCD;
}

.textrightmessage{
  float: right;
  background: black;
  color: #CDCDCD;
  font-size: 1.4em;
  font-weight: bold;
  line-height: 0.9em;
  
}

.textleftmessage, .textrightmessage{
  padding: 0px;
  margin: 0px;
	text-transform: uppercase;
}

textarea.postmessage{
  margin: 0px;
  width: 675px;
  min-height: 320px;
  border: 1px solid black;
  font: 1.2em/1.4em Arial, sans-serif;
  padding: 5px;
  margin: 10px;
}

.hiddeninput{
  display: none;
  margin: 0px;
  padding: 0px;
}
/* end of mail layout */


/* gallery layout */
#gallery, #galleryedit{
  float: left;
  width: 710px;
  /*min-height: 550px;*/
  background: white;
  margin: 10px;
  padding-bottom: 10px;
}

#gallery h3, #galleryedit h3{
  clear: left;
  margin: 10px 0px;
  padding: 5px 2px;
  background: #CCCCCC;
}

#gallery img{
  /*float: left;*/
  margin: 0px 10px 10px 0px;
  width: 48px;
  height: 48px;
  background: silver;
}

#gallery p{
  margin: 0px;
  padding: 0px 0px 10px 0px;
  border-bottom: 1px solid #CCCCCC;
  margin-bottom: 10px;
}

#gallery p.button{
  margin: 0px;
  margin-bottom: 20px;
  padding: 5px;
}

#gallery p.button2{
  margin: 0px 10px;
  padding: 5px;
  background: black;
  color: white;
  font-weight: bold;
}

.gallerythumbs{
  margin: 10px;
  margin-top: 0px;
  padding-bottom: 10px;
}

#gallery hr{
  clear: both;
  margin: 0px;
  padding: 0px;
  border: 1px solid white;
}

#gallery img.mainphoto{
  border: 1px solid black;
  width: 400px;
  height: 300px;
  background: silver;
  margin: 0px 10px 10px 0px;
}

#galleryedit input{
  width: 675px;
  border: 1px solid #CCCCCC;
  font: 1.2em/1.4em Arial, sans-serif;
  padding: 5px;
  margin-bottom: 10px;
}

#galleryedit textarea{
  width: 675px;
  min-height: 100px;
  border: 1px solid #CCCCCC;
  font: 1.2em/1.4em Arial, sans-serif;
  padding: 5px;
  margin-bottom: 10px;
}

#galleryedit p{
  margin: 0px;
  padding: 0px 2px;
}

.galleryupdate{
  margin: 0px 10px;
  padding-bottom: 10px;
}

.gallerybutton{
  background: black;
  color: white;
  font: bold 1.2em/2.4em Arial, Helvetica, sans-serif;
  padding: 5px 15px 5px 10px;
  margin: 10px;
  text-transform: capitalize;
  cursor: pointer;
  width: 665px;
  text-align: center;
}

.galleryamendbutton{
  background: black;
  color: white;
  font: bold 1.2em/2.4em Arial, Helvetica, sans-serif;
  padding: 7px 15px 5px 10px;
  margin: 10px;
  text-transform: capitalize;
  cursor: pointer;
  width: 690px;
  text-align: center;
}

.gallerybutton a:link, .gallerybutton a:visited, .gallerybutton a:hover, .gallerybutton a:visited:hover, .galleryamendbutton a:link, .galleryamendbutton a:visited, .galleryamendbutton a:hover, .galleryamendbutton a:visited:hover{
  color: white;
  text-decoration: none;
}

#galleryedit input.gallerybutton{
  background: black;
  color: white;
  font: bold 1.2em/2.4em Arial, Helvetica, sans-serif;
  padding: 5px 15px 5px 10px;
  margin: 0px;
  text-transform: capitalize;
  cursor: pointer;
  width: 687px;
  text-align: center;
}
/* end of gallery layout */


/* about page */
#about{
  float: left;
  width: 920px;
  min-height: 340px;
  background: white;
  margin: 10px;
  padding-bottom: 20px;
}

#about img{
  float: left;
  clear: left;
  margin: 10px 10px 0px 0px;
  border: 1px solid black;
}
/* end of about layout */


/* blog layout */
.divider{
  border-bottom: 1px solid black;
  margin: 10px;
}
/* end of blog layout */


/* groups layout */
.grouplist{
  background: #DEDEDE;
  margin: 5px 10px;
  font-weight: bold
}

.grouplistlink{
  background: black;
  color: white;
  margin: 0px 10px 10px 10px;
  font-weight: bold;
}
/* end of groups layout */


/* search form layout */ 
#searchform{
  float: left;
  width: 710px;
  min-height: 330px;
  background: white;
  margin: 10px;
  padding-bottom: 20px;
}

.findfriend{
  border: 1px solid black;
  margin: 10px;
}

/*#searchform h3{
  clear: left;
  margin: 10px;
  padding: 5px 2px;
  color: #3399FF;
}*/

#searchform h3{
  font-size: 1.4em;
  color: #3399FF;
}

/*#searchform p{
  text-align: right;
}*/

/*#searchform textarea{
  width: 100%;
  min-height: 100px;
  border: 1px solid #CCCCCC;
  font: 1.2em/1.4em Arial, sans-serif;
  padding: 5px;
  margin-bottom: 10px;
}*/

/*#searchform input{
  width: 655px;
  border: 1px solid #CCCCCC;
  margin: 0px;
  padding: 0px;
  font: 1.2em/1.4em Arial, sans-serif;
  padding: 5px;
}*/

/*#searchform select{
  width: 555px;
  border: 1px solid #CCCCCC;
  margin: 0px;
  padding: 0px;
  font: 1.2em/1.4em Arial, sans-serif;
  padding: 5px;
}*/

/*#searchform .searchterm{
  width: 20px;
  font: 1.2em/1.4em Arial, sans-serif;
  padding: 5px;
  margin: 0px 5px 0px 85px;
  border: 0px;
}*/

/*#searchform .keywordsearch{
  width: 545px;
  font: 1.2em/1.4em Arial, sans-serif;
  padding: 5px;
  margin: 0px;
  border: 1px solid #CCCCCC;
}*/

/*#searchform input.submitbutton{
  background: black;
  color: white;
  font: bold 1.2em/1.4em Arial, Helvetica, sans-serif;
  padding: 5px 15px 5px 10px;
  margin: 5px 10px;
  text-transform: capitalize;
  cursor: pointer;
  width: 667px;
}*/

/*#searchform p.ajax_league_select{
  float: left;
  margin-left: 57px;
}*/

/*#searchform select.league_ajax_select_box{ 
  width: 555px;
  display: inline;
}*/
/* end of seach form layout */


/* homepage layout */
#homepage{
  float: left;
  width: 710px;
  /*min-height: 550px;*/
  background: white;
  margin: 10px;
  padding-bottom: 10px;
}

#homepage h3{
	font: bold 2.4em/1.4em Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 8px 10px 2px 10px;
	color: #3399FF;
	text-transform: capitalize;
}

#homepage h4{
	font: 1.6em/1em Arial, Helvetica, sans-serif;
	margin: 10px;
	padding: 2px;
	color: black;
	background: #DEDEDE;
}

#homepage img.leftpic{
  margin: 5px 10px 5px 0px;
  float: left;
}

#homepage img.rightpic{
  float: right;
  margin: 5px 0px;
}

#homepage .submitbuttonlink{
  margin: 10px 10px 0px 10px;
  width: 680px;
  min-height: 50px;
  font: 2.4em/2em Arial, sans-serif;
  padding: 5px;
  border: 1px solid #CCCCCC;
}

.homepagewarning{
  clear: both;
  font-size: 1em;
}

.redwarning{
  color: red;
  text-transform: uppercase;
}

/* brand page layout */
#premiumcontent{
  float: left;
  width: 710px;
  min-height: 340px;
  background: white;
  margin: 10px;
  padding-bottom: 20px;
}

#premiumcontent h3{
  font-size: 1.6em;
  line-height: 2em;
  border-top: 5px solid silver;
  border-bottom: 1px solid silver;
  margin: 0px;
	padding: 0px 10px;
	clear: both;
}

#premiumcontent img{
  float: left;
  border: 1px solid black;
  margin: 5px 10px 10px 0px;
}

#premiumcontent p{
  margin: 0px 0px 10px 0px;
  line-height: 1.6em;
}

#premiumcontent p a:link, #premiumcontent p a:visited{
  background: black;
  color: white;
  font: bold 1.2em/1.4em Arial, Helvetica, sans-serif;
  padding: 5px 15px;
  margin: 5px 10px 20px 0px;
  text-transform: capitalize;
  cursor: pointer;
  min-width: 250px;
}

#map a:link, #map a:visited{
}

#map a:hover, #map a:visited:hover{
  background: red;
}

/* friends page */
#friends{
  float: left;
  width: 710px;
  background: white;
  margin: 10px;
  padding-bottom: 20px;
  min-height: 330px;
}

#friends li{
  list-style-type: none;
  margin: 10px 0px 0px 10px;
  font: 1.2em/3.6em Arial, Helvetica, sans-serif;
}

.friendlist{
  float: left;
  width: 221px;
  border:1px solid #CCCCCC;;
  margin: 0px;
  padding: 0px;
}

#friends img{
  float: left;
  width: 48px;
  height: 48px;
  background: #CCCCCC;
  margin: 0px 10px 0px 0px;
  padding: 0px;
  border-right: 1px solid #CCCCCC;
}

/* groups page */
#groups{
  float: left;
  width: 710px;
  background: white;
  margin: 10px;
  padding-bottom: 20px;
  min-height: 330px;
}

#groups li{
  list-style-type: none;
  margin: 10px 10px 0px 10px;
  font: 1.2em/3.6em Arial, Helvetica, sans-serif;
}

.groupslist{
  float: left;
  width: 685px;
  border:1px solid #CCCCCC;
  margin: 0px;
  padding: 0px;
}

#groups img{
  float: left;
  width: 48px;
  height: 48px;
  background: #CCCCCC;
  margin: 0px 10px 0px 0px;
  padding: 0px;
  border-right: 1px solid #CCCCCC;
}

.invitemember{
  float: left;
  width: 330px;
  border:1px solid #CCCCCC;
  margin: 0px;
  padding: 0px;
}

/* form layout */

.formlayout{
  width: 710px;
}

.formlayout h3{
  clear: both;
}

.formlayout input, .formlayout select, .formlayout textarea{
  width: 480px;
  border: 1px solid #CCCCCC;
  padding: 5px;
  margin: 5px 0px;
}

.formlayout textarea{
  height: 50px;
}

.formlayout{
  clear: both;
}

.formlayout .formleft{
  float: left;
  width: 200px;
  text-align: right;
  padding: 10px 0px;
}

.formlayout .formright{
  float: right;
  width: 510px;
}

.formright p{
  line-height: 1em;
  margin: 0px;
  padding: 16px 0px;
}

.formlayout .formleft, .formlayout .formright{
  min-height: 20px;
}

.formlayout .submitbutton{
  background: black;
  color: white;
  font: bold 1.2em/1.4em Arial, Helvetica, sans-serif;
  padding: 5px 10px;
  margin: 5px 0px;
  text-transform: capitalize;
  cursor: pointer;
  width: 490px;
  text-align: center;
}

.formlayout .submitbutton2{
  background: black;
  color: white;
  font: bold 1.2em/1.4em Arial, Helvetica, sans-serif;
  padding: 5px 10px;
  margin: 5px 0px;
  text-transform: capitalize;
  cursor: pointer;
  width: 470px;
  text-align: center;
}

.formlayout .submitbutton2 a:link, .formlayout .submitbutton2 a:visited, .formlayout .submitbutton2 a:hover, .formlayout .submitbutton2 a:visited:hover{
  color: white;
  text-decoration: none;
}

/* end of form layout */

/* blog page */
#blog{
  float: left;
  width: 710px;
  background: white;
  margin: 10px;
  padding-bottom: 20px;
  min-height: 330px;
}

#blog h3{
  color: #3399FF;
  font-size: 1.2em;
}
  /* override default form textarea on blog edit page */
#blog textarea{
  height: 150px;
  font: 1em/1.4em Verdana, sans-serif;
}

#blog p.blogmessage{
  border: 1px solid #CCCCCC;
  padding: 10px;
  margin: 10px;
}

#blog hr{
  clear: both;
}

/* video pages */
#video{
  float: left;
  width: 710px;
  background: white;
  margin: 10px;
  padding-bottom: 20px;
  min-height: 330px;
}

#video .videofile{
  float: left;
  width: 425px;
  margin: 10px 5px 10px 10px;
}

#video h3{
  float: right;
  width: 230px;
  text-align: left;
  margin: 0px 10px 5px 0px;
  color: #3399FF; 
}

#video p{
  float: right;
  clear: right;
  width: 230px;
  text-align: left;
  margin: 0px 10px 5px 0px;
}

#video hr{
  clear: both;
}

#videoedit, #fileedit{
  float: left;
  width: 710px;
  background: white;
  margin: 10px;
  padding-bottom: 20px;
  min-height: 330px;
}

#videoedit h3, #fileedit h3{
  font-size: 1.4em;
  color: #3399FF;
}

/* files page */
#file{
  float: left;
  width: 710px;
  background: white;
  margin: 10px;
  padding-bottom: 20px;
  min-height: 330px;
}

/*#file h3{
  float: left;
  width: 230px;
  text-align: left;
  margin: 0px 10px 5px 0px;
  color: #3399FF; 
}

#file p{
  float: left;
  clear: left;
  width: 230px;
  text-align: left;
  margin: 0px 10px 5px 0px;
}*/

#file hr{
  clear: both;
}