body
{
    background:url(/images/bg.gif) repeat-x #b7c3cb;
    margin:0;
    font-family:Verdana;
    font-size:14px;
    line-height:20px;
}

.MainContentArea
{
    width:1000px;
    text-align:left;
    margin:0 auto;
    
}

.Header
{
    height:100px;
    background:#000000;
    border-bottom:3px #7cc7f8 solid;
    text-align:center;
}

.ContentWrapper
{
    margin:0 auto;
    width:1000px;
    text-align:left;
}

.Content
{
    padding-top:0;
    text-align:left;
    float:left;
    width:665px;
    margin-right:15px;
    padding-bottom:25px;
}

.ContentContainer
{
    background:#ffffff;
    margin-top:15px;
    margin-bottom:15px;
    padding:20px;
}



.LeftColumn
{
    width:170px;
    float:left;
    padding:0 15px 15px;
}

.LeftColumn h2
{
    margin-bottom:2px;
    color:#ffffff;
}

.LeftColumn ul
{
    margin:5px;
    padding:5px;
    list-style-type:none;
}

.LeftColumn ul li a
{
    color:#ffffff;
}



.RightColumn
{
    width:260px;
    float:right;
    padding-left:10px;
    padding-right:10px;
}

.AdminContent
{
    padding:25px;
    margin:25px;
    background:#ffffff;
    min-height:450px;
}



.TopMenu
{
    padding-top:10px;
    height:30px;
     float:right;
}

.TopMenu a
{
    font-weight:bold;
    color:#ffffff;
}


/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.MainMenu
{
    height:30px;
    clear:right;
    padding-left:15px;
    float:right;
    margin-top:30px;
    /*width:617px;*/
    text-align:right;
}
/* remove all the bullets, borders and padding from the default list styling */
.MainMenu ul {margin:0px; padding-left:0;list-style-type:none;}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.MainMenu ul li 
{
    float:left;
    display:block;
    margin-left:5px;
    position:relative;
}


/* style the links for the top level */
.MainMenu ul li a
{
    font-size:14px;
    font-weight:bold;
    text-decoration:none; 
    color:#333333; 
    height:26px; 
    display:block;
    padding-top:4px;
    padding-right:25px;
    padding-left:25px;
    text-align:center;
    background:url(/images/menubg.gif) repeat-x;
}

.MainMenu ul ul li a
{
    margin:0px;
    padding:0px;
    min-height:23px;
    padding-left:5px;
    padding-top:0px;
    text-align:left;
}

.MainMenu ul ul li 
{
    float:left;
    display:block;
    padding:0px;
    margin:0px;
 
    padding-left:0px;
}



