body, html, form
{
padding: 0;
margin: 0;
border: 0;

color: #333333;
font-size: 100%;
font-family: Arial, Helvetica, Sans-Serif;
background-color: #fff;

height: 100%;
}

.clear {clear: both;}

h1
{
font-family: Arial, Sans-Serif;
font-size: 150%;
font-weight: normal;
color: #333333;
}

h2
{
font-family: Arial, Sans-Serif;
font-size: 110%;
color: #333333;
}

h3
{
font-family: Arial, Sans-Serif;
font-size: 90%;
color: #333333;
}


p {font-size: 80%;}
span {font-size: 80%;}
label {font-size: 80%;}

/* clear nested */
p span {font-size: 100%;}
p label {font-size: 100%;}
span span {font-size: 100%;}
span label {font-size: 100%;}


#outer
{
min-height: 100%;
min-width: 780px;
max-width: 1000px;
margin: 0 auto;
}

* html #outer
{
height: 100%; /*** IE does not support min-height, but instead it handles height as min-height so we need to hack the height ***/
/* we can't flex the width in ie6 so we'll fix it */
width: 780px;
}

#inner
{
padding-bottom: 100px;	/* pad for footer plus some arbitary space */
}

#banner
{
border-top: solid 10px #720202;
height: 150px;
}

#col1
{
width: 185px;
margin: 15px;
float: left;
}

/* fix the IE doubled float-margin bug (the first float in any given float row will suffer from the bug) */
*html #col1 {display: inline;}

#col2
{
margin-right: 200px;
}

#col3
{
float: right;
width: 185px;
}

#contentbox
{
    margin: 15px 15px 15px 255px;
}

*html #contentbox
{
    display: inline-block; /* 'inline' doesn't fix the IE doubled float-margin bug in this instance, 'inline-block' works here */
}

#contentwrapper
{
float: left;
width: 100%;
overflow: hidden;
}

#footer
{
height: 90px; /*** The drawback with this solution is that the height of the footer can not be flexible. If you add so much content to the footer that it extends 30px, you will get a vertical scrollbar and the content will overflow the footer if you do not set overflow to hidden ***/
margin: -90px auto 0 auto; /*** By using a negative margin-top we now move the footer up the same amount as the footer height to avoid vertical scrolling. Remember, if you use borders and padding on your footer you will have to calculate this in your negative margin-top value also. ***/
background-image: url(../images/footerbg.gif);
background-repeat: repeat-x;
background-color: #f1f1f1;
min-width: 780px;
max-width: 1000px;
}

* html #footer
{
/* we can't flex the width in ie6 so we'll fix it */
width: 780px;
}

/* navigation panel */

#navpanel
{
background-color: #720202;
color: #ffffff;
}

* html #navpanel
{ 
height: 1%; /* fix IE6 peekaboo */
}

#navpanelcontent
{
padding: 5px 15px 5px 15px;
}

#navpanel ul
{
list-style: none; /* Turns off display of bullet */
margin: 0; /* Removes indent IE and Opera */
padding: 0; /* Removes indent Mozilla and NN7 */
}

#navpanel ul li
{
font-weight: bold;
font-size: 80%;
line-height: 2em;
background:url(../images/navbullet.gif) left 0.7em no-repeat;
padding-left: 15px;
}

#navpanel a
{
color: #ffffff;
text-decoration: none;
}

#navpanel a:hover
{
text-decoration: underline;
}

/* breadcrumb */

#breadcrumb
{
font-family: Arial, Sans-Serif;
font-size: 80%;
margin: 5px 0 5px 0;
color: #720202;
}

#breadcrumb ul
{
display: inline;
margin: 0;
padding: 0;
}

#breadcrumb li
{
display: inline;
margin: 0 12px 0 12px;
}

#breadcrumb a
{
font-weight: normal;
color: #333333;
text-decoration: none;
background: url(../images/bcbullet.gif) no-repeat 0 6px;
display: inline-block;	/* IE needs this for proper background image position if lines break */
padding: 0 0 0 18px;	/* list indent */
}

#breadcrumb a:hover
{
text-decoration: underline;
}

/* other */
.uky_banner {float: right}
.uky_logo {margin: 15px}
#loginutil {margin: 0 0 0 15px; font-family: Arial, Sans-Serif; font-size: 80%;}
.v_logo {margin-top: 25px; border-width: 0;}
.accenture_logo {margin-top: 25px; border-width: 0;}
.asdan_logo {margin-top: 25px; border-width: 0;}

/* shrink wrap and center an element of an unknown width */
.shrinkwrapouter
{
margin: 0 auto;
text-align: center; /* IE needs this */
display: table;	/* IE ignores this */
}
.shrinkwrapinner
{
/* IE rules */
display: inline;
zoom: 1;
text-align: left;
/* global rules */
/*background-color: #FAFAD2;*/
border: 1px solid #333333;
padding: 0.3em 0.5em;
}
/* IE7 appears to ignore this only when it's housed as a seperate rule.. */
.shrinkwrapinner {display: table-cell;}

		
.alertbox
{
color: #ff0000;
background-color: #ffffcc;
padding: 5px;
margin: 5px 0 5px 0;
border: solid 1px #ff0000;
font-family: Arial, Sans-Serif;
font-size: 80%;
/*margin: 5px;*/
}

