/* CSS Document */


body{font-family: verdana; padding: 20px;}

span.Purple
{color: #400345;
font-weight: bold;
}

img{display: none;}

/* Practitioners default */



body.Default
{
   font: 1em/1.3em Verdana, Arial, Sans-serif; 
   margin: 0;
   padding: 20px;
}

    div#Container
    {
        position: relative;
        width: 100%;
        height: auto;
        margin: 0 auto;
        padding: 0;
    }


       div#Accessibility a:link
        {color: #410346; text-decoration: none;}

       div#Accessibility a:visited
        {color: #410346; text-decoration: none;}

       div#Accessibility a:hover
        {color: #410346; text-decoration: underline;}

        div#Accessibility
        {
            float: left;
            width: 100%;
            height: auto;
            margin: 0;
            padding: 10px 0;  
            font-size: 0.8em;
            text-align: right;
            background: #fff;
            color: #410346;

        }
        
            #Accessibility ul
            {
                list-style:none;
                margin:0;
                padding:0;    
            }
        
                #Accessibility ul li
                {
                    display: inline;
                    margin: 0;
                    padding: 0 0 0 10px;    
                }    

                #Accessibility ul li.regular
                {display: none}

                #Accessibility ul li.large
                {display: none}

                #Accessibility ul li.textonly
                {display: none}

        div#Header
        {
            float: left;
            width: 100%;
            height: auto;
            margin: 0;
            padding: 0;
        }

        div#Banner
        {
            float: left;
            width: 100%;
            height: auto;
            margin: 0;
            padding: 10px 0;
        }

        div#Banner2
        {
            float: left;
            width: 790px;
            height: 109px;
            margin: 0;
            padding: 0;
        }


        div#Banner3
        {
            float: left;
            width: 790px;
            height: 109px;
            margin: 0;
            padding: 0;
        }




div#MainImage
        {
            float: left;
            width: 100%;
            height: auto;
            margin: 0;
            padding: 0;
        }


            div#TopNavigation
            {
float: left;
                width: 100%;
                height: auto;
                background-color: #330337;
                text-align: center;
                padding: 10px 0;
                color: #fff;
font-size: 0.8em;
            }

            div#TopNavigation a
            {
                text-decoration: none;
                color: #fff;
            }


                div#TopNavigation ul
                {
                    list-style: none;
                    margin: 0;
                    padding: 0;
                }

                    div#TopNavigation ul li
                    {
position: relative;
float: left;
                        display: inline;
width: auto;
height: auto;
                        margin: 0 40px 0 10px;
                        padding: 0 ;
text-align: left;
line-height: 1.1em;
                background-color: #330337;

                    }

        
        div#Main /* This contains the right navigation and content area */
        {
             float: left;
             width: 100%;
             height: auto;
             margin: 0;
             padding: 0;
        }


div#Main a
{color: #603d7d;}
        
            div#RightNavigation    
            {
                float: left;
                width: 200px;
                height: auto;
                margin: 0;
                padding: 10px 0; 
color: #410346;
font-size: 0.8em;
line-height: 1.1em;
            }

            div#RightNavigation   a:link 
            {
                text-decoration: none;
               color: #410346;
            }

            div#RightNavigation   a:visited
            {
                text-decoration: none;
               color: #410346;
            }

            div#RightNavigation   a:hover 
            {
                text-decoration: underline;
               color: #410346;
            }
            
                div#RightNavigation ul
                {
                    list-style: none;
                    margin: 0;
                    padding: 0;
                }
                
                    div#RightNavigation ul li
                    {
                        margin: 0;
                        padding: 0 20px 15px 10px;    
                    }
                    
div#RightNavigation form
{width: 190px; padding: 10px;} 

div#RightNavigation p
{padding: 0 0 0 10px; margin: 0;} 
                        
            div#Navigator
            {
               float: left;
               width: 100%;
               height: auto;
               font-size: 0.8em;
               margin: 0;
               padding: 0px 0px 10px 0px;
            }
            
            div#ContentArea
            {
                float: left;
                width: 100%;
                height: auto;
                margin: 0;
                padding: 0;;
            }

        div#Footer
        {
           float: left;
           clear: both;
           width: 100%;
           height: auto;
           margin: 0;
           padding: 0px; 
           background-color: #410346;
           text-align: center;
           font-size: 0.7em;
           color: #fff;
        }


       div#Footer a
        { color: #fff;}

.searchField{width: 160px; margin:0; padding: 0;}
.usernameField{width: 140px; margin:0; padding: 0;}
.passwordField{ width: 140px; margin:0; padding: 0;}

.submitButton
{position: relative; left: -10px; float: right; border:0; margin:5px; color: #fff; background-color: #410346;}


/* Homepages */

#StoryBlock
{position: relative;
float: left;
width: 570px;
height: auto;
margin: 0;
padding: 0;
background:url(/assets/uploads/1newsdividers.gif) repeat-y;}

#StoryBlock ul
{
list-style: none;
margin: 0;
padding: 0;
}

.Story1
{
position: relative;
float: left;
width: 160px;
height: auto;
margin: 0;
padding: 0 20px;
}

.Story2
{
position: relative;
float: left;
left: 10px;
width: 150px;
height: auto;
margin: 0;
padding: 0 20px 0 10px;
}

.Story3
{
position: relative;
left: 20px;
float: left;
width: 160px;
height: auto;
margin: 0;
padding: 0 10px;
}

#StoryBlock h3
{
font-size: 0.8em;
}

#StoryBlock a
{
text-decoration: none;
}


#StoryBlock .Description
{
font-size: 0.8em;
}