body
{
	margin: 0 auto;
	
}
.safari body
{
	text-shadow: #000000 1 0 0px;
}
.wrapper
{
	width: 1024px;
	height: auto;
	text-align: center;
	display: table-cell;
	margin: 0 auto;
}

/**************************** Header Section Starts ***************************/
.header
{
	width: 1024px;
	height: 146px;
    background: url(../webimages/header.jpg);
    background-repeat: no-repeat;

}
/**************************** Second Section Ends *****************************/

/**************************** Menu Section Starts *****************************/
.menu, .menu1, .menuindex, .menuindex1, .menuabout, .menureport, .menucontact, .menuadmin, .menujudge, .menuartjudge, .menumanagejudges, .menujudgepersonal, .menujudgepersonalA, .menumediatype
{
	width: 1024px;
	height: 44px;
    background: url(../webimages/menu.jpg);
    background-repeat: no-repeat;
}

.menu1
{
    background: url(../webimages/menu1.jpg);
}
.menuindex1
{
    background: url(../webimages/menuindex1.jpg);
}
.menuabout
{
    background: url(../webimages/menuindex1.jpg);
	border-bottom: solid 2px #ffffff;
}
.menucontact
{
    background: url(../webimages/menucontact.jpg);
	border-bottom: solid 2px #ffffff;
}
.menuadmin
{
    background: url(../webimages/menuadmin.jpg);
	border-bottom: solid 2px #ffffff;
}

.menuadmin1
{
	background: url(../webimages/menuadmin.jpg);
	border-bottom: solid 2px #ffffff;
	background-repeat: no-repeat;
	padding-top: 0px;
}
.gecko .menuadmin1
{
	background: url(../webimages/menuadmin.jpg);
	border-bottom: solid 2px #ffffff;
	background-repeat: no-repeat;
	padding-top: 11px;
}
.safari .menuadmin1
{
	background: url(../webimages/menuadmin.jpg);
	border-bottom: solid 2px #ffffff;
	background-repeat: no-repeat;
	padding-top: 2px;
}

.menujudge
{
    background: url(../webimages/menujudge.jpg);
	border-bottom: solid 2px #ffffff;
}
.menuartjudge
{
    background: url(../webimages/menujudgeart.jpg);
	border-bottom: solid 2px #ffffff;
}

.menureport
{
    background: url(../webimages/menuadmin.jpg);
	border-bottom: solid 2px #ffffff;
}

.menumanagejudges
{
    background: url(../webimages/menumanagejudges.jpg);
	border-bottom: solid 2px #ffffff;
}

.menujudgepersonal
{
    background: url(../webimages/menujudgepersonal.jpg);
	border-bottom: solid 2px #ffffff; border-left:0px;
}

.menujudgepersonalA
{
    background: url(../webimages/menujudgepersonalA.jpg);
	border-bottom: solid 2px #ffffff;
}
.gecko .menujudgepersonalA
{
	background: url(../webimages/menujudgepersonalA.jpg);
	border-bottom: solid 2px #ffffff;
	background-repeat: no-repeat;
	padding-top: 11px;
}
.safari .menujudgepersonalA
{
	background: url(../webimages/menujudgepersonalA.jpg);
	border-bottom: solid 2px #ffffff;
	background-repeat: no-repeat;
	padding-top: 2px;
}


.menumediatype
{
    background: url(../webimages/menujudgepersonalA.jpg);
	border-bottom: solid 2px #ffffff;
}

.gecko .menumediatype
{
	background: url(../webimages/menujudgepersonalA.jpg);
	border-bottom: solid 2px #ffffff;
	background-repeat: no-repeat;
	padding-top: 10px;
	margin-bottom:-10px;
}
.safari .menumediatype
{
	background: url(../webimages/menujudgepersonalA.jpg);
	border-bottom: solid 2px #ffffff;
	background-repeat: no-repeat;
	padding-top: 2px;
	margin-bottom:-2px;
}


.menu-text
{
font-family: verdana;
font-size: 14px;
color: #ffffff;
padding: 12px 45px 10px 10px;
float: left;
font-stretch: condensed;
cursor: pointer;
}

