html {
  margin-top: 5px;
  margin-left: 5px;
}
body  {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: normal;
  line-height: 1.5;
  color: #000000;
  background-color: #FFFFFF;
  text-decoration: none;
}
img {
  border: 0px;
}
a:link, a:visited, a:active{
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}
a:hover {
	color: #000000;
	font-weight: bold;
	text-decoration: underline;
}
input {
  font-family: Verdana, Arial, sans-serif; 
  font-size : 9px; 
  font-weight : normal;
}
select {
  font-family: Verdana, Arial, sans-serif; 
  font-size: 10px;
  font-weight : normal;
  background-color : white;
}
input.pn-button {
  background-color : #EEEEEE;
}
h1 {
  font-family: Arial, Verdana, sans-serif;
  font-size: 24px;
  font-weight: bold;
  color: #124456;
  text-decoration: none;
}
h2 {
  font-family: Arial, Verdana, sans-serif;
  font-size: 18px;
  font-weight: bold;
  color: #000000;
  text-decoration: none;
}
/* ################################# */

.defaultText { /* USED */
    font: 12px Verdana,Arial,Sans-serif;
    color:  #000000;
    line-height: 1.5;
}
.smallerText { /* USED */
    font: 10px Verdana,Arial,Sans-serif;
    color:  #000000;
    line-height: 1.5;
}
.siteNavBar { /* USED */
    font: 9px Verdana,Arial,Sans-serif;
    color:  #000000;
    height: 22px;
}
.siteGroupBar a, .siteGroupBar a:visited, .siteGroupBar a:hover{ /* USED */
    font: 9px Verdana,Arial,Sans-serif;
    color:  #FFFFFF;
    font-weight: bold;
}
.siteGroupBar a:active{ /* USED */
    font: 9px Verdana,Arial,Sans-serif;
    color:  #000000;
    font-weight: bold;
}
.footer { /* USED */
    font-size: 10px;
    color:  #FFFFFF;
}
/* ########### Common elements ################ */
.textBlock { /* USED */
    width: 980px;
    padding-left: 0px;
    padding-right: 0px;
}
.textRed { /* USED */
    color:  #FF0000;
}
.eighthBadge { /* USED */
    float: right;
    padding: 5px 0px 5px 10px;
}

.donate {
	display: inline;
	float: right;
	clear: both;
	width: 127px;
	margin-top: 25px;
	margin-right: 20px;
	padding-left: 15px;
}


/* ########### Group Details layout ########### */

.GroupBadge { /* USED */
    position: absolute;
    top: 5px;
    left: 825px;
}

.GroupAndSquadron {
    position: relative;
    left: 0px;
    top: 10px;
    width: 980px;
    height: 420px;
/*	border-top: 1px dashed #666666;
	border-right: 1px dashed #666666;
	border-bottom: 1px dashed #666666;
	border-left: 1px dashed #666666; */
}
.GroupAndSquadronSFX {
    position: relative;
    left: 0px;
    top: 10px;
    width: 980px;
    height: 550px;
	/*border-top: 1px dashed #666666;
	border-right: 1px dashed #666666;
	border-bottom: 1px dashed #666666;
	border-left: 1px dashed #666666; */
}
.GroupSection {
  position: relative;
  float: left;
  left: 0px;
  top: 0px;
  width: 240px;
  height: 400px;
  padding: 5px 0px 5px 10px;
}
.GroupSection-4 {
  position: relative;
  float: left;
  left: 0px;
  top: 0px;
  width: 200px;
  height: 400px;
  padding: 5px 0px 5px 10px;
}
.GroupColours {
   margin: 5px 0px 15px 0;
   border-top: 1px black solid;
	border-right: 1px black solid;
	border-bottom: 1px black solid;
	border-left: 1px black solid;
}
.Title{
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  margin: 5px 0px 5px 0;
}

.Nickname{
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  margin: 5px 0px 5px 0;
}

