body
{
	color: #000000;
	background-image:url(images/blackdown.gif);
	background-repeat:repeat-y;	
	font-style: normal;
	font-weight: normal;
	font-family:Trebuchet MS,Arial;
	font-size:10pt;
	padding:0 0 0 0;
	margin:0 0 0 0;
	width:100%;
}
div#rightside
{
	padding-left:15px;
}

div#banner
{
	background-image:url(images/topbannerwlogo.jpg); 
	width:90%;
	height:147px;
	position:absolute;
	
	top:0px;
	left:55px;
}
div#logo
{
	background-repeat:no-repeat;
	background-image: url(images/ab_logo-hdr.jpg);
	cursor:pointer;
	width:125px; 
	height: 147px;
	float:left;
	z-index:7;
}
div#shoe
{
	background-repeat:no-repeat;
	background-image:url(images/pshoe.png);
	position:absolute;
	top:0px;
	right:0px;
	width:98px;
	height:298px;
	z-index:5;

}
div#lace
{	/*
	position:relative;
	float:right;*/
	position:absolute;
	top:0px;
	right:98px;
	height:173px;
	width:232px;
	background-repeat:no-repeat;
	background-image:url(images/pshoelace.png);
	z-index:1000;
}


/* used for curved edges */
.b1 {height:1px; font-size:1px; overflow:hidden; display:block; background:#aaa; margin:0 5px; min-width:446px}
.b2 {height:1px; font-size:1px; overflow:hidden; display:block; background:#fff; border-right:2px solid #aaa; border-left:2px solid #aaa; margin:0 3px;min-width:447px}
.b3 {height:1px; font-size:1px; overflow:hidden; display:block; background:#fff; border-right:1px solid #aaa; border-left:1px solid #aaa; margin:0 2px;min-width:448px}
.b4 {height:2px; font-size:1px; overflow:hidden; display:block; background:#fff; border-right:1px solid #aaa; border-left:1px solid #aaa; margin:0 1px;min-width:449px}
.content {border-right:1px solid #aaa; border-left:1px solid #aaa; width:450px}
div.nowidth90
{
	position:absolute;
	top:190px;
	left:70px;
	width:90%;	
	margin-left:auto;
	margin-right:auto;
	display:block;
}
div.normal
{
	position:absolute;
	top:190px;
	left:110px;
	width:60%;	
	display:block;	min-width:800px;
}


div#repeater
{
	width:450px;
	text-align:center;
}
div#centcont
{
	margin-top:40px;	
}
div#leftmarg
{	
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-image:url(images/sidescroll.gif);
	height:400px;
	float:left;
	width:55px;
	display:block;
	z-index:2;
}
div#rightmarg
{
	position:relative;
	margin-left:auto;
	margin-right:auto;
	
	height:400px;
	float:right;
	width:200px;
	display:block;
}
div#navSec
{
	border-style:solid;
	border-top-width:1px;
	border-bottom-width:1px;
	border-left-width:0px;
	border-right-width:0px;
	border-color:#000000;
	left:55px;
	top:147px;
	width: 90%;
	height:20px;
	background-color:#cc9966;
	position:absolute;
	z-index: 2;
}
h1
{
	font-size: 18pt;
	text-align:center;
}
h2
{
	font-size: 16pt;
	font-style:italic;
}
.dataCal
{
	float:left;
	width:25%;
	font-size:10px;
} 
.imgDesc
{
	font-style:italic;
	font-size:smaller;
}
input.lngField
{
	width:250px;
}
div.bio div
{
	width:200px;
	height:280px;
	float:left;
	margin-right:15px;	
	background-image:url(wp-content/themes/default/images/default.jpg); /* This has to be overridden on the page*/
}
div.bio
{
	width:100%;
}

#topspacer
{
	height:147px;
}
#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0 0 0 -1px;
	list-style: none;
}
#nav 
{

	margin-left: 20px;
}
#nav ul
{
	width: 135px;
}

#nav a 
{
	display: block;
	text-decoration:none;
	color:#000000;
	font-weight:bold;
	font-size: 15px;
	padding-left: 5px;	
}
#nav li { 
	float: left;
	display: block;
	width:12%;
	height: 20px;
	padding-left: 1px;
	padding-right: 1px;

}
#nav  a:hover
{
	color:White;
}
#nav li ul li
{
	width: 135px;
	padding-right: 0px;
	padding-left: 0px;
	border-left: solid 1px;
	border-right: solid 1px;	
	border-top: none;
	background-color:#cc9966;
}
#nav li:hover, #nav li.sfhover
{
	
	padding-left: 0px;
	padding-right: 0px;
}
#nav li ul li:hover, #nav li.sfhover ul li
{
	padding-left: 0px;
	padding-right: 0px;
    border-top: none;
}
#nav li ul { /* second-level lists */
	position: relative;
	width: 135px;
	background-color:#cc9966;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */	
	border-bottom: solid 1px;
}

#nav li ul a
{	
	font-size:10px;
	padding-left:5px;
	height: 20px;
}

#nav li ul li a:hover
{
	height: 20px;
	color:#fff;
}

#nav li ul ul { /* third-and-above-level lists */
	border-top: solid 1px;
	margin: -1em 0 0 135px;

}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

p
{
	font-size: 1.2em;
}
div#content
{
	position:relative;
	top:300px;
	margin-left: 40px;
	text-align:center;
}

.smallfont
{
	font-size: 10.5pt; 
	font-family: "Arial, Verdana, Helvetica, sans-serif";
}
td.selectedday
{
	background-color:Yellow;
}
th.dayheader
{
	font-weight:bold;
	font-size:larger;
}
div#calholder
{
	display:table;
	display:inline-block !important;
	border-style:double;
	border-width:5px;	
}
table.dataCal tr:first-child td
{
	font-size:large;
	background-color:#D80803;
	padding: 0px 0px 0px 0px;
}
table.dataCal td.today
{
		background-color:Yellow;
}

html>body .outerpair1 {
background: url(/img/app_icons/upperrightfade.png) right top no-repeat;
} 
/* .outerpair1 must be given a width contraint, via either a width, 
or by floating or absolute positioning. In this demo these are 
applied from the second class name on the .outerpair1 DIV's.
This box also has one of the corner .png's. */


html>body .outerpair2 {
background: url(/img/app_icons/lowerleftfade.png) left bottom no-repeat;
padding-top: 8px;
padding-left: 8px;
}
/* .outerpair2 has padding equal to the shadow 
thickness, and also has one of the corner .png's */ 


html>body .shadowbox {
background: url(/img/app_icons/shadow.png) bottom right;
}
/* .shadowbox holds the main shadow .png */ 


html>body .innerbox {
position: relative;
left: -8px;
top: -8px;
}
/* .innerbox is made "relative" and is "pulled" up and to 
the left, by a distance equal to the thickness of the shadow.
Because this is a relative-based shift, the box retains its
exact dimensions without change. */


.shadowbox img {
border: 10px solid #fff;
vertical-align: bottom;
}
/* Shadowed images should not be made "block" for eliminating the baseline 
space under the images, because this may trigger IE background bugs. 
Instead, use "vertical-align: bottom;" for this purpose. */

table.gvAdmin 
{
	border-bottom: solid 2px #000000;
	border-right:solid 3px #000000;
	
}
.gvAdmin th 
{
		background-color:#D80803;
		color:#000000;
}
.gvAdmin tr:hover
{
	background-color:#EAD6BA;
}
.gvAdmin tr
{
	background-color:#F2F0F6	;	
}
.gvAdmin th a
{
	color:#FFFFFF;	
}
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}