.login
{
width: 120px;
height: 13px;
font-family: verdana;
font-size:9px;
font-weight:bold;
float:left;
padding-left:9px;
color: #ffffff;
}

.login1, .login2, .login3
{
width:120px;
font-family: verdana;
font-size: 9px;
font-weight:bold;
float:left;
padding-left:8px;
color: #ffffff;
}
.safari .login1
{
width:120px;
font-family: verdana;
font-size: 9px;
font-weight:bold;
float:left;
padding-top:1px;
padding-left:8px;
color: #ffffff;
}
.login2
{
padding-left:1px;
}

.login3
{
width:190px;
height:20px;
padding-top:0px;
font-family: verdana;
padding-left:2px;
}


/**************************** Menu Section Ends *******************************/

/**************************** First Section Starts ****************************/
.first-section, .first-section2
{
  width: 1024px;
  height: 235px;
  border-bottom: solid 1px #ffffff;
  border-right: solid 0px #ffffff;
}
.first-sectionadmin
{
  width: 1024px;
  height: 400px;
  border-bottom: solid 1px #ffffff;
  border-right: solid 0px #ffffff;
  position:relative; 
  margin-top:-19px;
}
.gecko .first-sectionadmin
{
position:relative; 
margin-top:-14px;
}
.safari .first-sectionadmin
{
position:relative; 
margin-top:-15px;
}

.first-section2
{
  height: 370px;
}
.menu2
{
  width: 229px;
  height: 41px;
  float: right;
  padding-right:1px;
  background-image: url(../webimages/menu2.jpg);
  background-repeat: repeat-x;
  border-left: solid 1px #ffffff;
  text-align: left;
}
.right-image, .right-image2
{
  width: 230px;
  height: 235px;
  float: right;
  background-image: url(../webimages/right-image.jpg);
  background-repeat: repeat-x;
  border-left: solid 1px #ffffff;
  text-align: left;
}
.right-image2
{
  width: 445px;
}
.right-imageadmin
{
  width: 230px;
  height: 400px;
  float: right;
  background-image: url(../webimages/right-imageadmin.jpg);
  background-repeat: repeat-x;
  border-left: solid 1px #ffffff;
  text-align: left;
}
.right-image2admin
{
  width: 445px;
  height: 400px;
  float: right;
  background-image: url(../webimages/right-imageadmin.jpg);
  background-repeat: repeat-x;
  border-left: solid 1px #ffffff;
  text-align: left;
}

.mid-image
{
  width: 443px;
  height: 234px;
  float: right;
  background-image: url(../webimages/camerapicsB1.jpg);
  background-repeat: no-repeat;
  border-top: solid 2px #ffffff;
}
.midindex, .midindex1
{
  width: 230px;
  height: 42px;
  background-image: url(../webimages/menu2.jpg);
  border-left: solid 1px #ffffff;
  text-align: left;
}

.midindexA
{
  width: 120px;
  height: 13px;
  font-family: verdana;
  font-size:9px;
  font-weight:bold;
  float:left;
  padding-left:36px;
  color: #ffffff;
}

.midindexB
{
  float:right; 
  padding-right:13px;
  padding-top:11px;
}

.midindexC 
{
  float:right;
  padding-right:16px;
  padding-top:1px;
}
.gecko .midindexA
{
  width: 120px;
  height: 13px;
  font-family: verdana;
  font-size:9px;
  font-weight:bold;
  float:left;
  padding-left:36px;
  color: #ffffff;
  position:relative;
  top:-8px;
}
.safari .midindexA
{
  width: 120px;
  height: 13px;
  font-family: verdana;
  font-size:9px;
  font-weight:bold;
  float:left;
  padding-left:36px;
  color: #ffffff;
  position:relative;
  top:-8px;
}
.gecko .midindexB
{
  float:right; 
  padding-right:13px;
  padding-top:3px;
}
.safari .midindexB
{
  float:right; 
  padding-right:13px;
  padding-top:3px;
}
.gecko .midindexC 
{
  float:right;
  padding-right:16px;
  padding-top:1px;
  position:relative;
  top:-7px;
}
.safari .midindexC 
{
  float:right;
  padding-right:16px;
  padding-top:1px;
  position:relative;
  top:-7px;
}

