#center-page {
width:1000px;
margin: 0 auto 0 auto
}


#centerb {
width:1500px;
margin: 0 auto 0 auto
}


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

body {
text-shadow: 0 0 0 #000;
background-color: #000000;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 20pt
}
.adiff a:link {color:#00bfff;font-weight:600;text-decoration: none;}    /* unvisited link */
.adiff a:visited {color:#000000;text-decoration: none;} /* visited link */
.adiff a:hover {color:#cc00ff;text-decoration: underline;}   /* mouse over link */
.adiff a:active {color:#ff4000;}  /* selected link */



.left {float:left}

.right {float:right}

.talc {text-align: center;}
.tall {text-align: left;}
.borang {background-color:#ff4000;}
.bblack {background-color:#000000;}
.bblue  {background-color:#00bfff;}
.bgrey    {background-color: #ababab;}
.bwht  {background-color:#ffffff;}
.colblue  {color:#00bfff;}
.colgrey    {color: #ababab;}
.colorang {color:#ff4000 ;}
.colpurp  {color:#cc00ff;}
.colwht  {color:#ffffff;	}
.colyel  {color:#ffff00;}
.colblack {color:#000000;}
.fsize20 {font-size: 20pt;}
.fsize14 {font-size: 14pt;}
.fsize12 {font-size: 12pt;}
.fsize10 {font-size: 10pt;}
.foblique {font-style:oblique;}
.fwt600  {font-weight: 600;}

.margrl1 {margin-left: 1px; margin-right: 1px; margin-top: 0px; margin-bottom: 0px; }
.margrl2 {margin-left: 2px; margin-right: 2px; margin-top: 0px; margin-bottom: 0px; }
.margrl3 {margin-left: 3px; margin-right: 3px; margin-top: 0px; margin-bottom: 0px; }
.marg1303 {margin-top: 1px; margin-right: 3px;  margin-bottom: 0px;margin-left: 3px; }
.marg4 {margin-left: 4px; margin-right: 4px; margin-top: 4px; margin-bottom: 4px; }
.marg5 {margin-left: 5px; margin-right: 5px; margin-top: 5px; margin-bottom: 5px; }
.pad0001 {padding-left: 1px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; }
.pad2r10b0l10 {padding-top: 2px;padding-right: 10px;  padding-bottom: 0px; padding-left: 10px; }
.padrl2 {padding-left: 2px; padding-right: 2px; padding-top: 0px; padding-bottom: 0px; }
.padrl5 {padding-left: 5px; padding-right: 5px; padding-top: 0px; padding-bottom: 0px; }
.padrl10 {padding-left: 10px; padding-right: 10px; padding-top: 0px; padding-bottom: 0px; }


a:link {color:#FFFFFF;text-decoration: none;}    /* unvisited link */
a:visited {color:#FFFFFF;text-decoration: none;} /* visited link */
a:hover {color:#FFFFFF;text-decoration: underline;}   /* mouse over link */
a:active {color:#FFFFFF;}  /* selected link */




address {
font-family: arial, verdana, serif;
font-size: 8pt;
color: #ababab;
text-align: center;
padding: 4px 0 0 0
}

audio { width: 300px; margin:20px; }




#headinga { 
width: 999px;
height: 100px;
background-color: #000000;
float: left
} 



#headinga h2 {
font-family: baskerville, 'palatino linotype', 'times new roman', serif;

font-size: 36pt;
color: #bac8ce;
background-color:transparent;
float: left;
padding: 0px 0 0 20px
}

#headinga h2.dark { 
color: #ababab
}

#headinga h3 {
font-family: "comic sans ms", tahoma, verdana, arial,serif;
font-style:oblique;
font-size: 36pt;
color: #7b68ee;
background-color:transparent;
float: left;
padding: 0px 0 0 20px
}




#heading { 
width: 1000px;
height: 142px;
background-color: #99ccff;
float: left;
background-image : URL(images/dp2horz.jpg);
background-repeat : no-repeat
} 

#headingLS { 
width: 999px;
height: 171px;
background-color: #99ccff;
float: left;
background-image : URL(images/jam2horz.jpg);
background-repeat : no-repeat
}



#heading h1 {
font-family: arial, verdana, serif;
font-size: 24pt;
color: #ffffff;
background-color:transparent;
float: left;
padding: 50px 0 0 20px
}

#heading img {
width: 201px;
height: 84px;
float: left;
margin: 30px 0 0 20px
}




#heading p {
font-family: arial, verdana, serif;
font-size: 16pt;
color: #ffffff;
background-color:transparent;
float: right;
padding: 60px 20px 0 0
}

#main {
width: 1000px;
height: 630px;
background-color: #ababab;
float: left;
}

#footer {
width: 1000px;
height: 100px;
background-color: #000000;
float: left
}

#footerl {
width: 710px;
height: 40px;
background-color: #ccc;
float: left
}

#footerm {
width: 390px;
height: 40px;
background-color: #ccc;
color: #ababab;
font-size: 10pt;

}

#footerr {
width: 290px;
height: 40px;
background-color: #bbb;
color: #ffffff;
font-size: 10pt;
float: right;

}

#footerr img {
width: 32px;
height: 32px;
margin: 0px 0px 0px 0px
}



#left {
width: 200px;
height: 600px;
background-color: #000000;
float: left
}

#left h2 {
font-family: arial, verdana, serif;
font-size: 14pt;
font-weight: 600;
text-align: center;
padding: 5px 0 5px 0;
color: #0099cc;
background-color: transparent
}







#rectright {
width: 1000px;
height: 400px;
background-color: #ababab;
float: left
}

#rectright h1 {
font-family: arial, verdana, serif;
font-size: 18pt;
font-weight: 600;
text-align: center;
padding: 5px 0 5px 0;
color: #003399;
background-color: transparent
}

#rectright p {
font-family: arial, verdana, serif;
font-size: 16pt;
font-weight: 500;
text-align: left;
text-indent: 1em;
padding: 5px 30px 5px 30px;
color: #ffffff;
background-color: transparent
}