/* style the third level background */
.MainMenu ul ul ul li {background:#e2dfa8;}
/* style the third level hover */
.MainMenu ul ul ul a:hover {background:#b2ab9b;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.MainMenu ul ul {visibility:hidden;position:absolute;top:30px;left:0; width:175px; text-align:left;margin:0px;padding:0px;list-style-type:none;z-index:1000; border-bottom:1px solid #000000; border-right:1px solid #000000; border-left:1px solid #000000;}
.lastMenuItem {padding-right:15px !important;}
.lastMenuItem ul {right:5px; left:auto !important;  }



/* position the third level flyout menu */
.MainMenu ul ul ul{left:149px; top:-1px; width:149px;}

/* position the third level flyout menu for a left flyout */
.MainMenu ul ul ul.left {left:-149px;}


/* style the second level links */
.MainMenu ul ul a {background:#000000; color:#ffffff;  padding-left:5px; width:170px; font-size:12px;}


/* style the top level hover */
.MainMenu   ul ul a:hover{color:#ffffff; background:#37476d;}
.MainMenu  ul ul :hover > a {color:#ffffff; background:#37476d;}

/* make the second level visible when hover on first level list OR link */
.MainMenu ul li:hover ul,
.MainMenu ul a:hover ul{visibility:visible;  }
/* keep the third level hidden when you hover on first level list OR link */
.MainMenu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.MainMenu ul :hover ul :hover ul{ visibility:visible;}



/***************
*  Headers
****************/

h1
{
    font-size:24px;
    color:#284455;
    font-weight:normal;
}

h2
{
    font-size:18px;
    color:#284455;
    font-weight:normal;
}

h3
{
    font-size:14px;
    color:#333333;
}





/***************
*  Gridviews
****************/
.gvHeader
{
    background:#37476f;
    text-align:left;
    color:#ffffff;
}

.gvHeader th
{
    tex-align:left;
}

.gvHeader a
{
    color:#ffffff;
}



/***************
*  General
****************/
a
{
    color:#4F82A9;
}

.Button
{
    width:100px;
    margin-right:15px;
}

.ButtonNoWidth
{
    margin-right:15px;
}

.FormLabel
{
   padding-top:3px;
   width:125px;
   float:left;
   display:block; 
}

.FormLabelNoPadding
{
   width:125px;
   float:left;
   display:block; 
}

.Error
{
    color:#ff0000;
}

.Example
{
    font-style:italic;
}

.ExampleProblems
{
    font-family:Courier New;
    padding-left:25px;
}

pre
{
    padding-left:25px;
}


.RelatedTopics
{
    border:solid 1px #333333;
    background:#e5e5e5;
    padding-left:15px;
    padding-right:15px;
    padding-top:5px;
    padding-bottom:15px;
}

.TermDefinition
{
    font-weight:bold;
    font-style:italic;
}



/****************************
* Modal Popup
****************************/

.modalPopupPanel
{
    border:solid 1px #333333;
    padding:15px;
    background-color:#ffffff;
    
}

.modalBackground
{
    background-color:#333333;
    filter:alpha(opacity=70);
    opacity:0.7;
    
}

.Footer
{
    
    min-height:50px;
    clear:both;
}


.Citation
{
    font-size:11px;
}





 .worksheetRowTitle
{
     width: 200px !important;
     text-align:left !important;
}
        
.worksheetTable td
{
    width:25px;
    height:25px;
    text-align:center;
}


.Watermark
{
    color:#cccccc;
}



/*******************
* Newsletter Signup
********************/
.NewsletterSignup
{
    width:250px;
}

.NewsLetterSignupTop
{
    width:260px;
    height:24px;
    background:url(/images/sidetop1.gif) no-repeat;
}

.NewsLetterSignupMiddle
{
    width:240px;
    background:url(/images/sidemiddle1.gif) repeat-y;
    padding-left:10px;
    padding-right:10px;
    font-size:12px;
}

.NewsLetterSignupMiddle h2
{
    font-size:14px;
    margin-top:0;
}

.NewsLetterSignupBottom
{
    width:260px;
    height:24px;
    background:url(/images/sidebottom1.gif) no-repeat;
}


.RCSquareAd
{
    border:solid 1px #cccccc;
    width:250px;
    padding:3px;
}

.SkyscraperAd
{
    border:solid 1px #cccccc;
    width:160px;
    padding:2px;
}

.SideMenu
{
    width:164px;
    padding-left:1px;
    
}

.SideMenu  h2
{
    margin-top:0;
    margin-bottom:3px;
    margin-left:5px;
    padding:0;
    font-size:14px;
    
}

.SideMenu ul
{
    margin:0;
    padding:0;
    list-style-type:none;
    
}

.SideMenu li
{
    border-bottom:1px solid #cccccc;
    padding-left:5px;
    padding-right:5px;
    padding-bottom:3px;
    padding-top:3px;
}

.SideMenuTop
{
    background:url(/images/sidetop2.gif) no-repeat;
    height:16px;
}

.SideMenuMiddle
{
    background:url(/images/sidemiddle2.gif) repeat-y;
}

.SideMenuBottom
{
    
    height:16px;
    background:url(/images/sidebottom2.gif) no-repeat;
}

.SmallText
{
    font-size:11px;
}


.NewWorksheets
{
    padding:5px;
    background:#e5e5e5;
     border:solid 1px #333333;
}

.NewWorksheets  h2
{
    margin-top:0;
    margin-bottom:3px;
    margin-left:5px;
    padding:0;
    font-size:14px;
    
}



.FollowUs
{
    width:250px;
}

.FollowUsTop
{
    width:260px;
    height:24px;
    background:url(/images/sidetop3.gif) no-repeat;
}

.FollowUsMiddle
{
    width:240px;
    background:url(/images/sidemiddle3.gif) repeat-y;
    padding-left:10px;
    padding-right:10px;
    font-size:12px;
}

.FollowUsMiddle h2
{
    font-size:14px;
    margin-top:0;
}

.FollowUsBottom
{
    width:260px;
    height:24px;
    background:url(/images/sidebottom3.gif) no-repeat;
}


.WorksheetInstructions
{
    height:0;
    overflow:hidden;
}

.InstructionsLabel
{
    color:#4F82A9;
    text-decoration:underline;
    cursor:pointer;
}


.list1 li
{
    margin-bottom:10px;
}


.script
{
    font-family:Times New Roman;
    font-style:italic;
}