.midindex1
{
  background-image: url(../webimages/menu3.jpg);
}
.left-image
{
  width: 238px;
  height: 233px;
  float: right;
  background-image: url(../webimages/left-image.jpg);
  background-repeat: repeat-x;
  border-top: solid 2px #ffffff;
  border-right: solid 1px #ffffff;
  text-align: left;
}
.left-image1
{
  width: 238px;
  height: 233px;
  float: right;
  background-image: url(../webimages/left-image.jpg);
  background-repeat: repeat-x;
  border-right: solid 1px #ffffff;
  text-align: left;
}
.left-image1admin
{
  width: 238px;
  height: 400px;
  float: right;
  background-image: url(../webimages/left-imageadmin.jpg);
  background-repeat: repeat-x;
  border-right: solid 1px #ffffff;
  text-align: left;
}
 .left-image2
{
  width: 1024px;
  float: right;
  min-height:480px;
  background-color:#62B5F9;
  border-right: solid 1px #ffffff;
  text-align: left;
  position:relative;
}
.gecko .left-image2
{
  width: 1024px;
  float: right;
  min-height:500px;
  max-height:2160px;
  background-color:#62B5F9;
  border-right: solid 1px #ffffff;
  text-align: left;
  position:absolute;
}
.ie .left-image2
{
  width: 1024px;
  float: right;
  height:480px;
  background-color:#62B5F9;
  border-right: solid 1px #ffffff;
  text-align: left;
  position:relative;
}

.left-image3
{
  width: 912px;
  height: auto;
  float: right;
  background-color:#62B5F9;
  text-align: left;
}

.left-imagejudge
{
  width: 912px;
  height: auto;
  float: right;
  background-color:#62B5F9;
  text-align: left;
  position:relative; 
  margin-top:0px;
}
.gecko .left-imagejudge
{
  width: 912px;
  height: auto;
  float: right;
  background-color:#62B5F9;
  text-align: left;
  position:relative; 
  margin-top:-11px;
}
.safari .left-imagejudge
{
  width: 912px;
  height: auto;
  float: right;
  background-color:#62B5F9;
  text-align: left;
  position:relative; 
  margin-top:-2px;
}

.left-image4
{
  width: 911px;
  height: 370;
  float: right;
  background-image: url(../webimages/blueback.jpg);
  padding-right:30px;
  padding-top:0px;
  padding-bottom:30px;
  padding-left:30px;
}
.safari .left-image4
{
  width: 881px;
  height: auto;
  min-height: 370px;
  float: right;
  background-image: url(../webimages/blueback.jpg);
  padding-right:30px;
  padding-top:0px;
  padding-bottom:30px;
  padding-left: 0px;
}
.gecko .left-image4
{
  width: 881px;
  height: auto;
  min-height: 370px;
  float: right;
  background-image: url(../webimages/blueback.jpg);
  padding-right:30px;
  padding-top:0px;
  padding-bottom:30px;
  padding-left: 0px;
}


.left-image4inner
{
  width: 851px;
  height: 310;
  float: right;
  background-color: #FFFFFF;
  text-align: left;
}
.safari .left-image4inner
{
  width: 851px;
  height: auto;
  min-height: 370px;
  float: right;
  background-color: #FFFFFF;
  text-align: left;
}
.gecko .left-image4inner
{
  width: 851px;
  height: auto;
  min-height: 370px;
  float: right;
  background-color: #FFFFFF;
  text-align: left;
}

.left-image-grid
{
  width: 911px;
  height: 370;
  float: right;
  background-image: url(../webimages/blueback.jpg);
  padding-right:20px;
  padding-top:0px;
  padding-bottom:20px;
  padding-left:20px;
}
.safari .left-image-grid
{
  width: 881px;
  height: auto;
  min-height: 370px;
  float: right;
  background-image: url(../webimages/blueback.jpg);
  padding-right:20px;
  padding-top:0px;
  padding-bottom:20px;
  padding-left: 10px;
}
.gecko .left-image-grid
{
  width: 881px;
  height: auto;
  min-height: 370px;
  float: right;
  background-image: url(../webimages/blueback.jpg);
  padding-right:20px;
  padding-top:0px;
  padding-bottom:20px;
  padding-left: 10px;
}

