/*global default styling*/

body
{   font: 12px "Lucida Sans", Arial;
    color: #000000; 
    background-color: #FFFFFF;
    border-style: solid;
    border-width: 20px;
    border-color: navy;
    vertical-align: top;
    text-align:left;    
}
table
{   vertical-align: top;
    text-align:left;
}
td
{   vertical-align: top;
    text-align:left;
}
h1
{   font-size:30px;
    font-weight: bold;    
}
h2
{   font-size:17px;
    font-weight: bold;
}
h3
{   font-size:14px;
    font-weight: bold;    
}
h4
{   font-size:11px;
    font-weight: bold;    
}
img
{   border: none;    
}
a
{   color: navy;
    text-decoration: underline;
}
a:hover
{   color: maroon;
    text-decoration: underline;
}

p.footer
{   margin-bottom: -30px;
}    

/*masterpage styling*/
.masterbody
{   background-color: #CCCCCC;
    background-image: url(images/ridges_blue.jpg);
    background-repeat: repeat;
    border-style: none;
    border-width: 20px;
    border-color: navy;
}
.masterpage
{   width: 90%; 
    margin: 0 auto; 
    background: white; 
}
.mastertable
{   background-color: white;
    border-style: solid;
    border-width: 1px;
    border-color: navy; 
}    
div.menu
{   width: 150px;
    background-color: #d1d8e5;
    margin-top: 18px;
    padding-bottom: 20px;
}    
div.news
{   width: 150px;
    background-color: #d1d8e5;
    margin-top: 0px;
    padding-bottom: 20px;
}
div.main
{   position: relative;
}
div.edit
{   position: relative;
	width: auto;
	height: 560px;
}


/*web control styling*/
div.footer
{   background-color: white;
    color: Navy;
    width: 100%; 
    height: 100%;
}
div.headerdiv
{   
	background-color: #d1d8e5;*/
    width: 100%; 
}
div.menutopdiv
{   text-align: right;
	background-color: #d1d8e5;
    width: 100%; 
}
div.headerlogo
{   font: 36px "Arial", Arial;
    color: maroon;
    vertical-align: middle;
}
div.footer
{   width: 100%; 
}



/**/
.mainmargins
{   position: relative;
    margin: 10px 10px 10px 10px;
}    
.attention /**/
{   color:maroon;
    font-weight: bold;
    padding: 2px;
    background-color: Yellow;
    border: 2px;
    border-style: solid;
    border-color: maroon;
}
cite.date /*general dates*/
{   vertical-align: top;
    color: #000040;
    font-size: 10px;
    font-style: normal;
    text-align: left;
    color: navy;
}
cite.caption /*general caption for images*/
{   display: inline-block;
    vertical-align: top;
    color: #000040;
    font-size: 10px;
    font-style: normal;
    text-align: left;
    color: black;
}

.topleft {vertical-align: top; text-align: left; float:left;}
.topright {vertical-align: top; text-align: right; float:right;}
.bottomleft {vertical-align: bottom; text-align: left; float:left;}
.bottomright {vertical-align: bottom; text-align: right; float:right;}
.topcenter {vertical-align: top; text-align: center;}
.bottomcenter {vertical-align: bottom; text-align: center;}
.leftcenter {vertical-align: middle; text-align: left;}
.rightcenter {vertical-align: middle; text-align: right;}
.pleft {vertical-align: top; text-align: left; float:left;}
.pright {vertical-align: top; text-align: right; float:right;}




/*menu styling*/
span.menuvertical ul
{   font-weight: bold;
    color: Navy;
    margin-top: 10px;
    margin-left: 10px;
    margin-bottom: 8px;
}
span.menuvertical li
{   font-weight: normal;
    list-style: none;
    margin-bottom: 4px;
    margin-left: 10px;
}
span.menuvertical a
{   color : Navy;
    text-decoration: none;
} 
span.menuvertical a:hover
{   color : white;
    background-color: Navy;
    text-decoration: none;
} 




/*content editing stylings*/
span.edit
{   display: block;
    border-style: solid;
    border-width: 1px;
    border-color: Orange;
}
span.edithidden
{   display: block;
    border-style: solid;
    border-width: 1px;
    border-color: black;
    background-color: #cdcdcd;
}
span.contentcontrols
{   display: block;
    text-align: right;
    background-color: orange;
    color: Black;
    border-style: solid;
    border-width: 0px;
    width: 100%;
}
span.contentcontrols a
{   color: navy;
    background-color: orange;
    text-decoration: none;
}
span.contentcontrols a:hover
{   color: white;
    background-color: navy;
    text-decoration: none;
}



/*generic content*/
span.content
{   display: block;
    vertical-align: top;
    margin-left: 15px;
    margin-right: 15px;
    border: 0 0 0 0;
    border: none;
}
span.content h1 /*title*/
{   margin-top: 10px;    
    color: maroon;
    font: bold 24px "Arial", "Lucida Sans", "Lucida Sans Unicode", sans-serif, arial;
    width: 90%;
}
span.content h2 /*heading*/
{   margin-top: 10px;    
    color: navy;
    font: bold 18px "Arial", "Lucida Sans", "Lucida Sans Unicode", sans-serif, arial;
    border-bottom: 1px solid #B5AA8C;
}
span.content h3/*subheading*/
{   margin-top: 10px;    
    margin-bottom: 0px;
    font: bold 12px "Arial", "Lucida Sans", "Lucida Sans Unicode", sans-serif, arial;
}
span.content table
{   display: inline-block;
}
span.content img
{   display: inline-block;
    margin-left: -3px;
}
span.contenttext
{   display: block;
    vertical-align: top;
}
span.content p
{   margin-top: 0px;
    margin-left: 1px;
    margin-bottom: 10px;
    text-indent: 0px;
}





/* news content stylings */
span.news /*contains one complete news content record*/
{   margin-left: 10px; 
    margin-right: 10px;
    display: block;
    vertical-align: top;
}
span.news h1 /*title*/
{   margin-top: 15px;    
    color: navy;
    font: bold 24px "Arial", "Lucida Sans", "Lucida Sans Unicode", sans-serif, arial;
    width: 90%;
}
span.news h2 /*heading*/
{   margin-top: 20px;    
    margin-bottom: 10px; 
    color: maroon;
    font: bold 18px "Arial", "Lucida Sans", "Lucida Sans Unicode", sans-serif, arial;
    border-bottom: 1px solid #B5AA8C;
}
span.news h3 /*subheading*/
{   margin-top: 12px;
    margin-bottom: 0px;
    color: #cc6600;
    font: 14px "Arial", "Lucida Sans", "Lucida Sans Unicode", sans-serif, arial;
    width: 100%;
}
span.news table /*contains one img and one cite element*/
{   margin-left: -3px;
    display: inline-block;
}
span.news img /*thumbnail sizes an image for display in news column*/
{   border-color: #d1d8e5;
    border: 1 1 1 1;
    border: none;
    width: 75px;
    display: inline-block;
}
span.news p /*text content for the news bullet*/
{   color: navy;
    margin-top: 0px;
    margin-bottom: 20px;
}






/*service stylings*/
.service
{   width: 100%; 
}
.servicecategory
{   list-style-type: none;
    font-weight: bold;
    padding-top: 10px;
    padding-left: 10px;
    display:block;
    width: 60%; 
    margin-top: 10px;
}
.servicedescription
{   list-style-type: none;
    text-align: left; 
    font-weight: normal;
    display: block;
    padding-left: 15px;
}
.serviceunitcost
{   list-style-type: none;
    text-align: right; 
    padding-left: 0px;
    font-weight: normal;
    display: block;
}