/* reset.css */
html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td 
{
margin:0;
padding:0;
border:0;
font-weight:inherit;
font-style:inherit;
font-size:100%;
font-family:inherit;
}

table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
a img {border:none;}


/*------------content base------------*/

html,body 
{ 
background-color: #efe6d3; 
padding: 0; 
}

body         
{ color: #292929; font-size: 13px; /* Except IE */
font-family:"Lucida Grande", verdana, arial, "bitstream vera sans", sans-serif; background-image: url(header_bg.gif); 
background-repeat: repeat-x; 
background-position: 0 0; 
text-decoration: none; 
text-align: center; 
vertical-align: top; 
margin: 0; 
padding: 0; 
}

* html body 
{
font-size: 77%;/* IE */ 
}

p
{
margin:10px 0;
}

h1    
{ 
color: #4b4c9e; 
font-size: 190% ; 
font-weight: bold; 
line-height: 110%; 
margin:10px 0;
}

h2   
{
color: #4b4c9e; 
font-size: 130% ; 
font-weight: bold; 
line-height: 110%; 
margin:10px 0;
}

h3   
{ 
color: #292929; 
font-size: 100% ; 
font-weight: bold; 
line-height: 110%; 
background-color: #efe6d4; 
margin:10px 0;
padding: 5px; 
}

hr 
{ 
height:1px; 
border:0; 
width:100%; 
background-image: url(hr_h.gif); 
background-repeat: repeat-x; 
background-position: 0 center; 
margin-top: 10px; 
margin-bottom: 10px; 
}

img{border: 0px;}

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

ol  { 
margin: 10px 0 10px 30px; 
padding: 0 ;
}

ol li  
{ 
margin-left: 5px; 
margin-top:5px;
}

ul li  
{ 
margin-left: 5px; 
margin-top:5px;
padding-left: 20px; 
list-style-type: none; 
background-image: url(arrow.gif); 
background-repeat: no-repeat; 
background-position: 0 5px; 
}

ul ul li
{
margin-left: 30px; 
margin-top:3px;
padding-left: 15px; 
list-style-type: none; 
background-image: url(arrow2.gif); 
background-repeat: no-repeat; 
background-position: 0 7px; 
}

ul ul ul li
{
margin-left: 50px; 
}

div.wholewrap
{ 
width:950px; 
margin:0 auto; 
text-align: left; 
}

#bodywrap
{ 
background-color: #fff; 
background-image: url(body_left.gif); 
background-repeat: repeat-y; 
background-position: 0 0; 
}

#bodywrap_right
{ 
background-image: url(body_right.gif); 
background-repeat: repeat-y; 
background-position: right 0; 
float:right;
width:930px;
}

#maincontents
{ 
padding:0; 
width:670px; 
float:right; 
text-align:left;
}

#maincontents2
{ 
padding:0; 
width:910px; 
float:right; 
text-align:left;
}

/*------------mainbodyitems------------*/

#padding
{
padding:10px 30px 10px 10px;
line-height:160%;
}

#padding img{margin:10px;}

#maincontents #mainimage
{
margin:20px 20px 10px 10px;
}

/*------------leftsidebar------------*/

#leftsidebar
{
width:255px;
float:left;
padding-bottom:20px;
}

#leftsidebox
{
margin:20px 10px 10px 20px;
padding-bottom:10px;
background-color: #efe6d4;
}

#leftsidebox h1
{
font-size:120%;
color:#fff;
background-image: url(heading.gif); 
background-repeat: no-repeat; 
background-position: right bottom; 
padding:10px 7px;
text-align:left;
}

#leftsidebox h2
{
font-size:120%;
color:#fff;
background-image: url(heading.gif); 
background-repeat: no-repeat; 
background-position: right bottom; 
padding:10px 7px;
text-align:left;
}

#leftsidebox .ZineIndex
{
line-height:120%;
margin:10px;
}