.left-image-grid-inner
{
  width: 871px;
  height: 310;
  float: right;
  background-color: #FFFFFF;
  text-align: left;
}
.safari .left-image-grid-inner
{
  width: 871px;
  height: auto;
  min-height: 370px;
  float: right;
  background-color: #FFFFFF;
  text-align: left;
}
.gecko .left-image-grid-inner
{
  width: 871px;
  height: auto;
  min-height: 370px;
  float: right;
  background-color: #FFFFFF;
  text-align: left;
}

.blue-bar1
{
  width:1023px; 
  height:70px; 
  background-color:#0099FF; 
  border-style:solid; 
  border-top:none; 
  border-bottom: 1 px; 
  border-color: #FFFFFF #0099FF; 
}
.safari .blue-bar1
{
  width:1018px; 
  height:70px; 
  background-color:#0099FF; 
  border-style:solid; 
  border-top:none; 
  border-color: #FFFFFF #0099FF;
}
.gecko .blue-bar1
{
  width:1018px; 
  height:70px; 
  background-color:#0099FF; 
  border-style:solid; 
  border-top:none; 
  border-bottom:1 px; 
  border-left:1 px; 
  border-right:1 px; 
  border-color: #FFFFFF #0099FF;
}
.ie .blue-bar1
{
  width:1023px; 
  height:70px; 
  background-color:#0099FF; 
  border-style:solid; 
  border-top:none; 
  border-bottom: 1 px; 
  border-color: #FFFFFF #0099FF; 
  border-left:none;
}

.blue-bar2
{
  width:911px; 
  height:46px; 
  background-color:#0099FF; 
  border-style:solid; 
  border-top:none; 
  border-bottom: 1 px; 
  border-color: #FFFFFF #0099FF; 
}
.safari .blue-bar2
{
  width:906px; 
  height:46px; 
  background-color:#0099FF; 
  border-style:solid; 
  border-top:none; 
  border-color: #FFFFFF #0099FF;
}
.gecko .blue-bar2
{
  width:906px; 
  height:46px; 
  background-color:#0099FF; 
  border-style:solid; 
  border-top:none; 
  border-bottom:1 px; 
  border-left:1 px; 
  border-right:1 px; 
  border-color: #FFFFFF #0099FF;
}
.ie .blue-bar2
{
  width:911px; 
  height:46px; 
  background-color:#0099FF; 
  border-style:solid; 
  border-top:none; 
  border-bottom: 1 px; 
  border-color: #FFFFFF #0099FF; 
}

/**************************** First Section Ends ******************************/

/**************************** Second Section Starts ***************************/

.second-section
{
  width: 675px;
  height: 139px;
  border-bottom: solid 1px #dbdbdb;
  float: right;
}
.pack-box3, .pack-box2, .pack-box1
{
  width: 230px;
  height: 139px;
  float: right;
  background-image: url(../webimages/pack-image.jpg);
  background-repeat: repeat-x;
  border-left: solid 1px #ffffff;
  text-align: left;
}
.pack-box2
{
  width: 219px;
}
.pack-box1
{
  width: 223px;
}
.ie .pack-box1
{
  width: 225px;
}

/**************************** Second Section Ends *****************************/

/**************************** Third Section Starts ****************************/

.third-section
{
  width: 675px;
  height: 170px;
  float: right;
}
.down-box2, .down-box1
{
  width: 230px;
  height: 170px;
  float: right;
  background-image: url(../webimages/down-image2.jpg);
  background-repeat: repeat-x;
  text-align: left;
}
.down-box1
{
  width: 444px;
  background-image: url(../webimages/down-image1.jpg);
}



/**************************** Third Section Ends ******************************/

/**************************** Left Section Starts *****************************/

