/* Default Link Style for pages*/
a {
	font-family: Arial;
	font-size: small;
	font-weight: bold;
	font-style: normal;
	font-variant: normal;
	color: #000080;
	text-decoration: none;
}

a:hover {
	font-family: Arial;
	font-size: small;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}

/** Top Box format **/
#TopBox{
	height: 100px; 
	width: 1800px; 
	color: #000000; 
	position: fixed; 
	background-color:#33CC99; 
	top: 0px; 
	left: 0px; 
	z-index: 900;	
}

/** Tab Box format **/
#tabsC {
      float:left;
      width:100%;
      background:#33CC99;
      font-size:80%;
      line-height:normal;
      position: fixed; 
      width: 675px; 
      height: 25px; 
      top: 62px; 
      left: 129px; 
      z-index: 910;"
}

#tabsC ul {
        margin:0;
        padding:10px 10px 0 50px;
        list-style:none;
}

#tabsC li {
      display:inline;
      margin:0;
      padding:0;
}

#tabsC a {
      float:left;
      background:url('../Images/tableftC.gif') no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
}

#tabsC a span {
      float:left;
      display:block;
      background:url('../Images/tabrightC.gif') no-repeat right top;
      padding:5px 15px 4px 6px;
      /*color:#464E42;*/
      color:#000080;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabsC a span {float:none;}
/* End IE5-Mac hack */

#tabsC a:hover span {
      color:#FFFFFF;
}

#tabsC a:hover {
      background-position:0% -42px;
}

#tabsC a:hover span {
      background-position:100% -42px;
}

#tabsC #current a {
                background-position:0% -42px;
}

#tabsC #current a span {
                background-position:100% -42px;
}

/** Side Box format **/
#SideBox {
	padding: 20px 0px 0px 3px; 
	height: 960px; 
	width: 120px; 
	position: fixed; 
	background-color: #33CC99; 
	left: 0px; 
	top: 100px; 
	z-index: 900; 
	text-align: left;">
}

/** Picture Pane format **/
#PicturePane {
	border: thin none #800080; 
	height: 170px; 
	width: 450px; 
	color: #000000; 
	background-color: #FFFFFF; 
	top: 100px; 
	left: 135px; 
	position: fixed; 
	z-index: 910; 
	background-image: url('../Images/BWimage1.jpg');
}

/** Owl Pane format **/
#OwlPane {
	border: thin none #800080; 
	height: 80px; 
	width: 83px; 
	color: #000000; 
	top: 20px; 
	left: 10px; 
	position: fixed; 
	z-index: 910; 
	background-image: url('../Images/Owl.gif');
}

/** Owl Logo format **/
#LogoPane {
	border: thin none #800080; 
	height: 80px; 
	width: 750px; 
	color: #000000; 
	top: 02px; 
	left: 5px; 
	position: fixed; 
	z-index: 905; 
}


/** Corner Image Pane format **/
#CornerImage{
	
	border: thin none #800080; 
	top: 99px; 
	left: 123px; 
	position: fixed; 
	z-index: 920;`
}

/** Bottom Spacer Pane format **/
#BottomSpace{
	height: 480px; 
	width: 480px; 
	color: #000000; 
	background-color: #FFFFFF; 
	top: 580px; 
	left: 135px; 
	position: fixed; 
	z-index: 799;
}

/** Side Spacer Pane format **/
#SideSpace{
	height: 1960px; 
	width: 450px; 
	color: #000000; 
	background-color: #FFFFFF; 
	top: 100px; 
	left: 620px; 
	position: fixed; 
	z-index: 899;
}

#nav ul {
	font-family: Arial;
	font-size: small;
	font-weight: bold;
	color: #336633;
    padding: 0px 0px 3px 5px;
    margin: 0;
    list-style: none;
}

#nav {
	font-family: Arial;
	font-size: small;
	font-weight: bold;
	color: #336633;
    padding: 0px 0px 3px 5px;
    margin: 0;
    list-style: none;
}

#nav a {
	font-weight: normal;
}


#titlenav ul {
	font-family: Arial;
	font-size: medium;
	font-weight: bold;
	color: #336633;
    padding: 10px 5px 15px 5px;
    margin: 0;
    list-style: none;
}


#titlenav {
	font-family: Arial;
	font-size: medium;
	font-weight: bold;
	color: #336633;
    padding: 10px 5px 15px 5px;
    margin: 0;
    list-style: none;
}

#readpane {
	font-family: Arial;
	font-size: small;
	font-weight: normal;
	color: #000080;
    padding: 10px 0px 0px 0px;
    margin: 0;
    list-style: none;
    height: 310px; 
    width: 450px; 3
    background-color: #ffffff; 
    position: absolute; 
    top : 100px; 
    left: 155px; 
    z-index: 800;   
}

#infopane {
	font-family: Arial;
	font-size: small;
	font-weight: normal;
	color: #000080;
    padding: 10px 0px 0px 0px;
    margin: 0;
    list-style: none;
    height: 310px; 
    width: 450px; 
    background-color: #ffffff; 
    position: absolute; 
    top : 265px; 
    left: 155px; 
    z-index: 800;   
}

#infopanefixed {
	font-family: Arial;
	font-size: small;
	font-weight: normal;
	color: #000080;
    padding: 10px 0px 0px 0px;
    margin: 0;
    list-style: none;
    height: 310px; 
    width: 450px; 
    background-color: #ffffff; 
    position: fixed; 
    top : 265px; 
    left: 155px; 
    z-index: 800;   
}


#readpane a, #infopane a, #infopanefixed a {
	font-family: Arial;
	color:blue;	
	font-weight: normal;
}

#readpane a:hover, #infopane a:hover, #infopanefixed a:hover{
	font-weight:normal;
	color:#FF0000;	
}

#picwindow {
	background-color:aqua;
	height:189px;
	width:248px;
	border:thin;
	border-style:groove;
	margin-top:5px;		
	margin-left:5px;
	float:right;   
}

#piccaption {
	background-color:white;
	height:10px;
	width:240px;
	padding: 3px;
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:small;
	font-style:italic;
	text-align:center;
	color:grey; 
	margin-bottom:10px;			
}


#picwindow2 {
	background-color:aqua;
	height:258px;
	width:189px;
	/*border:thin;
	border-style:groove;*/
	margin-top:5px;		
	margin-left:5px;
	float:right;   
}

#piccaption2 {
	background-color:white;
	height:12px;
	width:189px;
	padding: 3px;
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:small;
	font-style:italic;
	text-align:center;
	color:grey; 
	margin-bottom:10px;	
}

#SelectedPage{
	font-size: small;
	color:yellow;
	font-weight:bold;
}