.StationName, .StationCallSign, .GroupCallSign{
  margin: 2px 0px 2px 0px;
  vertical-align: top;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: normal;
  padding: 3px 0px 3px 0px;
  text-align: left;
	border-top: 1px dashed #666666;
	border-right: #666666;
	border-bottom: 1px dashed #666666;
	border-left: #666666;
}

.StationDetails, .StationCallSignDetails, .GroupCallSignDetails{
  margin: 2px 0px 4px 0px;
  vertical-align: top;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  text-align: left;
  padding: 2px 0px 2px 0px;

}


/* ########### Squadron Details layout ########### */

.SquadTitle {
  display: block;
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  margin: 10px 0px 10px 0;
}
.SquadBadge {
  display: block;
  margin: 10px 0px 10px 0px;
  vertical-align: top;
  text-align: center;
}


    /* #### 3 Badges #### */


.SquadronSection-3 {
  position: absolute;
  left: 230px;
  top: 10px;
  width: 720px;
  height: 350px;
}
.Squadron1 {
  float: left;
  position: absolute;
  left: 20px;
  top: 10px;
  width: 230px;
  text-align: center;
  margin: 0px 10px 0px 10px;
}
.Squadron2 {
  float: left;
  position: absolute;
  left: 260px;
  top: 10px;
  width: 230px;
  text-align: center;
  margin: 0px 10px 0px 10px;
}
.Squadron3 {
  float: left;
  position: absolute;
  left: 500px;
  top: 10px;
  width: 230px;
  text-align: center;
  margin: 0px 10px 0px 10px;
}

.SquadCode, .SquadSymbol, .SquadCallSign{
  float: left;
  position: relative;
  width: 60px;
  margin: 0px 0px 0px 0px;
  vertical-align: top;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: normal;
  text-align: right;
}

.SquadCodeDetails, .SquadSymbolDetails, .SquadCallSignDetails{
  float: left;
  position: relative;
  overflow: visible;
  left: 0px;
  width: 150px;
  margin: 0px 0px 0px 5px;
  vertical-align: top;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  text-align: left;
}

    /* #### 4 Badges #### */

.Squadron4-1 {
  float: left;
  position: absolute;
  left: 0px;
  top: 10px;
  width: 200px;
  text-align: center;
  margin: 0px 0px 0px 0px;
}
.Squadron4-2 {
  float: left;
  position: absolute;
  left: 180px;
  top: 10px;
  width: 200px;
  text-align: center;
  margin: 0px 0px 0px 0px;
}
.Squadron4-3 {
  float: left;
  position: absolute;
  left: 370px;
  top: 10px;
  width: 200px;
  text-align: center;
  margin: 0px 0px 0px 0px;
}
.Squadron4-4 {
  float: left;
  position: absolute;
  left: 540px;
  top: 10px;
  width: 200px;
  text-align: center;
  margin: 0px 0px 0px 0px;
}


.SquadCode-4, .SquadSymbol-4, .SquadCallSign-4{
  float: left;
  position: relative;
  width: 60px;
  margin: 0px 0px 0px 0px;
  vertical-align: top;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: normal;
  text-align: right;
}

.SquadCodeDetails-4, .SquadSymbolDetails-4, .SquadCallSignDetails-4{
  float: left;
  position: relative;
  overflow: visible;
  left: 0px;
  width: 120px;
  margin: 0px 0px 0px 5px;
  vertical-align: top;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  text-align: left;
}

/* ########### Table layout ########### */

.MainTable {
  /*float: left;*/
  position: relative;
  /*display: block;*/
  top: 5px;
  left: 0px;
  margin: 0px 0px 10px 0px;

}
.numberResults {
  font-family: Verdana, Arial, sans-serif;
  font-size: 9px;
  text-align: left;
  margin: 10px 0px 10px 0;
}
.tableContent {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-align: left;
    padding: 0px 0px 0px 5px;

}
.tableHeader a, .tableHeader a:hover, .tableHeader a:visited, .tableHeader a:active{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: left;
}
.tableHeader{
	background-color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #000000;
	text-align: left;
    padding: 5px 5px 5px 5px;
}