#leftsidebox .ZineFooter
{
display:none;
}

#leftsidebox .ZineItem
{
background-position: 0 2px; 
}

#leftsidebar img
{
margin:5px 20px ;
}

#leftsidebox ul
{
margin:10px 0 20px 0px;
}

#leftsidebox ul li a
{
line-height:110%;
margin-top:10px;
}

#leftsidebox table.ZineTools
{
font-size:90%;
}

#leftsidebox table.ZineTools td
{
height:10px;
padding:0 5px 0 0;
}

#leftsidebox table.ZineTools a
{
color:#666;
}

/*------------header------------*/

#header
{
height:112px;
text-align:left;
padding:0 20px;
position:relative;
}

#header h1
{display:none;}

#header img{margin:10px;float:left;}


#header_right
{ 
padding:0;
margin:0;
float:right;
width:298px;
text-align:right;
}

#header_top_menu
{ 
margin:0;
float:right;
text-align:right;
color: #CCCCCC;
position:absolute;
right:20px;
bottom:15px;
}

#search
{ 
background-color: #efe6d4; 
background-image: url(search_bot.gif); 
background-repeat: no-repeat;
background-position: 0 bottom; 
padding:10px;
display:block;
text-align:left; 
}

#search input
{
margin:0 3px;
padding:0;
}

#search dt input
{
border:1px solid #ccc;
padding:3px;
}

#search dl {
        margin: 0;
        padding: 0;
}

#search dl dt {
color: #4b4c9e; 
        float: left;
        width: 190px;
        padding: 0 5px;
        font-weight: bold;
        line-height: 120%;
}

#search dl dd {
        padding: 0 5px;
        line-height: 120%;
}

div.Search dl dt
{
font-size:1.1em;
font-weight:bold;
margin-left:20px;
margin-top:15px;
}

div.Search dl dd
{
margin-left:40px;
}

.searchdetails
{
font-size:0.85em;
font-style:italic;
}

ul#topmenu
{
}

#topmenu li
{
font-size:90%;
display:inline;
float:left;
background-image:none;
padding:0;
border-right:1px solid #ccc;
}

#topmenu li#end
{
border-right:0px solid #ccc;
}


#topmenu li a
{
text-decoration: none;
padding:0 5px;
}

#topmenu li a:hover
{
color:#7a7a7a;
text-decoration: none;
}


/*------------mainmenu------------*/

div.mainmenu
{ 
height:65px; 
background-image: url(shade_left.gif); 
background-repeat: no-repeat; 
background-position: 0 0; 
padding: 0 0 0 20px; 
}

div.mainmenu_right
{ 
background-image: url(shade_right.gif); 
background-repeat: no-repeat; 
background-position: right 0;  
height: 65px; 
float: right; 
padding:0 20px 0 0;
text-align:left;
}

table.menubar
{ 
width:910px !important;
}

table.menubar td
{ 
width:auto !important;
text-align:center; 
background-image: url(menusideline.gif); 
background-repeat: no-repeat; 
background-position: right center;  
}


table.menubar a
{ 
color:#fff; 
font-weight:bold;
font-size:110%;
text-decoration: none; 
background-image: url(menusideline.gif); 
background-repeat: no-repeat; 
background-position: right center; 
padding: 18px 0; 
display:block; 
margin:5px 0;
}


table.menubar a:hover
{ 
background-image: url(menu.gif); 
background-repeat: repeat-x; 
background-position: 0 0; 
color:#fff; 
text-decoration: none; 
}

table.menubar a#thispage,table.menubar a#toppage
{ 
background-image: url(menu.gif); 
background-repeat: repeat-x; 
background-position: 0 -56px;
text-decoration: none; 
}

div.DMenu
{ 
color: #292929; 
padding:0;
text-align:left; 
margin: 0 0 0;
}

div.DMenu table
{
width:auto !important;
}

