/* Global Styles */

img { behavior:url(iepngfix.htc) }

body { 
  background-color: #000000;
  font-family:      Arial, san-serif;
  font-size:        small;
  margin:           0px;
}

#header {
  background-color: #CC3300;
  margin:           0px;
  padding:          0px 0px 0px 20px;
}

#navigation {
  background-color: #666666;
  margin:           0px;
  padding:          5px 0px 0px 50px;
  border-top:       thin solid;
  border-bottom:    thin solid;
  border-color:     #F29903;
  height:           25px;
  white-space:      nowrap;
}

#main {
  background:       #000000;
  color:            #CCCCCC;
  font-size:        105%;
  padding:          15px;
  margin:           0px 10px 10px 10px;
  text-align:       justify;
}

#main1 {
  background:       #000000;
  color:            #CCCCCC;
  width:            600px;
  font-size:        105%;
  padding:          15px;
  margin:           0px 10px 10px 10px;
  text-align:       justify;
}

#calend {
  background:       #000000;
  padding:          15px;
}

#sidebar {
  background:       #1A2128;
  color:            #CCCCCC;
  font-size:        105%;
  padding:          0px;
  margin:           0px;
}

#footer {
  background-color: #000000;
  color:            #CCCCCC;
  text-align:       center;
  padding:          15px;
  margin:           10px;
  font-size:        90%;
}

h1 {
  font-size:        150%;
  color:            #CC3300;
  text-align:       center;
}

h2 {
  font-size:        120%;
  color:            #CC3300;
}

#allcontent {
  width:            100%;
  padding-top:      0px;
  padding-bottom:   5px;
  background-color: #000000;
  margin-left:      auto;
  margin-right:     auto;
}

#main {
  margin-left:      300px;
  margin-right:     100px;
}

#main1 {
  margin-left:      100px;
  margin-right:     100px;
}

#calend {
  margin-left:      100px;
  margin-right:     100px;
}

#calendar {
  width:            700px;
}

#sidebar {
  float:            left;
  width:            291px;
}

#footer {
  clear:            left;
}

a {
  color:            #F29903;
  text-decoration:  none;
  font-weight:      bold;
	}
	
a:hover {
  text-decoration:  underline;
  color:            #F29903;
	}

table {
  width:            291px;  
  margin:           0px;
  border:           none;
  caption-side:     bottom;
  border-collapse:  collapse;
}


/* ID Styles */

#calendar td {
  border:           1px solid #CC3300;
}
	
#noborder td {
  border:           0px;
}
	
#weekdays th {
  font:             10px arial;
  width:            14%;
  background-color: #000000;
}

#navigation a {
  font:		  10px arial;
  color:		  #CCCCCC;
  text-decoration:  none;
  letter-spacing:   .3em;
}
	
#navigation a:hover {
  color: 		  #F29903;
}

#navigation a:active {
  color:            #F29903;
  text-decoration:  underline;
}

#navigation td {
  white-space:      nowrap;
}

#main a {
  align:            center;
}

#main1 table {
  width:            600px;  
  margin:           0px;
  border:           none;
  caption-side:     bottom;
  border-collapse:  collapse;
}


/* Class Styles */

.bodyText {
  font:		  11px arial;
  line-height:	  24px;
  color:		  #99CCFF;
}
	
.pageName {
  font:		  18px arial;
  color:		  #CC3300;
  letter-spacing:	  .1em;
  line-height:	  28px;
}
	
.subHeader {
  font:		  12px arial;
  color: 		  #CCCCCC;
  background:       #727272;
  padding:          20px 0px 0px 20px;
  font-weight:	  bold;
  line-height:	  14px;
  letter-spacing:	  .1em;
}
	
.navText {
  font:		  10px arial;
  color: 		  #CCCCCC;
  letter-spacing:	  .10em;
}
	
.sidebarText {
  font:		  11px arial;
  padding:		  20px 0px 0px 20px;
  line-height:	  14px;
  color:		  #CCCCCC;
  background:	  #727272;
}

.calheader td {
  font-weight:      bold;
  background-color: #666666;
}

.calText {
  font:             11px arial;
  line-height:      14px;
  color:	        #F29903;
  background-color: #2d2d2d;
}