/* ########### Nav Bar ########### */
.nextPrevious {
    float: left;
    position: relative;
    left: 0px;
    top: 0px;
    width: 490px;
    margin: 0px 0px 1px 0px;
    font-family: Verdana, Arial, sans-serif;
    font-size: 9px;
    text-align: left;
    /*background-color: #918BAF;*/
}
.nextPrevious a, .nextPrevious a:hover, .nextPrevious a:visited, .nextPrevious a:active{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #000000;
	text-align: left;
}
.TopBot {
    float: left;
    position: absolute;
    left: 490px;
    width: 490px;
    margin: 0px 0px 0px 0px;
    font-family: Verdana, Arial, sans-serif;
    font-size: 9px;
    text-align: right;
    /*background-color: #918BAF;*/
}
.TopBot a, .TopBot a:hover, .TopBot a:visited, .TopBot a:active{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #000000;
	text-align: left;
}

/* ########### Number of Records Bar ########### */
.NumberRecords {
  display: block;
  position: relative;
  left: 0px;
  top: 20px;
  width: 980px;
  margin: 0px 0px 0px 0px;
  font-family: Verdana, Arial, sans-serif;
  font-size: 9px;
  text-align: left;
  line-height: 2.0;
}

/* ########### Footer Bar ########### */

.footerBar {
  display: inline;
  position: relative;
  left: 0px;
  top: 30px;
  width: 980px;
  margin: 0px 0px 0px 0px;
  text-align: center;
}
.footerBarText, .footerBar td {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #FFFFFF;
  text-align: center;
  padding: 1px 1px 2px 1px;
}
.footerBar a, .footerBar a:hover, .footerBar a:visited, .footerBar a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
}

/* ########### Gallery ########### */
.galleryList{
   	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	position: relative;
	left: 50px;
}

.galleryListRow {
    background-color: #f6f6f6;
    vertical-align: top;
	border-top: 1px dashed #000000;
	border-bottom: 1px dashed #666666;
}
.galleryListRowImage {
    background-color: #f6f6f6;
    vertical-align: middle;
    text-align: center;
	border-top: 1px dashed #666666;
	border-bottom: 1px dashed #666666;
}
.galleryListRowImage img:hover {
    padding: 2px 2px 2px 2px;
	border-top: 1px solid #666666;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
	border-left: 1px solid #666666;
}
.galleryListRowImage img {
    padding: 3px 3px 3px 3px;
    margin: 2px 2px 2px 2px;
}
.blankRow {
   	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 4px;
}

.galleryTable {
   	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.listImageText {
   	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.listPhotographer {
   	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.galleryTable{
   	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
    border-spacing: 5px;
}
.galleryTableRow {
    padding: 2px 2px 2px 2px;
    background-color: #f6f6f6;
    vertical-align: middle;
    text-align: center;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}
.galleryTableRow img {
    padding: 2px 2px 2px 2px;
 }
.galleryTableRow img:hover {
    padding: 1px 1px 1px 1px;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}

/* ########### Recommended Publications ########### */


.recpubTextBlock {

}

.recpubTextTitle {
   	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
}

.recpubTextSubTitle {
   	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.5;
}

.recpubTextAuthor {
	font-weight: bold;
}

/* ########### Links ########### */

.linksTitle {

    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	margin-top: 30px;
 }
 
 .linksTitleText {

    position: relative;
    left: 10px;
 }
 .linksLinks {
    position: relative;
    left: 50px;

 }
 
/* DEBUG
	border-top: 1px dashed #666666;
	border-right: 1px dashed #666666;
	border-bottom: 1px dashed #666666;
	border-left: 1px dashed #666666;
*/