#rectright img {
background-color: #f3f3f3;
padding:10px;
border-radius:20px;
border:1px solid #ccc;
width: 350px;
height: 312px;
float: right;
margin: 5px 2px 5px 5px
}

#right2 {
width: 186px;
height: 100px;
float: left;
padding: 0px;
margin: 4px 1px 1px 1px;
border-radius:20px;
border:1px solid #ccc;
font-family: "comic sans ms",  arial, helvetica, sans-serif;
font-size: 14pt;
color: #ffffff;
font-weight: 600;

}

#rect2 {
width: 376px;
height: 200px;
margin: 2px 2px 2px 2px;
padding:10px;
border-radius:20px;
border:1px solid #ccc;
font-family: arial, helvetica, sans-serif;
color:#ffffff;
font-weight: 500;
text-align: center;
}

#rect2 img {

width: 105px;
height: 128px;
margin: 20px 2px 2px 2px;
}




#rect2 p.bigg{
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14pt;
font-weight: 600;
color: #ff6600;
}

#rect2a {
width: 376px;
height: 200px;
margin: 2px 2px 2px 2px;
padding:10px;
border-radius:20px;
border:1px solid #ccc;
font-weight: 500;
text-align: center;
font-family: "comic sans ms",  arial, helvetica, sans-serif;
color: #ffffff;
font-weight: 600;
}





#rectts {
width: 186px;
height: 200px;
background-color: #ababab;
float: left;
padding:2px;
border-radius:20px;
border:1px hidden #ababab;
font-family: arial, helvetica, sans-serif;
font-size: 14pt;
color:#ffffff;
font-weight: 500;
}

#rectw{
width: 1000px;
height:400px;

}

#rectl{
width: 330px;
height: 400px;
float: left;
color: #ffffff;
}




#rectl p{
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 10pt;
text-align: left;
padding: 5px;
}

#rectl p.big{
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 12pt;
text-align: left;
color: #33ffff;
}


#rectl p.slant {
text-align: left;
font-style: oblique
}


#myrect{
width: 285px;
height: 150px;
float: right;
color: #ffffff;
text-align: center
}

#myrect p{
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14pt;	
text-align: center
}

#myrect p.slant {
text-align: center;
font-style: oblique
}


#myrectl{
width: 285px;
height: 285px;
float: left;
color: #ffffff;
text-align: center
}

#myrectr{
width: 285px;
height: 150px;
float: left;
color: #ffffff;
text-align: center
}





#rect3 {
width: 393px;
height: 181px;
background-color: #00bfff;
margin: 1px 2px 1px 1px;
padding:0px;
border-radius:20px;
border:1px solid #ccc;
font-family: "comic sans ms",  arial, helvetica, sans-serif;
color: #ffffff;
font-weight: 600;
text-align: center;
}


#rectn{
width: 376px;
height:400px;
border-radius:20px;
border:1px solid #ccc;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#rectm {
width: 186px;
height: 400px;
border-radius:20px;
border:1px hidden #ababab;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}







#rectq {
width: 376px;
height: 200px;
margin: 2px 2px 2px 2px;
padding:10px;
border-radius:20px;
border:1px solid #ccc;
}





#headbar { 
width: 999px;
height: 25px;
background-color: #000000;
float: left;
font-size: 8pt;
} 

ul#mylist {
font-family: "comic sans ms",  arial, helvetica, sans-serif;
font-size: 10pt;
}

ul#list-nav {
margin:0;
padding:0;
list-style:none;
width:999px;
}

ul#list-nav li {
display:inline
}


ul#list-nav li a {
text-decoration:none;
padding:5px 0;
width:140px;
background:#000000;
color:#bac8ce;
float:right;
}

ul#list-nav li a {
text-align:center;
border-right:1px dotted #333000;
border-bottom:1px solid #333000;
}
ul#list-nav li a:hover {
background:#a2b3a1;
color:#000
}









ul.gallery li a {
	float: left;
	padding: 10px 10px 25px 10px;
	background: #eee;
	border: 1px solid #fff;
	-moz-box-shadow: 0px 2px 15px #333;
	position: relative;
}



ul.gallery li a.pic-1 {
	z-index: 1;
	-webkit-transform: rotate(-10deg);
	-moz-transform: rotate(-10deg);

}
ul.gallery li a.pic-2 {
	z-index: 2;
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
}
ul.gallery li a.pic-3 {
	z-index: 3;
	-webkit-transform: rotate(4deg);
	-moz-transform: rotate(4deg);
}
ul.gallery li a.pic-4 {
	z-index: 4;
	-webkit-transform: rotate(-5deg);
	-moz-transform: rotate(-5deg);
}
ul.gallery li a.pic-5 {
	z-index: 5;
	-webkit-transform: rotate(2deg);
	-moz-transform: rotate(2deg);
}
ul.gallery li a.pic-6 {
	z-index: 6;
	-webkit-transform: rotate(-8deg);
	-moz-transform: rotate(-8deg);
}
ul.gallery li a.pic-7 {
	z-index: 7;
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
}

ul.gallery li a.pic-8 {
	z-index: 8;
	-webkit-transform: rotate(3deg);
	-moz-transform: rotate(3deg);
}