.left-section
{
  width: 238px;
  height: 309px;
  float: right;
}
.left-box2
{
  width: 217px;
  height: 309px;
  float: right;
  background-image: url(../webimages/left-image1.jpg);
  background-repeat: repeat-x;
  text-align: left;
}
.left-box1
{
  width: 21px;
  height: 309px;
  float: right;
  background-image: url(../webimages/left-image2.jpg);
  background-repeat: repeat-x;
}



/**************************** Left Section Ends *******************************/

/**************************** Footer Section Starts ***************************/
.footer, .footer2, .footer3, .footer4, .footerpics
{
  float: right;
  width: 900px;
  font-family: Tahoma, Arial;
  font-size: 8pt;
  font-weight: normal;
  color: #616161;
  text-align: left;
  margin-top: 18px;
  clear: both;
  margin-bottom: 10px;
}
.footer2
{
  width: 800px;
}
.footer3
{
  width: 610px;
}

.footer4
{
  width: 600px;
}
.safari .footer4, .gecko .footer4
{
  width: 555px;
}
.footerpics
{
  width: 655px;
}
.safari .footerpics
{
  
  width: 655px; padding-top:30px;
}

/**************************** Footer Section Ends *****************************/

/**************************** General Section Starts **************************/
.title1, .title1a
{
  font-family: Tahoma, Arial;
  font-size: 14pt;
  font-weight: normal;
  color: #8f8383;
  margin-top: 9px;
  margin-left: 12px;
}

.title4
{
  font-family: Tahoma, Arial;
  font-size: 14pt;
  font-weight: normal;
  color: #8f8383;
  margin-top: 9px;
  margin-left: 12px;
}

.safari .title4
{
  font-family: Tahoma, Arial;
  font-size: 14pt;
  font-weight: normal;
  color: #8f8383;
  margin-top: 55px;
  margin-left: 12px;
}

.gecko .title4
{
  font-family: Tahoma, Arial;
  font-size: 14pt;
  font-weight: normal;
  color: #8f8383;
  margin-top: 55px;
  margin-left: 12px;
}

.title1a
{
  font-size: 13pt;
}
.title2, .title2a
{
  font-family: Tahoma, Arial;
  font-weight: normal;
  color: #8f8383;
  margin-top: 9px;
  margin-left: 12px;
}
.title2
{
  font-family: Tahoma, Arial;
  font-size: 14pt;
  font-weight: bold;
  color: #535353;
}
.title2a
{
  font-size: 13pt;
}
.title3
{
  font-family: Tahoma, Arial;
  font-size: 14pt;
  font-weight: normal;
  color: #616161;
  margin-top: 10px;
  margin-left: 12px;
}
.title3a
{
  font-family: Tahoma, Arial;
  font-size: 8pt;
  font-weight: normal;
  color: #616161;
}
.sub-title
{
  font-family: Tahoma, Arial;
  font-size: 8pt;
  font-weight: normal;
  color: #3f3a3a;
  margin-left: 12px;
  padding-top:2px;
}
.description, .descriptionright, .description1
{
  font-family: Tahoma, Arial;
  font-size: 8pt;
  font-weight: normal;
  color: #616161;
  text-align: justify;
  width: 195px;
  line-height: 18px;
  margin-left: 12px;
  margin-top: 2px;
}
.safari .description
{
   width: 201px;
}
.descriptionright
{
  line-height: 17px;
  margin-top: 0px;
}
.safari .descriptionright
{
  width: 202px;
  line-height: 17px;
  margin-left: 12px;
  margin-top: 0px;
}
.description1
{
  width: 400px;
}

.date-text{
  font-family: Tahoma, Arial;
  font-size: 8pt;
  color: #a4e3ff;
  font-weight: bold;
  margin-left: 12px;
  margin-top: 2px;
}