.calendsubHeader {
  font:		  11px arial;
  color:		  #999999;
  font-weight:	  bold;
  line-height:	  18px;
  letter-spacing:	  .1em;
}

.sidebarHeader {
  font:		  12px arial;
  color:		  #F29903;
  line-height:	  18px;
  font-weight:	  bold;
  letter-spacing:	  .2em;
  text-align:	  center;
}

/* Photo Album */
/* ul.download {list-style-image:url(../images/zip.gif);} */
ul.download li {padding-left:5px; font-size:11px; line-height:1.5em;}


/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/lightbox3.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

/* slides styling */

.photo {width:720px; height:600px; background: no-repeat center center; text-align:left; position:relative;}

.photo dl {font-size:0.9em; position:absolute; width:400px; top:100px; left:100px;}
.photo dl dt {font-family:"times new roman", serif;font-size:1.8em; margin-bottom:2em;}
.photo dl dd {font-family:verdana, arial, sans-serif;  padding:0; margin:0; line-height:1.7em; margin-bottom:2em; font-size:11px;}
.photo dl dd:first-letter {font-weight:bold;}
.photo ul.topic {padding:0; margin:0; list-style:none; width:720px; height:auto; position:relative; z-index:10;}

.photo ul.topic li {display:block; width:240px; height:31px; float:left;}
.photo ul.topic li a.set {display:block; font-size:11px; width:239px; height:30px; text-align:center; line-height:30px; color:#CC3300; text-decoration:none; border:1px solid #fff; border-width:1px 1px 0 0; background:#ccc; font-family:verdana, arial, sans-serif;}

.photo ul.topic li a ul, 
.photo ul.topic li ul 
{display:none;}

.photo ul.topic li a:hover,
.photo ul.topic li:hover a
{color:#000; background:#aaa;}

.photo ul.topic li a:hover ul, 
.photo ul.topic li:hover ul 
{display:block; position:absolute; left:0; top:31px; list-style:none; padding:0; margin:0; height:375px; background:#CC3300 url(../images/close1.gif) no-repeat right top; width:479px; padding:70px 100px; border:20px solid #aaa;}

.photo ul.topic li a:hover ul li, 
.photo ul.topic li:hover ul li 
{display:inline; width:112px; height:87px; float:left; border:1px solid #fff; margin:1px;}

.photo ul.topic li a:hover ul li a, 
.photo ul.topic li:hover ul li a 
{display:block; width:110px; height:85px; cursor:default; float:left; text-decoration:none; background:#444; border:1px solid #888;}

.photo ul.topic li a:hover ul li a img, 
.photo ul.topic li:hover ul li a img 
{display:block; width:100px; height:75px; border:5px solid #eee;}

.photo ul.topic li a:hover ul li a img.large, 
.photo ul.topic li:hover ul li a img.large 
{position:absolute; display:block; width:0; height:0; overflow:hidden; border:0;}

.photo ul.topic li a:hover ul li a:hover, 
.photo ul.topic li:hover ul li a:hover 
{white-space:normal; position:relative;}

.photo ul.topic li a:hover ul li a:hover img, 
.photo ul.topic li:hover ul li a:hover img 
{position:absolute; left:-50px; top:-32px; width:200px; height:150px; border-color:#fff;}

.photo ul.topic li a:hover ul li a:hover img.large, 
.photo ul.topic li:hover ul li a:hover img.large 
{position:absolute; display:block; width:0; height:0; overflow:hidden; border:0;}

.photo ul.topic li:hover ul li a:focus, 
.photo ul.topic li:hover ul li a:active,
.photo ul.topic li a:hover ul li a:active 
{position:static; outline:0;}

.photo ul.topic li:hover ul li a:focus img, 
.photo ul.topic li:hover ul li a:active img, 
.photo ul.topic li a:hover ul li a:active img 
{position:absolute; left:200px; top:170px; width:200px; height:150px; padding:0; background:#000; border:0; z-index:5;}

.photo ul.topic li:hover ul li a:focus img.large, 
.photo ul.topic li:hover ul li a:active img.large, 
.photo ul.topic li a:hover ul li a:active img.large 
{position:absolute; left:15px; top:24px; width:640px; height:480px; padding:0; background:#000; border:4px solid #fff; z-index:10;}