div.DMenu a
{ 
text-decoration: none; 
background-color: #dcdcf3; 
text-align: left; 
color: #292929; 
padding:5px 10px; 
border-bottom: 1px solid #fff; 
width:150px; 
margin:0; 
}

div.DMenu a:hover
{
background-color: #bdbde7;
text-decoration: none; 
}


/*------------link------------*/

a     
{ 
color: #4f9126; 
text-decoration: none ;
}

a:hover  
{ 
color: #474747; 
text-decoration: underline; 
}

/*------------footer-----------*/

#footerwrap
{ 
background-image: url(footer_bg.gif); 
background-repeat: repeat-x; 
background-position: 0 0; 
text-align: right; 
}

#footer_right
{ 
font-size:85%;
color: #fff; 
background-image: url(footer_right.gif); 
background-repeat: no-repeat; 
background-position: right 0; 
text-align: center; 
width: 900px; 
height: 50px; 
float: right; 
padding-top: 15px; 
padding-bottom: 10px; 
}

#footer_right a
{
color:#fff;
margin:0 5px;
text-decoration:underline;
}

#footer_right a:hover
{
color:#fff;
text-decoration:none;
}

/*------------table css-----------*/


/*--top page--*/
table.A td.left
{
padding:10px 20px 10px 0;
border-right:1px solid #ccc;
}

table.A td.right
{
padding:0px 0px 10px 10px;
}

table.B
{
border-bottom: 1px solid #ccc; 
margin:10px 0;
}

table.B td
{
border-top: 1px solid #ccc; 
padding:5px 10px;
text-align:left;
}

/*--------------zines---------------*/

#leftsidebox div.ZineItem a
{
margin-top:5px;
line-height:1.5;
}
div.ZineAbout
{
font-style:italic;
font-size:0.9em
}

div.ZineTitle h2
{
font-size:1.5em;
}


/*------------web directory------------*/

.WebDirName
{
font-weight:bold;
}

.WebDirUrl
{
font-style:italic;
color:grey;
}

.WebDirNotify
{
display:none;
}

div.WebDir p
{

}

div.WebDir h3
{
display:none;
}

div.WebDir form
{
text-align:left;
}

table.qa_form td {
padding: 5px;
}

table.qa_form_repertoire {
width: 100%;
}

table.qa_form_repertoire td, table.qa_form_repertoire th {
padding: 5px;
text-align: center;
}

table.qa_form_sandwich th {
font-weight: bold;
}

table.qa_form_sandwich td, table.qa_form_sandwich th {
padding: 5px 30px 5px 5px;
}

table.qa_form_repertoire input {
width: 100%;
}

p.qa_p {
padding-bottom: 5px;
}

table.WebDirectory td
{
padding-right: 20px;
}

/*------------Reports------------*/

table.Report,table.Report table { width:100%; line-height:120%;border:0;}

tr.A { background:white; }