hr{
  background-color: #00deff;
  width: 200px;
  color: #00deff;
  border: solid 1px #00deff;

}
a.nav:link {color: #ffffff; text-decoration: none; }
a.nav:visited {color: #ffffff; text-decoration: none; }
a.nav:hover {color: #ffff99; text-decoration: underline; }
a.nav:active {color: blue; }

a.nav2:link {color: #666666; text-decoration: none; }
a.nav2:visited {color: #666666; text-decoration: none; }
a.nav2:hover {color: #095095; text-decoration: none; }

/**************************** General Section Ends ****************************/
/********************************Buttons***************************************/

input.savechanges, input.deletecategory, input.exportbutton, input.editcriteria, input.savecategory, input.sendbutton, input.sendbutt, input.createaccount, input.saveandexit, input.backtoadminhome{
 width : 110px;
 height : 21px;
 overflow : hidden;
 padding : 21px 0 0 0;
 background : url('../webimages/savechanges.jpg') no-repeat;
 border : 0;
 cursor:pointer;
}
input.deletecategory{
 width : 120px;
 background : url('../webimages/deletecategory.jpg') no-repeat;
}
input.editcriteria{
 width : 90px;
 background : url('../webimages/editcriteria.jpg') no-repeat;

}
input.savecategory{
 width : 112px;
 background : url('../webimages/savecategory.jpg') no-repeat;
}

input.savebutton{
 width : 50px;
 height : 21px;
 overflow : hidden;
 padding : 21px 0 0 0;
 border : 0;
 background : url('../webimages/savebutton.jpg') no-repeat;
 cursor:pointer;
}
.gecko input.savebutton{
 width : 50px;
 height : 19px;
 overflow : hidden;
 padding : 19px 0 0 0;
 border : 0;
 background : url('../webimages/savebutton.jpg') no-repeat;
 cursor:pointer;
}
.safari input.savebutton{
 width : 50px;
 height : 19px;
 overflow : hidden;
 padding : 19px 0 0 0;
 border : 0;
 background : url('../webimages/savebutton.jpg') no-repeat;
 cursor:pointer;
}

input.sendbutton{
 width : 65px;
 background : url('../webimages/sendbutton.jpg') no-repeat;
 }
 
input.sendbutt{
 width : 50px;
 height : 52px;
 padding : 50px 0 0 0;
 background : url('../webimages/sendbutt.png') no-repeat;
 }
 
 input.sbutton{
 width : 65px;
 height : 23px;
 overflow : hidden;
 padding : 21px 0 0 0;
 border : 0;
 cursor:pointer;
 background : url('../webimages/sendbutton.jpg') no-repeat;
 }
.safari  input.sbutton{
 width : 65px;
 height : 23px;
 overflow : hidden;
 padding : 21px 0 0 0;
 margin-bottom: -4px;
 border : 0;
 cursor:pointer;
 background : url('../webimages/sendbutton.jpg') no-repeat;
 }
 .gecko  input.sbutton{
 width : 65px;
 height : 23px;
 overflow: hidden;
 padding : 21px 0 0 0;
 border : 0;
 cursor:pointer;
 background : url('../webimages/sendbutton.jpg') no-repeat;
 }


input.saveandexit{
 width : 120px;
 background : url('../webimages/saveandexit.jpg') no-repeat;
}
input.go{
 width : 32px;
 height : 26px;
 overflow : hidden;
 padding : 26px 0 0 0;
 background : url('../webimages/go.jpg') no-repeat;
 border : 0;
 cursor:pointer;
}
input.previouspage, input.nextpage{
 width : 32px;
 height : 26px;
 overflow : hidden;
 padding : 26px 0 0 0;
 background : url('../webimages/previouspage.jpg') no-repeat;
 border : 0;
 cursor:pointer;
}
input.nextpage{
 width : 25px;
 background : url('../webimages/nextpage.jpg') no-repeat;
}
input.createaccount{
 width : 115px;
 background : url('../webimages/createaccount.jpg') no-repeat;
}
input.backtoadminhome{
 width : 150px;
 background : url('../webimages/backtoadminhome.jpg') no-repeat;
}
<!--

input.rotaterightbutton{
 width : 30px;
 height : 30px;
 overflow : hidden;
 padding : 30px 0 0 0;
 background : url('../webimages/rotateright.jpg') no-repeat;
 border : 0;
 cursor:pointer;
}
input.rotateleftbutton{
 width : 30px;
 height : 30px;
 overflow : hidden;
 padding : 30px 0 0 0;
 background : url('../webimages/rotateleft.jpg') no-repeat;
 border : 0;
 cursor:pointer;
}
-->

/******************************End Buttons Section****************************/