/* Default.aspx */

#bigbuttongroup
{
width: 464px;
height: 100px;
margin: 0 auto;
font-size: 80%;
}

#bigbuttonseparator
{
float: left;
}

#bigbuttonpanel1, #bigbuttonpanel2
{
width: 192px;
height: 100px;
float: left;
text-align: center;
}

#bigbuttonpanel1 img, #bigbuttonpanel2 img
{
border-width: 0;
}

#bigbuttonpanel1 a
{
text-decoration: none;
color: #720202;
}

#bigbuttonpanel2 a
{
text-decoration: none;
color: #003366;
}

/* dategrid is used throughout event booking */
/*
.dategrid {background-color: #DAA520;}
.dategrid td {font-size: 70%; border-width: 0px; padding: 5px;}
.dategridhdr {background-color: #DAA520; cursor: default;}
.dategridhdr td {font-family: Arial, Sans-Serif; font-weight: bold; color: #FFFFFF; text-align: center;}
.dategridrow {background-color: #F0E68C;}
.dategridaltrow {background-color: #FAFAD2;}


.plaingrid td {font-size: 80%; vertical-align: top; margin: 0; padding: 5px;}
.plaingrid .hdr td {font-weight: bold;}

.invoicegrid td {font-size: 80%; vertical-align: top; padding: 5px;}
.invoicegrid .row td {border-bottom: solid 1px #333333;}
.invoicegrid .hdr td {border-bottom: solid 1px #333333; font-weight: bold; text-align: center;}
*/



/* Workspace/Shop.aspx */

#shop_col1 {margin-right: 260px;
/*background-color: Fuchsia;*/
}

#shop_col2 {float: right; width: 200px;
/*background-color: Teal;*/
}

/* cart panel */
#cartpanel 
{
background-color: #333333;
float: left;
}
#cartpanel a {background-color: #525252;}
#cartpanel a:hover {background-color: #868686;}

#cartcontentpanel {padding: 5px 15px 5px 15px;}

#cartitemspanel
{
padding: 5px;
min-height: 200px;
max-height: 400px;
width: 158px;
overflow: auto;
border: solid 1px #ffffff;
}

*html #cartitemspanel
{
/*** IE max-height hack ***/
height: expression(document.all.cartitemspanel.scrollHeight > 400? "400px" : "auto" );
}

#cartcontentpanel h2
{
margin: 0 0 5px 0;
font-size: 100%;
color: #ffffff;
}

.cartitem {padding: 0 0 5px 0; margin: 0 0 15px 0; color: #ffffff; border-bottom: dashed 1px #EEEEEE;}
.cartitem .name {display: block; font-size: 80%; font-weight: bold; margin-bottom: 5px;}
.cartitem .quantity {display: block; font-size: 80%; margin-bottom: 5px;}
.cartitem .amount {display: block; font-weight: bold; color: #0ADAD8; text-align: right;}

#carttotalpanel { padding: 5px; color: #ffffff;}
#carttotalpanel span.label {font-size: 80%; font-weight: bold;}
#carttotalpanel span.value {font-size: 80%; font-weight: bold; float: right;}

#carttotal span.label {font-size: 100%; color: #0ADAD8;}
#carttotal span.value {font-size: 100%; color: #0ADAD8;}

#checkoutbutton
{
display: block;
background-color: #525252;
color: #ffffff;
font-weight: bold;
font-size: 80%;
text-align: center;
padding: 3px;
text-decoration: none;
}

#checkoutbutton:hover {background-color: #A9A9A9;}

/* IE needs this piece of nonsense before maximising the product table */
#prodgridwrapper
{
width: 100%;
float: left;
}

.prodgrid {width: 100%;}

.prodgriditem td
{
font-family: Arial, Sans-Serif;
font-size: 80%;
color: #006766;
border-bottom: solid 1px #006766;
}

.prodgridfooter td
{
font-family: Arial, Sans-Serif;
font-size: 100%;
color: #006766;
}

.prodgridfooter td a
{
color: #006766;
}

.prodgridfooter td span
{
font-weight: bold;
}

/*
Workspace/events.aspx
~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
/*
.eventgrid {margin-top: 6px;}
.eventgrid td {border-top: solid 1px #DAA520;}
.eventgrid h3 {font-size: 100%;}
.eventgrid p {font-size: 80%;}

.eventgridcol1 {padding: 5px 30px 5px 0;}
.eventgridcol2 {padding: 5px 0 5px 0;}
*/

/* dategrid is used throughout event booking */
/*
.dategrid {background-color: #DAA520;}
.dategrid td {font-size: 70%; border-width: 0px; padding: 5px;}
.dategridhdr {background-color: #DAA520; cursor: default;}
.dategridhdr td {font-family: Arial, Sans-Serif; font-weight: bold; color: #FFFFFF; text-align: center;}
.dategridrow {background-color: #F0E68C;}
.dategridaltrow {background-color: #FAFAD2;}
*/

/*
Workspace/eventbook.aspx
*/
/*
#dategridpanel {background-color: #FAFAD2; padding: 10px;}
*/