/*
#########################################################################
# CruxPA Version 2.00                                                   #
# http://www.cruxsoftware.co.uk                                         #
# Copyright (c) 2006 - 2007                                             #
# Andrew Taylor (andrew@cruxsoftware.co.uk)                             #
#                                                                       #
#########################################################################
# This program is free software; you can redistribute it and/or modify  #
# it under the terms of the GNU General Public License as published by  #
# the Free Software Foundation; either version 3 of the License, or     #
# (at your option) any later version.                                   #
#                                                                       #
# This program is distributed in the hope that it will be useful,       #
# but WITHOUT ANY WARRANTY; without even the implied warranty of        #
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the         #
# GNU General Public License for more details.                          #
#                                                                       #
# You should have received a copy of the GNU General Public License     #
# along with this program.  If not, see <http://www.gnu.org/licenses/>. #
#########################################################################
*/
body {
	color:black;
    margin:auto;
	padding:auto;
	font:11px verdana, arial, helvetica, sans-serif;
    background-color:#FFFFFF;
    text-align: center;
    min-width: 980px;
  background-image: url(images/back.jpg);
  background-position: top;
  background-repeat: repeat-y;
}
h1 {
	margin:0px 0px 15px 0px;
	padding:0px;
	font-size:20px;
	font-weight:900;
	color:#ccc;
    text-align:left;
	}
h2 {
	font:bold 12px/14px verdana, arial, helvetica, sans-serif;
	margin:0px 0px 5px 0px;
	padding:0px;
	}
p {
	font:11px/20px verdana, arial, helvetica, sans-serif;
	margin:0px 10px 10px 10px;
	padding:0px;
	}

a {
	color:blue;
	font-family:verdana, arial, helvetica, sans-serif;
	font-weight:600;
	text-decoration:none;
    line-height:1.5;
	}
a:link {color:blue;}
a:hover {background-color:yellow;}

a.incsmall2 {
	color:black;
	font-family:verdana, arial, helvetica, sans-serif;
	font-weight:800;
    text-decoration:none;
border-bottom:0px dashed black;
    line-height:1.5;
  font-size: xx-small;
}

a.incsmall2:hover {
	font-family:verdana, arial, helvetica, sans-serif;
	font-weight:800;
    text-decoration:none;
border-bottom:3px solid white;
    line-height:1.5;
  font-size: xx-small;
  color:black;
  background-color:transparent;
}

/* All the content boxes belong to the content class. */
.content {
	position:relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
    float:right;
    top:0px;
    left:0px;
    right:0px;
    width:70%;
    height:auto;
	border-top:1px dotted black;
    border-bottom:1px dotted black;
    border-left:1px dotted black;
    border-right:1px dotted black;
	background:white;
    text-indent:0px;
	 /* This allows the content to overlap the right menu in narrow windows in good browsers. */
	}

.content2 {
	position:relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
    float:left;
    top:0px;
    left:0px;
    right:0px;
    width:95%;
    height:auto;
	border-top:1px dotted black;
    border-bottom:1px dotted black;
    border-left:1px dotted black;
    border-right:1px dotted black;
	background:white;
    padding-left:20px;
    padding-right:20px;
	 /* This allows the content to overlap the right menu in narrow windows in good browsers. */
	}

    .floatleft
		{
			float: left;
			width: 250px;
			height: 100%;
            top:20px;
            padding-right: 25px;
			background:transparent;
            background-repeat: no-repeat;
            background-position: right;

}

    .content3 {
	position:relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
    float:left;
    top:0px;
    left:0px;
    right:0px;
    width:40%;
    height:auto;
	border-top:1px dotted black;
    border-bottom:1px dotted black;
    border-left:1px dotted black;
    border-right:1px dotted black;
	background:white;
    text-indent:0px;
	 /* This allows the content to overlap the right menu in narrow windows in good browsers. */
	}

    .content4 {
	position:relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
    float:left;
    top:0px;
    left:5px;
    right:0px;
    width:75%;
    height:auto;
	border-top:1px dotted black;
    border-bottom:1px dotted black;
    border-left:1px dotted black;
    border-right:1px dotted black;
	background:white;
    text-indent:0px;
	 /* This allows the content to overlap the right menu in narrow windows in good browsers. */
	}

.form .submit input
{
color: #000;
background: #ffa20f;
border: 2px outset #d7b9c9
}


#container {
     width:980px;
margin:0 auto;
     text-align: left;
  background-image: url(images/back2.jpg);
  background-position: top   ;
  z-index:999999;
  background-repeat: repeat-x
}

#maincontent {
  position:relative;
  width:100%;
}


#navbanner {
	position:relative;
	width:100%;
	text-align:right;
    line-height:65px;
	top:00px;
	left:0px;
    height:65px;
	border:0px solid #ccc;
	background:transparent url(images/logo.jpg) no-repeat left;
	z-index:2;
    }