tr.B { background:#EEEEFF; }

table.Report td 
{ 
padding:5px;
}

table.Report tr.bg
{
background-color:#e6e6e6;
}

table.Report tr.title
{
color:#fff;
background-color:#666;
line-height:110%;
}

table.Report th 
{ 
font-size:120%;
font-weight:bold;  
border-bottom:1px solid #ccc;
text-align:left;
padding-top:20px;
}

table.Report type.checkbox,table.Report textarea
{
margin:0;
padding:2px;
}

span.requiredInput input,span.requiredPrompt input,span.requiredInput textarea
{
background-color:#ffffcc;
}

span.requiredInput,span.requiredPrompt
{
color:#cc6633;
}

span.requiredPrompt
{
background-image: url(required.gif); 
background-repeat: no-repeat; 
background-position: 0 center; 
}


table.Report th.ReportTools {
	text-align:right;
	padding:2px;
}
.num { text-align:right; }
.debit { color:red; }


table.Report caption
{
text-align:left;
color: #4B4C9E; 
font-size: 150% ; 
font-weight: bold; 
line-height: 110%;
margin-top:10px;
}

tr.odd		{ background:white; }
tr.even		{ background:#EEEEFF; }


/*------------print friendly------------*/

div.PrintFriendly
{
float:right;
margin-top:-15px;
}

#padding div.PrintFriendly img
{
margin:8px 5px 0 0;
}

div.PrintFriendly a
{
text-decoration:none;
}


/*------------past students------------*/

table.contest-winners 
{
margin-bottom:10px;
}

table.contest-winners tr.colTitles td
{
font-weight:bold;
text-align:center;
}

table.contest-winners tr.category td
{
font-size:100%;
font-weight:bold;
text-align:center;
background-color:#CCC;
}

table.contest-winners td
{
text-align:center;
}

div.past a.menu
{
margin-bottom:-15px;
}

div.past
{
margin-left:20px;
margin-bottom:20px;
}

/*------------home page-----------*/

table.A td.left
{
vertical-align:top;
}

table.A td.right
{
vertical-align:top;
text-align:center;
}

table.A td.right h2
{
font-size:100%;
}

table.A div.Zine div.ZineFooter
{
display:none;
}

table.A div.Zine span.ZineDate
{
display:none;
}

#padding table.A td.left img
{
margin:5px;
}

table.A td.left div.ZineIndex
{
margin-bottom:20px;
}

table.B
{
border-bottom: 1px solid #ccc; 
margin:10px 0;
}

table.B td
{
border-top: 1px solid #ccc; 
padding:5px 10px;
text-align:left;
}

div.schedule table
{
vertical-align:top;
}

div.schedule td
{
vertical-align:top;
}



table.twocolumns td
{
padding:0 30px 0 0;
vertical-align:top;
text-align:left;
}

/*--------------------- Shopping Cart ----------------------*/

table.Receivable {
        border-collapse:collapse; 
	width:100%;
}
table.Receivable th { 
        border:1px #4B4C9E solid; 
        background-color:#4B4C9E;
        padding: 5px;
        color: white;
        font-weight: bold;
}
table.Receivable td { 
        padding: 5px;
        border:1px #4B4C9E solid; 
}
table.Receivable tfoot td { 
        border-left:0px solid white;
        border-right:0px solid white; 
}
table.Receivable tr { 
        border:1px #4B4C9E solid; 
}
/* this breaks the update button
#cart_button_checkout {
        display:block;
        position:relative;
        top:-42px;
        text-align:right;
}
*/
.number {
        text-align:right;
}
.total {
        font-weight:bold;
}

div#SurveyQuestionBlock_1.SurveyQuestionBlock textarea {
width: 250px;
}

/******************************/
table.qa_form_soty_repertoire th {
font-weight: bold;
text-align: center;
}

table.qa_form_soty_repertoire td {
text-align: center;
padding: 5px;
}

table.qa_form_soty_repertoire td.soty_repertoire_category {
text-align: left;
padding: 0px;
}

table.qa_form_soty_repertoire td.soty_repertoire_sub_category {
text-align: left;
padding: 0px;
color: #4B4C9E;
font-weight: bold;
}

div.formButtons {
float: left; 
padding-bottom: 10px;
}

div.soe table td {
vertical-align: top !important;
}

table.LoginForm td {
padding-right: 10px;
}

/*------------member login ------------*/

#padding .Login
{
margin:0;
width:auto;
float:right;
padding:0 0 0 5px;

}

#padding .LoginForm
{
text-align:center;
}

#padding .LoginForm table
{
margin:0 auto;
}

#padding .LoginForm td
{
text-align:left;
padding:0 3px;
}

#padding .LoginForm td input[type="text"],#padding .LoginForm td input[type="password"]
{
width:175px;
padding:3px;
margin:0 0 3px 0;
}

#padding .LoginForm td input[type="checkbox"]
{
float:right;
}