/* ++ [[ General Rules ]] ++++++++++++++++++++++++++++++++++++++++++ */

body { font: 11pt Trebuchet MS, Tahoma, Arial, Sans-serif; color: #000; }
a { color: #333; }
a img {border: none; }
h2 { font-size: 1.8em; font-weight: normal; color: #003; font-weight: bold; text-align:left; margin: 0; padding: 0; }
h3 { font-weight: normal; color: #003; text-align: left; }

.center { text-align: center; }
.clear { clear: both; }

/* ++ [[ Layout ]] +++++++++++++++++++++++++++++++++++++++++++++++++ */

body { margin: 0; padding: 0; }
#outerwrap { width: 800px; margin: 0 auto; }
    #wrapwebsite { }
        #wrapheader { height: 170px; }
        .wrapmenu { height: 70px; }
        #wrapcenter { }
    #wrapfooter { }

.center-rightmargin { float: left; width: 533px; margin: 20px 0 0 0; }
.center-leftmargin { float: right; width: 533px; margin: 20px 0 0 0; }
.center-rightandleftmargins { float:left; width: 316px; margin: 20px 0 0 0; }
.leftside { float: left; width: 242px; margin: 10px 25px 0 0; }
.rightside { float: right; width: 242px; margin: 0 0 0 25px; }
.clear { clear: both; }
    
/* ++ [[ Content ]] ++++++++++++++++++++++++++++++++++++++++++++++++ */

body.pagebody { background: #e3f8fd url(tail-top.png) repeat-x left top; }

#wrapwebsite {  }

#outerwrap { background: transparent url(header.jpg) no-repeat left top; }

/* Administration menu */
.topnav { margin: 0;  }
.topnav ul { float: left; margin: 0; display: inline; padding: 0;}
.topnav li { float: left; list-style-type: none; padding: 0 7px; }

/* Header */
#wrapheader { }
    #wrapheader h1 { margin: 0; padding: 80px 0 0 0; text-decoration: none; color: #307f91; font-size: 20pt; }
        #wrapheader h1 a { text-decoration: none; color: #307f91; display: none; }
    #wrapheader .skiplink { display: none; }
    #wrapheader .editpanel { margin-top: 60px; }

/* Main menu */
.wrapmenu { background: transparent url(menu-bg.gif) repeat-x; }
    .wrapmenu .AspNet-Menu-Horizontal { height: 70px; background: transparent url(menu-left.gif) no-repeat; padding-left: 6px; }
    .wrapmenu ul.AspNet-Menu {
        height: 70px;
        background: transparent url(menu-right.gif) no-repeat right top;
        margin: 0 auto;
        padding: 20px 0 0 0;
        text-align: center;
    }
    .wrapmenu li.AspNet-Menu-Leaf { margin: 0; padding: 0 }
    .wrapmenu li.AspNet-Menu-Leaf a { margin: 20px 6px 0 6px; color: #0087d7; text-decoration: none; font-weight: bold; font-size: 11pt; }
    .wrapmenu li.AspNet-Menu-Leaf a:hover { border-bottom: solid 1px #0087d7; }
    .wrapmenu li.AspNet-Menu-SelectedLeaf a { border-bottom: dotted 1px #058; color:#058; }

/* Center */
#wrapcenter { text-align: justify; }

/* Footer */

#wrapfooter { width: 533px; text-align: center; font-size: 9pt; }

.footer { width: 533px; text-align: center; color: #000; font-size: 9pt; }
.footer a { color: #000; }

/* Breadcrumbs */
div.breadcrumbs { margin-top: 12px; color: #e3e3e3 }
    div.breadcrumbs a { color: #e3e3e3; text-decoration: none; }
    div.breadcrumbs a:hover { text-decoration: underline; }

/* Content */
.content { color: #193e46; font-size: 10pt; letter-spacing: normal; }
.content a { color: #193e46; }

.content h3 { font-size: 13pt; font-weight: bold; clear: both; color: #0087d7;  }
	.child-8 h3, .page-8 h3 { color: #35A40C; }
	.child-18 h3, .page-18 h3 { color: #EB8807; }
	.child-26 h3, .page-26 h3 { color: #5cfffd; }
	
.content h4 { font-size: 12pt; font-weight: bold; clear: both; }
.content h5 { font-size: 11pt; font-weight: bold; clear: both; }

h2.moduletitle { font-size: 2em; clear: both; color: #0087d7; }
    .child-8 h2.moduletitle, .page-8 h2.moduletitle { color: #35A40C; }
    /*.child-18 h2.moduletitle, .page-18 h2.moduletitle { color: #5cfffd; }*/
    .child-18 h2.moduletitle, .page-18 h2.moduletitle { color: #EB8807; }
    .child-26 h2.moduletitle, .page-26 h2.moduletitle { color: #5cfffd; }
a.ModuleEditLink { font-size: 8pt; font-variant: normal; }

.content blockquote, .blockbox { float: left; margin: 4px; padding: 4px; border: solid 1px #8bf; background-color: #fff; text-align: left; font-size: 8pt; }
.content blockquote h4, .blockbox h4 { padding: 0; margin: 0; font-size: 10pt; border-bottom: solid 1px #8bf; color: #0087d7; }
.content blockquote ul, .blockbox ul { margin: 0; padding: 0; list-style-position: inside; list-style-type: disc;}
.content blockquote ul li, .blockbox ul li { padding: 0; margin: 0;}

.page-2 blockquote { width: 245px; min-height: 245px; }
.page-5 blockquote { width: 150px; height: 150px; text-align: center;}
.page-6 blockquote { width: 245px; min-height: 245px; text-align: center;}
.page-11 blockquote { width: 245px; height: 170px; font-size: 7.5pt; }
	.page-11 blockquote h4 { color: #35A40C; }
.page-21 blockquote { float: none; font-size: 10pt; }
.page-22 .blockbox  { float: none; font-size: 10pt; }
.page-22 blockquote { width: 245px; height: 200px; font-size: 7.5pt; }
	.page-22 blockquote h4 { color: #EB8807; }
.page-23 .blockbox  { float: none; font-size: 10pt; }
.page-23 blockquote { width: 245px; height: 200px; font-size: 7.5pt; }
	.page-23 blockquote h4 { color: #EB8807; }

.page-24 .blockbox  { float: none; font-size: 10pt; }
.page-24 blockquote { width: 245px; height: 200px; font-size: 7.5pt; }
	.page-24 blockquote h4 { color: #EB8807; }
	
.page-25 .blockbox  { float: none; font-size: 10pt; }
.page-25  blockquote { width: 150px; height: 200px; font-size: 7.5pt; }
	.page-25  blockquote h4 { color: #EB8807; }
	
.page-28 .blockbox  { float: none; font-size: 10pt; }
.page-28 blockquote { width: 245px; height: 200px; font-size: 7.5pt; }
	.page-28 blockquote h4 { color: #EB8807; }

/* Blog */

.blognavright { float: right; width: 242px; margin: 0 0 0 25px; }
.blogcenter-rightnav { float: left; width: 533px; margin: 20px 0 0 0; }
h3.blogtitle { font-size: 2em; color: #0087d7; margin-bottom: 0; }
h3.blogtitle a { color: #0087d7; text-decoration: none; }
h3.blogtitle a:hover { text-decoration: underline; }
.blogdate { margin-bottom: 1em; font-style: italic; }
	
/* SideBar */
.rightside h2,
.leftside h2 { font-size: 1.1em; font-weight: bold; }

.rightside ul.linkitem {
    margin: 0 0 24px 0;
    padding: 0 0 0 24px;
    list-position: inside;
    font-size: .9em;
    color: #0087D7;
}
.rightside ul.linkitem li { color: #0087D7; }
.rightside ul.linkitem li.linkitem { }
.rightside ul.linkitem li.linkalitem { }
.rightside ul.linkitem li a { color: #0087D7; }

/* Contact Box */
a.contact-box { display: block; width: 241px; height: 43px; background-image: url(menu-block.gif); text-align: center; font-variant: small-caps; font-size: 12pt; color: #fff; text-decoration: none; margin-bottom: 24px; }
a.contact-box:hover { text-decoration: underline; }

/* Boxes */
.box { width: 241px; margin-bottom: 24px; text-align: left; }
.box h2 { height: 44px; background: transparent none no-repeat 0 24px; font-size: 11pt; font-variant: normal; margin: 0; font-weight: bold; }
.box h2 span { background: transparent none no-repeat left top; height: 32px; display: block; }
.box h2 span span,
.box h2 span a { background: transparent none no-repeat left bottom; display: block; height: 32px; padding: 12px 0 0 8px; text-decoration: none; color: #fff; }
.box .content { padding: 0; background: #fff url(box-bottom.png) no-repeat left bottom; padding-bottom: 12px; font-size: 10pt; letter-spacing:normal; }
.box .content p { margin: 0; background-color: #fff; color: #333; padding: .5em 8px; }
.box ul { background-color: #fff; padding: 0 8px 12px 8px; margin: 0 0 0 0; list-style: none none outside; }
.box li { background: transparent none no-repeat scroll 0px 7px; padding: 4px 0 4px 14px; border-bottom: solid 1px #abb; }
.box li a { text-decoration: none; color: #333; }

.box1 h2 { background-image: url(title-box1-bg.png); }
.box1 h2 span { background-image: url(title-box1-top.png); }
.box1 h2 span span,
.box1 h2 span a { background-image: url(title-box1-bottom.png); }
.box1 h2.closed span span,
.box1 h2.closed span a { background-image: url(title-box1-closed.png); }
.box1 li { background-image: url(marker-box1.gif); }

.box2 h2 { background-image: url(title-box2-bg.png); }
.box2 h2 span { background-image: url(title-box2-top.png); }
.box2 h2 span span,
.box2 h2 span a { background-image: url(title-box2-bottom.png); }
.box2 h2.closed span span,
.box2 h2.closed span a { background-image: url(title-box2-closed.png); }
.box2 li { background-image: url(marker-box2.gif); }

.box3 h2 { background-image: url(title-box3-bg.png); }
.box3 h2 span { background-image: url(title-box3-top.png); }
.box3 h2 span span,
.box3 h2 span a { background-image: url(title-box3-bottom.png); }
.box3 h2.closed span span,
.box3 h2.closed span a { background-image: url(title-box3-closed.png); }
.box3 li { background-image: url(marker-box3.gif); }

/* forms */

fieldset { margin: 0; padding: 0; border: none; color: #000; }
.settinglabel { float:left; clear:left; width:20em; padding: 1px; }
.settinglabelFixedHeight {float:left; clear:left; width:20em; padding: 1px; height:77px;}
.settingrow { padding: 4px 0px 4px 0px; clear:left; }
.modulebuttonrow {clear: left; }
.div2columnleft { float: left; width: 350px;  padding: 1px;  }
.div2columnright { margin: 0px 0px 0px 305px;  padding: 1px; }

/* Settings */
.pagesettings { color: #000; }

/* Admin */

div.admin { background-color: #fff; padding: 4px; }

div.admin fieldset legend { margin-bottom: 1em; }

/*
div.breadcrumbs,
div.breadcrumbs a { color: #333; }
*/

div.admin .AspNet-GridView table { border-collapse: collapse; }
div.admin .AspNet-GridView td,
div.admin .AspNet-GridView th { border: solid 1px #aaa; padding: 2px; }
div.admin .AspNet-GridView th { background: #aaa; }