#navbanner3 {
position:relative;
width:100%;
margin:auto;
float:left;
height:25px;
text-align:center;
z-index:9999;
background-image: url(images/top.jpg);
background-repeat: no-repeat;
background-position: top;
color:white;
}

#navbanner3 p {
  color:white;
}


#gap {
  position: relative;
  width:100%;
  height: 10px;
  float:left;
  background:transparent;
  border:0px;
}


#todo {
  position:relative;
  width:220px;
  text-align:left;
  float:left;
  left:10px;
  height:100%;
  background:white;
}

#gapv {
  position:relative;
  width:10px;
  text-align:left;
  float:left;
  height:100%;
  background:transparent;
}

#tel {
  position:relative;
  width:220px;
  float:left;
  text-align:left;
  left:10px;
  height:100%;
  background:white;
}

#cal {
  position:relative;
  width:270px;
  float:left;
  text-align:center;
  left:10px;
  height:100%;
  background:white;
}

#email {
  position:relative;
  width:250px;
  float:left;
  text-align:left;
  top:10px;
  left:10px;
  height:100%;
  background:white;
}



#menu {

position:relative;
width:175px;
float:left;
left:0px;
height:650px;
border:0px solid black;
padding-left:5px;
padding-right:5px;
padding-top:10px;
background:transparent;
text-align:left;
  background-image: url(images/menu.jpg);
  background-position: center;
  background-repeat: no-repeat;
}

#menu1 {
  position:relative;
  float:left;
  width:100%;
  background:transparent;
  border:0px;
  height:auto;
}

#menu2 {
  position:relative;
  float:left;
  width:100%;
  background:transparent;
  border:0px;
  height:auto;
}

#menu3 {
  position:relative;
  float:left;
  width:100%;
  background:transparent;
  border:0px;
  height:auto;
}

#menu4 {
  position:relative;
  float:left;
  width:100%;
  background:transparent;
  border:0px;
  height:auto;
}

#menu5 {
  position:relative;
  float:left;
  width:100%;
  background:transparent;
  border:0px;
  height:auto;
  text-align:center;
}


#admin1 {
  position:relative;
  width:75%  ;
  float:right ;
  text-align:left;
  border:1px solid #ccc;
}
#admin2 {
  position:relative;
  width:75%  ;
  float:right ;
  text-align:left;
  border:1px solid #ccc;
}
#admin3 {
  position:relative;
  width:75%  ;
  float:right ;
  text-align:left;
  border:1px solid #ccc;
}

#admin4 {
  position:relative;
  width:75%  ;
  float:right ;
  text-align:left;
  border:1px solid #ccc;
}

#admingap {
  position:relative;
  width:75%;
  float:right;
  height:20px;
}

#titlediv {
width:100%;
float:left;
position:relative;
  text-align: center;
  color:#FFFFFF;
  background: url(images/tblback2.jpg) repeat-x;
  font-weight: bold;
  background-color: #000000;
  height:30px;
  font-size: large
}

#contactlist {
width:100%;
float:left;
position:relative;
}





#copy {
  position:relative;
  clear:both;
  bottom:10px;
  top:20px;
  left:0px;
  width:100%;
  left: auto;
  right: auto;
  max-width: 100%;
  border-top:1px solid black;
    border-bottom:1px solid black;
}


/* Table Bits */
table#main {
    background-color:#FFFFFF;
    border: solid #ccc 2px;
    width: 100%;
    text-indent:0px;
}


table#main td {
    padding: 5px;
    border: solid #000 0px;

}

.internal {
    color: #000000;
    text-align: justify;
    background-color: #FFFFFF;

}

.toprow {
        text-align: center;
    color:#FFFFFF;
    background-color: #0E0757;
  font-weight: bold;
}

.titlerow {
  text-align: left;
  color:#FFFFFF;
  background: url(images/tblback2.jpg) repeat-x;
  font-weight: bold;
  background-color: #727272;
}

.oddrow {
    text-align: left;
    text-indent:0px;
    color:#000000;
    background-color: #eee;

}

.evenrow {
    text-align: left;
    text-indent:0px;
    color:#000000;
    background-color: #ccc;

}

.leftcol {
    text-align: left;
    width: auto;
    border:0px;
}

/*End Table Bits*/






/*Create the side menu*/
#menu h1 {
display: block;
background-color:transparent;
font-size: 90%;
padding: 3px 0 5px 3px;
color: #333333;
margin: 0px;
width:170px;
}

#menu ul {
list-style: none;
margin: 0px;
padding: 0px;
border: none;
margin-top:15px;
}
#menu ul li {
margin: 0px;
padding: 0px;
}
#menu ul li a {
font-size: 90%;
display: block;
padding: 5px 2px 2px 8px;
text-decoration: none;
border-bottom:1px dotted white;
color: blue;
width:90%;
}

#menu ul li a:hover, #menu ul li a:focus {
color: blue;
background-color: transparent;
text-decoration: underline;
}

/*End Menu*/