/* BEGIN: Reset all styles */
/* This is taken from YUI Reset (v2.5.0) http://developer.yahoo.com/yui/reset/ */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;font-size:11px;font-family:Arial,Serif}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:small;font-weight:normal}
h1,h2,h3,h4,h5,h6,fieldset,input,li,textarea,p,span{font-family:Arial,Serif;font-size:12px}
q:before,q:after{content:''}
abbr,acronym{border:0}
/* END: Reset all styles */

/* BEGIN: Clearing floats */
/* Apply the 'cf' class to any elements that should expand to contain floated descendant elements */
/* http://www.456bereastreet.com/archive/200603/new_clearing_method_needed_for_ie7/ */
.cf:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.cf{display:inline-block}
.cf{display:block}
* html .cf{height:1px}
/* END: Clearing floats */

/* general layout */
body{margin:0px}
ol,ul{list-style-image:none;list-style-position:outside;list-style-type:none}
h1{font-size:18px;font-weight:bold}
h2{font-size:16px;font-weight:bold}
h3{font-size:14px;font-weight:bold}
h4{font-size:12px;font-weight:bold}
strong{font-weight:bold}
em{font-style:italic} 
fieldset{border:solid 1px #ccc;margin:0 0 10px 0;padding:10px}
fieldset p{line-height:1.4em}
legend{color:#666;font-size:12px;padding:0 3px}  
legend img{vertical-align:middle}
ul.bulletList li{list-style-type:circle;margin:0 0 0 16px}

.button,.impersonateBtn{background-color:#DD883D;border:solid 1px #000;color:#fff;cursor:pointer;display:block;font-family:Arial,Serif;font-size:12px;font-weight:bold;padding:3px 5px;text-align:center;width:100px}
.buttonblue{background-color:#4caef3;border:solid 1px #000;color:#fff;cursor:pointer;display:block;font-family:Arial,Serif;font-size:12px;font-weight:bold;padding:3px 5px;text-align:center;width:140px}
.disabled .button{cursor:default;filter:alpha(opacity=50);opacity:0.5}
.disabled{color:#ccc}
.disabled a{color:#ccc;cursor:default;text-decoration:none}
.disabled a:hover{text-decoration:none}
.disabled img{filter:alpha(opacity=50);opacity:0.5}
.enabled a{color:#000;font-weight:bold;text-decoration:none}
.enabled a:hover{text-decoration:underline}
.error{color:#cd0000;font-family:Arial,Serif;font-size:12px}
.fl{float:left}
.fr{float:right}
.header{color:#474747;font-size:16px;font-weight:normal}
.hidden{display:none}
.printOnly{display:none}
.spanLink{cursor:pointer;font-family:Arial;font-size:12px;font-weight:bold}

/****************************************************************************************************************************/

/*  Element ID's    */

/****************************************************************************************************************************/

/*  Begin #Main  */
#Outer
{
	margin:0 auto; 
	padding:0;
	position:relative;/* Required for TopNav's absolute positioning to work */ 
	width:1000px;
}

#OuterDiscount
{
	background-color: #d9eff6;
	margin:20px auto; 
	padding:0;
	position:relative;/* Required for TopNav's absolute positioning to work */ 
	width:1000px;
}

#Main
{
	border:1px solid #000;
	width:998px;
}

#MainDiscount
{
	background-color: #d9eff6;
	border:1px solid #000;
	width:998px;
}

/*  End #Main  */

/****************************************************************************************************************************/

/*  Begin #Header  */
#Header
{
	background-color:#DFDFDF;
	padding:0;
	border:0;
    margin:0 auto; 
}

#Header #Logo
{
    border:0;
    margin:0;
    
    float:left; 
}

#Header #Logo img{border:0;height:90px;width:270px}

#Header #Banner
{
    padding:0;
    border:0;
    margin:0;
    
    width:728px;
    height:90px;
    
    float:left;
}

/* Login */
.loginButton input{background-color:#DD883D;border:solid 1px #000;color:#fff;cursor:pointer;display:block;font-family:Arial,Serif;font-size:12px;font-weight:bold;padding:3px 5px;text-align:center;width:100px}
#Login p
{
	padding:5px 0 0;
}

#Login
{
    padding:0 0 2px 10px;
    border:0;
    
    float:right;
    width:418px;
}
#Login span{display:block;float:left;height:20px;padding:4px 3px 0}
#Login p.error, #Login .error{padding:5px 0 0}
#Login .label
{
    padding:2px;
    margin:0;
    
    font-size:small;
    color:#474747;
    
    width:60px;
}

#Login .InsertFields
{
    padding:2px 0 0 2px;
    border:1px solid #474747;
    margin:0 10px 0 0;
    font-size:small;
    color:#474747;   
    float:left; 
    width:80px;
    height:18px;
}

#Login .button
{    
	float:left;
    height:22px;
    margin:0 5px;
    padding:0;
    width:70px;
}

#Logout
{
    border:0;
    margin:0;
    text-align:right;
}
#Logout span{float:right}

#Logout p .button
{
	float:right;
	margin:0;
}
#LoginStatus{float:right;margin:0 0 10px}
#LoginStatus a{text-decoration:none}

/*  End #Header  */

/****************************************************************************************************************************/

/*  Begin #TopNav  */

#TopNav
{      
    clear:both;
    background:#000;
    margin:0;
    border:0;
    padding:0.25em 0; 
    text-align:center;
    list-style:none; 
    font-size:small;
}

/*  Begin #RadMenu  */

#TopMenuWrapper
{
    height:25px;
    background: #fff url(../images/TopMenuBG.gif);
    border:0;
}

#TopMenuWrapper .RadMenu a.rmLink{cursor:pointer}

.PositionTopMenu
{
    left:0;
    top:0;
}

/*  End #RadMenu  */

/*  End #TopNav  */

/****************************************************************************************************************************/

/*  Begin BreadCrumbWrapper  */

#BreadCrumbWrapper
{
	float:left;
	
    padding:15px 0 0px;
    border:0;
    margin:0 9px;    
    
    width:580px;
}

#BreadCrumbWrapper ul li
{
    color:#000;
    display:inline;
    font-family:Verdana,Arial,Serif;
    font-size:11px
}

#BreadCrumbWrapper ul li a
{
    color:#000;
    text-decoration:none
}

#BreadCrumbWrapper ul li a:hover
{
    text-decoration:underline
}

#BreadCrumbWrapper .bcPrefix
{
    font-weight:bold
}

/*  End BreadCrumb  */

/****************************************************************************************************************************/

#SectionLinks{float:right;margin:0 4px 0 0}

/*  Begin #Content  */

#Content
{
    position: relative;
    background:#fff;
    padding:0;
    width:980px;    /*APW*/
    margin:5px auto;
    border:0px solid transparent;
}

/* Navigation */
.imageButton{cursor:pointer}
.nav{margin:10px 0;width:734px}
.nav p{font-size:11px}
.resultCount{float:left}
.tabContent{padding:10px}
.RadComboBox_Default td.rcbInputCell, .RadComboBox_Default .rcbInputCell input.rcbInput{font-size:11px}

/* Paging */
.paging{float:right}
.pageNumbers{float:left;margin:0 5px 0 0}
.pageNumbers li{display:inline;font-size:11px}
.pageNumbers li a{color:#000;padding:0 2px;text-decoration:none}
.pageNumbers li a:hover{text-decoration:underline}
.pageNumbers li.selected{font-weight:bold}
.jumpToPage{float:left;margin-top:-3px;position:relative}
p.pageLink{font-size:11px}
p.pageLink a{color:#000;display:block;font-weight:bold;padding:0 5px;text-decoration:none}
p.pageLink a:hover{background-color:#ccc}
.previousPage,.nextPage{font-style:italic}

/*  Begin #Footer  */

#Footer
{
    background-color:#fff;
	margin:5px auto; 
	padding:0 auto; 
	width:972px;   /*APW*/
	height:41px;
	border:1px solid #fff;
	font-size:small;
	text-align:center;
}

#Footer p
{
    padding:0;
    border:0;
    margin:10px 0;

    font-size:small;
    color:#474747;
}

#Footer a
{
    font-size:small;
    color:#474747;
    text-decoration:none;
}

#Footer a:hover
{
    font-size:small;
    color:#999;
}

#Footer li
{
    display:inline;
}

/*  End #Footer  */

/*  Begin Receive Information */

#ReceiveInformation
{
    padding:10px;
    border:1px solid #999;
    margin:10px;
    
    width:300px;
    height:500px;
}

/*  End Receive Information */

/*  Classes */

.indented
{
    padding:0 0 0 2em;
}

.hiddenNav
{
    visibility:hidden;
    font-size:xx-small;
}

/* Quick search */
#QuickSearch{border:2px solid #DD883D;margin:0 0 10px;padding:5px 10px;width:154px}
#QuickSearch h2{color:#BDBDBD !important;font-size:20px !important;padding-top:0 !important}
#QuickSearch p{padding:0 0 5px 0 !important}

/* Buy online */
#BuyOnline{border:2px solid #DD883D;margin:0 0 10px;padding:5px}
#BuyOnline h4 a{color:#474747 !important;font-size:14px !important;font-weight:bold;text-decoration:none}
#BuyOnline h4 a:hover{color:#474747 !important}

#HardCopyButton{height:72px;background-color:#DD883D;border:solid 2px #000000;font-weight:bold;margin:0px 0px 0px 0px;padding:24px 4px 20px 4px;text-align:center;vertical-align:middle}
#HardCopyButton h4{line-height:2.55em}
#HardCopyButton h4 a{color:#ffffff !important;font-size:20px;text-decoration:none}
#HardCopyButton h4 a:hover{text-decoration:underline}

#BulletinSignupButton{height:72px;background-color:#DD883D;border:solid 2px #000000;font-weight:bold;margin:0px 0px 0px 0px;padding:10px 4px 34px 4px;text-align:center;vertical-align:middle}
#BulletinSignupButton h4{line-height:2.55em}
#BulletinSignupButton h4 a{color:#ffffff !important;font-size:20px;text-decoration:none}
#BulletinSignupButton h4 a:hover{text-decoration:underline}
#BulletinSignupButton h4 span{cursor:pointer;color:#ffffff !important;font-size:20px; font-weight: bold}

#SchoolPlannerButton{height:100px;background-color:#000000;border:solid 2px #000000;font-weight:bold;margin:5px 0px 5px 0px;padding:12px 4px 12px 4px;text-align:center;vertical-align:middle}
#SchoolPlannerButton h4{line-height:2em}
#SchoolPlannerButton h4 a{color:#ffffff !important;font-size:20px;text-decoration:none}
#SchoolPlannerButton h4 a:hover{text-decoration:underline}

/* Signup */
#Signup{border:2px solid #DD883D;padding:5px;width:222px}
#Signup h4 span{cursor:pointer;font-size:14px;font-weight:bold}