body
{
    color:#000000; 
    font-family: Verdana, Tahoma, Arial, Helvetica; 
    font-size: 71.25%;
	margin:0px 0px 0px 0px;
}

/* Link styles */
a:link { font-size: 1em; color: #4357A5;  text-decoration: none; }
a:visited { font-size: 1em; color: #4357A5;  text-decoration: none; } 
a:active  { font-size: 1em; color: #4357A5; text-decoration: none; }
a:hover { font-size: 1em; color: #FF3300; text-decoration: none; }

.toolbar { font-size: 1em; color: #8CB4D8;  text-decoration: none; position:absolute; padding:0px 0px 4px 4px; }
a.toolbar:link { font-size: 1em; color: #8CB4D8;  text-decoration: none; position:absolute; padding:0px 0px 4px 4px; }
a.toolbar:visited { font-size: 1em; color: #8CB4D8;  text-decoration: none; position:absolute; padding:0px 0px 4px 4px; } 
a.toolbar:active  { font-size: 1em; color: #8CB4D8; text-decoration: none; position:absolute; padding:0px 0px 4px 4px; }
a.toolbar:hover { font-size: 1em; color: #FFFFFF; text-decoration: none; position:absolute; padding:0px 0px 4px 4px; }

a.menu:link { font-size: 1.1em; color: #000000;  text-decoration: none; }
a.menu:visited { font-size: 1.1em; color: #000000;  text-decoration: none; }
a.menu:active { font-size: 1.1em; color: #000000;  text-decoration: none; }
a.menu:hover { font-size: 1.1em; color: #000000; text-decoration: none; text-decoration: underline; }

a.underline:link { font-size: 1em; color: #000000;  text-decoration: none; }
a.underline:visited { font-size: 1em; color: #000000;  text-decoration: none; }
a.underline:active { font-size: 1em; color: #000000;  text-decoration: none; }
a.underline:hover { font-size: 1em; color: #000000; text-decoration: none; text-decoration: underline; }

.subtitle { font-size: 1em; color: #767A7D; text-decoration: none; }
a.subtitle:link { font-size: 1em; color: #767A7D; text-decoration: none; }
a.subtitle:visited { font-size: 1em; color: #767A7D; text-decoration: none; }
a.subtitle:active { font-size: 1em; color: #767A7D; text-decoration: none; }
a.subtitle:hover { font-size: 1em; color: #FF3300; text-decoration: none; }

.bluewhite { font-size: 1em; color: #8CB4D8;  text-decoration: none; }
a.bluewhite:link { font-size: 1em; color: #8CB4D8;  text-decoration: none; }
a.bluewhite:visited { font-size: 1em; color: #8CB4D8;  text-decoration: none; } 
a.bluewhite:active  { font-size: 1em; color: #8CB4D8; text-decoration: none; }
a.bluewhite:hover { font-size: 1em; color: #FFFFFF; text-decoration: none; }

a.table:link { font-size: 1em; color: #4357A5; text-decoration: none; }
a.table:visited { font-size: 1em; color: #4357A5; text-decoration: none; }
a.table:active { font-size: 1em; color: #4357A5; text-decoration: none; }
a.table:hover { font-size: 1em; color: #4357A5; text-decoration: none; background-color: #F4F4F4; }

/* Text styles */
.title1 { font-size: 1.2em; line-height:3.0em; }
.title2 { font-size: 1.2em; line-height:2.0em; }
.title3 { font-size: 1em; line-height:2.0em; font-weight: bold; }

.text1 { font-size: 1em; line-height:1.6em; }
.text2 { font-size: 1.1em; line-height:1.8em; }
.text1r { font-size: 1em; line-height:1.6em; text-align:right; }
.text1b { font-size: 1em; line-height:1.6em; font-weight: bold; }
.text1i { font-size: 1em; line-height:1.6em; font-style: italic; }
.text1u { font-size: 1em; line-height:1.6em; text-decoration: underline; }
.text1color { font-size: 1em; line-height:1.6em; color: #4357A5; }
.text1highlight { font-size: 1em; line-height:1.6em; color: #FF3300; }
.text1white { font-size: 1em; line-height:1.6em; color: #FFFFFF; }
.separator { color: #C5C5C5; margin:0px 4px 0px 0px; }
.highlight { color: #FFFFFF; background-color: #FF3300; padding:0px 1px 0px 1px; }

/* Table styles */
.table0 { font-size: 1em; font-weight: bold; border: solid 1px #FFFFFF; padding:0px 2px 2px 2px; }
.table1  { font-size: 1em; background-color: #F4F4F4; border: solid 1px #E8EBEC; padding:0px 2px 2px 2px; }
.table2  { font-size: 1em; background-color: #FFFFFF; border: solid 1px #FFFFFF; padding:0px 2px 2px 2px; }
.table3  { font-size: 1em; font-weight: bold; background-color: #FFFFFF; color: #4357A5; border: solid 1px #FFFFFF; padding:0px 2px 2px 2px; }
.table1x { font-size: 1em; background-color: #FFFFCC; color:#000000; border: solid 1px #E8EBEC; padding:0px 2px 2px 2px; cursor:pointer; }
.table2x { font-size: 1em; background-color: #FFFFCC; color:#000000; border: solid 1px #FFFFCC; padding:0px 2px 2px 2px; cursor:pointer; }
.table3x { font-size: 1em; background-color: #F4F4F4; color:#4357A5; padding:0px 2px 2px 3px; cursor:pointer; }

/* Special item styles */
.textbox
{
	font-family: Verdana, Tahoma, Arial, Helvetica;
    font-size: 1.0em;
    line-height:1.3em;
    height:1.3em;
   	color: #4357A5; 
    background-color: #FFFFFF;
    border: solid 1px #7F9DB9;
}
.textbox2
{
	font-family: Verdana, Tahoma, Arial, Helvetica;
    font-size: 1.0em;
    line-height:1.3em;
    height:1.3em;
   	color: #4357A5; 
    background-color: #FFFFFF;
    border: solid 1px #7F9DB9;
    margin:0px 0px 5px 0px;
}
.button
{
	font-family: Verdana, Tahoma, Arial, Helvetica;
    font-size: 1.0em;
    margin:5px 0px 0px 0px;
}
.button2
{
	font-family: Verdana, Tahoma, Arial, Helvetica;
    font-size: 1.0em;
    margin:0px 0px 5px 0px;
}
.dropdown
{
	font-family: Verdana, Tahoma, Arial, Helvetica;
    font-size: 1.0em;
   	color:#4357A5;
    background-color: #FFFFFF;
    border: solid 1px #7F9DB9;
}
.dropdown2
{
	font-family: Verdana, Tahoma, Arial, Helvetica;
    font-size: 1.0em;
   	color:#4357A5;
    background-color: #FFFFFF;
    border: solid 1px #7F9DB9;
    margin:0px 0px 5px 0px;
}
.textarea
{
	font-family: Verdana, Tahoma, Arial, Helvetica;
    font-size: 1.0em;
   	color:#4357A5;
    background-color: Transparent;
    border: solid 1px #7F9DB9;
    /*overflow: hidden;*/
}
.textarea2
{
	font-family: Verdana, Tahoma, Arial, Helvetica;
    font-size: 1.0em;
   	color:#4357A5;
    background-color: Transparent;
    border: solid 1px #7F9DB9;
    margin:0px 0px 5px 0px;
}
.browse
{
	font-family: Verdana, Tahoma, Arial, Helvetica;
    font-size: 1.0em;
    line-height:1.3em;
    height:1.7em;
   	color: #4357A5; 
    background-color: #FFFFFF;
    border: solid 1px #7F9DB9;
}
.image
{
    border: solid 1px #7F9DB9;
    margin:0px 8px 8px 0px;
}
.icon
{
    border: solid 1px #7F9DB9;
    margin:0px 1px 5px 0px;
}

/* TAB STYLE: Default layout */
.ajax__tab_default .ajax__tab_header {white-space:nowrap;}
.ajax__tab_default .ajax__tab_outer {display:-moz-inline-box;display:inline-block}
.ajax__tab_default .ajax__tab_inner {display:-moz-inline-box;display:inline-block}
.ajax__tab_default .ajax__tab_tab {margin-right:4px;overflow:hidden;text-align:center;cursor:pointer;display:-moz-inline-box;display:inline-block}

/* TAB STYLE: DR.is theme */
/* A container element that wraps all of the tabs at the top of the TabContainer. Child CSS classes:.ajax__tab_outer. */
.ajax__tab_xp2 .ajax__tab_header {font-size:12px;background:url(../img/tabs/tab-line.png) repeat-x bottom;}

/* An outer element of a tab, often used to set the left-side background image of the tab.Child CSS classes: .ajax__tab_inner. */
.ajax__tab_xp2 .ajax__tab_outer {background:url(../img/tabs/tab-right.png) no-repeat right;height:21px;}

/* An inner element of a tab, often used to set the right-side image of the tab. Child CSS classes:.ajax__tab_tab. */
.ajax__tab_xp2 .ajax__tab_inner {padding-left:3px;background:url(../img/tabs/tab-left.png) no-repeat;}

/* An element of the tab that contains the text content. Child CSS classes:none. */
.ajax__tab_xp2 .ajax__tab_tab {height:13px;padding:3px 20px 5px 20px;margin:0;background:url(../img/tabs/tab.png) repeat-x;}

/* This is applied to a tab when the mouse is hovering over. Child CSS classes:.ajax__tab_outer */
.ajax__tab_xp2 .ajax__tab_hover .ajax__tab_outer {background:url(../img/tabs/tab-hover-right.png) no-repeat right;}
.ajax__tab_xp2 .ajax__tab_hover .ajax__tab_inner {background:url(../img/tabs/tab-hover-left.png) no-repeat;}
.ajax__tab_xp2 .ajax__tab_hover .ajax__tab_tab {background:url(../img/tabs/tab-hover.png) repeat-x;}

/* This is applied to a tab when it is the currently selected tab. Child CSS classes:.ajax__tab_outer */
.ajax__tab_xp2 .ajax__tab_active .ajax__tab_outer {background:url(../img/tabs/tab-active-right.png) no-repeat right;}
.ajax__tab_xp2 .ajax__tab_active .ajax__tab_inner {background:url(../img/tabs/tab-active-left.png) no-repeat;}
.ajax__tab_xp2 .ajax__tab_active .ajax__tab_tab {background:url(../img/tabs/tab-active.png) repeat-x;}

/* A container element that wraps the area where a TabPanel is displayed. Child CSS classes: none. */
.ajax__tab_xp2 .ajax__tab_body {border:1px solid #D0D0BF;border-top:0;padding:10px 20px 20px 20px;}

/* TAB STYLE: Scrolling */
.ajax__scroll_horiz {overflow-x:scroll;}
.ajax__scroll_vert {overflow-y:scroll;}
.ajax__scroll_both {overflow:scroll}
.ajax__scroll_auto {overflow:auto}

/* Customized standard tags */
p {margin:0; padding: 0;}
ul { list-style-image: url(../img/icons/bullet_circle.png); margin-left:0px; line-height:16px; margin-top:5px; margin-bottom:10px; }
ol { margin-left:0px; }
li {  margin-bottom:4px; }
pre { font-family: Verdana, Tahoma, Arial, Helvetica; font-size: 1em; }

/* Image styles */
.newsimage { float:right; clear: right; padding:0; margin:5px 0px 5px 5px; }
.newsimage img { border: solid 1px #7F9DB9; }
.newsimage p { background-color: #E9E9E9; width:198px; text-align:left; margin:0px 0px 0px 0px; padding:2px 2px 2px 2px; }

.recreationimage { float:right; clear: right; padding:0; margin:5px 0px 0px 0px; }
.recreationimage img {  }
.recreationimage p { text-align:left; margin:0px 0px 0px 0px; padding:0; }

.forumsimage { float:left; clear: both; padding:0; margin:10px 5px 10px 0px; }
.forumsimage img { border: solid 1px #7F9DB9; }
.forumsimage p { background-color: #E9E9E9; text-align:left; margin:0px 0px 0px 0px; padding:2px 2px 2px 2px; }

/* Box with round corners and a heading legend */
.xlegend { z-index: 1; position:relative; left: 10px; top: 8px; padding: 0px 3px 0px 3px; background: #FFFFFF; }
.xtop, .xbottom { display:block; background:transparent; font-size:1px; }
.xb1, .xb2, .xb3, .xb4 { display:block; overflow:hidden; }
.xb1, .xb2, .xb3 { height:1px; }
.xb2, .xb3, .xb4 { background:white; border-left:1px solid #D0D0BF; border-right:1px solid #D0D0BF; }
.xb1 { margin:0 5px; background:#D0D0BF; }
.xb2 { margin:0 3px; border-width:0 2px; }
.xb3 { margin:0 2px; }
.xb4 { height:2px; margin:0 1px; }
.xboxcontent { display:block; border:0 solid #D0D0BF; padding: 7px 3px 5px 10px; border-width:0 1px; overflow:hidden; }
.xboxcalendar { display:block; border:0 solid #D0D0BF; padding: 5px 3px 0px 3px; border-width:0 1px; }


/* Box with round corners and a heading banner */
.ztop, .zbottom { background:transparent; display:block; font-size:1px; }
.zb1t, .zb2t, .zb3t, .zb4t { display:block; overflow:hidden; }
.zb1t, .zb2t, .zb3t { height:1px; }
.zb2t, .zb3t, .zb4t
{
    background-color:#477BAA; 
    border-left:1px solid #D0D0BF; 
    border-right:1px solid #D0D0BF; 
    background-image: url(../img/web/box_headerbackground_1.png); 
    background-position:left top; 
    background-repeat:repeat-x;
}
.zb1t { margin:0 5px; background:#D0D0BF; }
.zb2t { margin:0 3px; border-width:0 2px; }
.zb3t { margin:0 2px; }
.zb4t { height:2px; margin:0 1px; }

.zlegend 
{
    font-weight:bold;
    color:#FFFFFF;
    z-index: 1;
    position:relative; 
    left:7px; top:20px; 
    padding:0px 3px 0px 3px;
}
.zboxheader
{
    background-color:#477BAA; 
    display:block; 
    height:13px; color:#FFFFFF; font-weight:bold; 
    padding:0px 3px 2px 10px; 
    border:0 solid #D0D0BF; 
    border-width:0 1px; 
    background-image: url(../img/web/box_headerbackground_2.png); 
    background-position:left top; 
    background-repeat:repeat-x;
}
.zboxcontent
{
    background-color:#FFFFFF;
    display:block; 
    padding:7px 3px 5px 10px; 
    border:0 solid #D0D0BF; 
    border-width:0 1px; 
    overflow:hidden;
}

.zb1b, .zb2b, .zb3b, .zb4b { display:block; overflow:hidden; }
.zb1b, .zb2b, .zb3b { height:1px; }
.zb2b, .zb3b, .zb4b { background-color:#FFFFFF; border-left:1px solid #D0D0BF; border-right:1px solid #D0D0BF; }
.zb1b { margin:0 5px; background:#D0D0BF; }
.zb2b { margin:0 3px; border-width:0 2px; }
.zb3b { margin:0 2px; }
.zb4b { height:2px; margin:0 1px; }