@charset "UTF-8";
/* CSS Document */


html, body#Body {
margin: 0px auto;
}

html, #brighton_body {
background: #000000 url(/Portals/53329/images/blue-back.jpg) !important;
background-repeat: repeat-x !important;
margin: 0px auto !important;
line-height: 120% !important;
font-size:12px !important;

}

a:link {
    text-decoration: none !important;
    color: #03519f !important;
    font-weight: bold !important;
}
a:visited {
    text-decoration: none !important;
    color: #03519f !important;
    font-weight: bold !important;
}
a:hover {
    text-decoration: none !important;
    color: #669900 !important;
    font-weight: bold !important;
}
a:active {
    text-decoration: none !important;
    color: #03519f !important;
    font-weight: bold !important;
}


/* headers */
h1 {
	font-family: Georgia, Times, serif; 
	font-size: 18px !important;
	color: #003366;
	font-weight: normal;
	padding: 0px;
        margin: 0px; 
}

h2 {
	font-family: Georgia, Times, serif; 
	font-size: 18px !important;
	color: #000000;
	font-weight: normal;
        padding: 0px 0px 5px 24px !important;
        margin: 0px 0px 10px 0px;
	background-image: url(/Portals/53329/images/circle-green.png);
	background-repeat: no-repeat;
	border-top: 2px dotted #034d99; 
	border-bottom: 2px dotted #034d99; 
        line-height:145% !important; 
}
h3 {
	font-family: Georgia, Times, serif; 
 	font-size: 14px !important;
 	color: #034d99 !important;
 	font-weight: normal !important;
 	padding: 0px; 
 	margin: 0px;
}

h4 {
	font-family: Georgia, Times, serif; 
 	font-size: 13px !important;
 	color: #669900 !important; 
 	font-weight: bold !important;
 	padding: 0px; 
 	margin: 0px; 
}

h5 {
	font-family: Georgia, Times, serif; 
 	font-size: 13px !important;
 	color: #034d99 !important; 
 	font-weight: bold !important;
 	/* padding: 0px 5px 5px 5px; */
 	margin:0px;
 	/* border: 3px double #cccccc; */  
}

h6 {
	font-family: Georgia, Times, serif; 
	font-size: 10px;
	font-weight: bold;
	color: #333333;
	text-transform: uppercase;
	padding: 0px; 
        margin: 0px;  
}

.headline {
	font-family: Georgia, Times, serif; 
	font-size: 18px !important;
	color: #000000;
	font-weight: normal;
        padding: 5px 0px 10px 24px !important;
        margin: 0px 0px 10px 0px;
	background-image: url(/Portals/53329/images/circle-green.png);
	background-repeat: no-repeat; 
}

.intro {
	font-family: Georgia, Times, serif; 
	font-size: 18px !important;
	color: #003366;
	font-weight: normal;
        line-height: 100% !important;
	padding: 0px;
        margin: 0px; 
}





/* list */
ul#caps { 
    list-style-type: upper-alpha; 
    list-style-position: outside;
}
ul#lowercase { 
    list-style-type: lower-alpha; 
    list-style-position: outside;
}
ul#arrow { 
     list-style-position: inside; 
     list-style-image:url(/Portals/53329/images/arrow-green.png);
     margin-left:27px;

}
ul#tab-panels-arrow { 
     list-style-position: outside !important; 
     list-style-image:url(/Portals/53329/images/arrow-green2.png);
      margin-left:17px !important;
     *margin-left:10px !important;
}
ul#tab-panels-arrow li, ul#tab-panels-arrow2 li, ul#arrow li { 
    *padding-left:10px !important;
}
ul#tab-panels-arrow2 { 
     list-style-position: inside; 
     list-style-image:url(/Portals/53329/images/arrow-green2.png);
     *padding-left:10px !important;
}
ol#numbers { 
     list-style-position: outside; 
     list-style-type: decimal;
     margin-left: 20px;
}



#brighton_menu {  
	position: relative;
	font-family: Georgia, Times, serif; 
	font-weight: normal;
	font-size: 10px;
	background-color: #ffffff !important;
	border-top: 1px #666666 dotted;
	border-bottom: 1px #666666 dotted;
    overflow: hidden;
    padding: 0px !important;
	clear: both;
}

#brighton_menu a:link, #brighton_menu a:active, #brighton_menu a:visited {  
	position: relative;
	padding: 0px;
	font-family: Georgia, Times, serif;
	font-weight: normal;
	font-size: 10px;
	font-style: italic;
	border-right: 1px #666666 dotted;
	background-color: #ffffff !important;
}
#brighton_menu a:hover {  
	position: relative;
 	font-family: Georgia, Times, serif;
	font-weight: normal;
	font-size: 10px;
	font-style: italic;
	border-right: 1px #666666 dotted;
	background-color: #ffffff !important;
}


/* font settings */
.bracket {
	font-family: Georgia, Times, serif; 
	color: #000000; 
	font-weight: bold;
	padding: 0px 5px 0px 5px;
}
.date {
	font-family: Georgia, Times, serif; 
	font-style: italic; 
	color: #669900;
}



#brighton_sub-menu {
 display:none !important;
}

#brighton_one-column {
        display: block !important;
}
#brighton_one-column, #brighton_two-column, #brighton_two-column-right, #brighton_three-column {
        padding-top:0px;
}
#brighton_one-column #brighton_col2 {
      width:100%;
}

/* side columns font size */
#brighton_content div.block {
      font-size: 1.1em !important;
}


/* one column */

#brighton_one-column #brighton_col2 {
    color:#333;
    background-color:#ffffff;
    border-left:10px solid #dddddd;
    margin-bottom: 10px;
    margin-top: 10px;
    width:98% !important;
}

/* two column */

#brighton_two-column-right {
	color: #555555;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}
#brighton_content {
	background-color: #dddddd !important;
}
#brighton_col1 {
    color:#333;
    background-color:#ffffff;
    border-left:10px solid #dddddd;
    border-top:10px solid #dddddd;
    width:24% !important;
    margin-bottom: 10px;
}
#brighton_two-column #brighton_col1 {
    width:48.5% !important; 
    color:#333;
    background-color:#ffffff;
    font-size:.9em !important;
    border-left:10px solid #dddddd;
    margin-bottom: 10px;
}
#brighton_two-column #brighton_col2 {
    width:48.5% !important; 
    color:#333;
    background-color:#ffffff;
    font-size:.9em !important;
    border-left:10px solid #dddddd;
    margin-bottom: 10px !important;
    margin-top:10px; 
}
#brighton_two-column #brighton_col1 h5, #brighton_two-column #brighton_col2 h5 {
    border-top:1px dotted #034d99;
    padding-top:5px;
}

#brighton_two-column-right #brighton_col2 {
    color:#333;
    background-color:#ffffff;
    border-left:10px solid #dddddd;
    border-right:10px solid #dddddd;
    width:72% !important; 
    margin-bottom: 10px;
    margin-top:10px;
}
#brighton_two-column #brighton_col2 {
    *margin-bottom:10px;
}
#brighton_three-column #brighton_col2 {
    color:#333;
    background-color:#ffffff;
    font-size:.9em !important;
    width:47.9% !important;
    border-top:10px solid #dddddd;
    margin-top:0px;
    margin-bottom: 10px;
}
#brighton_col3 {
     color:#333;
     background-color:#ffffff;
    border-right:10px solid #dddddd;
    border-top:10px solid #dddddd;
    width:24% !important;
    margin-bottom: 10px;
}

#brighton_col1 div.block div.pad, #brighton_col3 div.block div.pad {
     background-color:#ffffff !important;
     margin:0px !important;
}
#brighton_col2 h1 {
       margin:0px ;
       padding:0px;
}
#brighton_col2 h2 {
       color:#000000 !important;
       background-color:#ffffff !important;
}
#brighton_col2 p {
    font-size:12px !important;
}
#brighton_col2 {
    font-size:12px !important;
height:100%;
}
#brighton_col2 li {
    font-size:12px !important;
}
#brighton_col1 h2, #brighton_col3 h2 {
margin:10px 0;
}


#brighton_content #brighton_col1 div.block div.pad, #brighton_content #brighton_col3 div.block div.pad {
display:block;
padding:0 20px 8px;
}

#brighton_content div.block p {
    font-size: 12px !important;
}
#brighton_content div.block {
    margin:0 0 10px !important;
}
#brighton_content #brighton_three-column #col3 div.block p, 
#brighton_content #brighton_three-column #col1 div.block p {
    font-size: 12px !important;
}



/* This is for the background color in col1 */
#brighton_col1 div.block div.pad, #brighton_col2 div.block div.pad {
    background-color:none !important;
}

#homepage-image {
    position: relative !important;
    float: left !important;
    width: 110px !important;
    height: 230px !important;
    z-index:50;
}
#homepage-text {
    position: relative !important;
    float: left !important;
    width: 180px !important;
    height: 240px !important;

}
#dnn__ctl2_ContentPane {
     position:relative;
     /*padding:0px 10px 0px 27px;*/
     margin-top: 0px;
    *margin-left: -10px;
    *margin-right: 10px;
     background-color:#FFFFFF;
}


#split3 {
position:relative;
width:950px;
height:310px;
padding:0px;
background-color:#dddddd;
font-size:12px;
left:-9px; 
border-top:1px dotted #666;
margin-left:-10px;
margin-bottom:10px;
clear:both;
}
#split3-1 {
	position: relative;
    float: left;
    width: 296px;
    height: 310px;
    padding: 0px 10px 10px ;
    background-color: #ffffff;
    border-right: 1px dotted #666666;
    font-size:11px;
}
#split3-2 {
position: relative;
    float: left;
    width: 296px;
    height: 310px;
    padding: 0px 10px 10px;
    background-color: #ffffff;
    border-right: 1px dotted #666666;
    font-size:11px;
}
#split3-3 {
	position: relative;
    float: left;
    width: 296px;
    height: 310px;
    padding: 0px 10px 10px ;
    background-color: #ffffff;
    font-size:11px;
}





#brighton_footer {
        position:relative;
	margin: 10px auto 0px !important;
	font-family: Georgia, Times, serif !important;
	font-weight: normal !important;
	height: 60px !important;
	background-color: #ffffff !important;
	border-top: 1px #ffffff solid !important;
	text-align: center !important;
        padding: 0px !important;
}
#brighton_footer a:link, #brighton_footer a:active, #brighton_footer a:visited { 
 	font-family: Georgia, Times, serif !important;
	font-weight: normal !important;
	font-style: italic !important;
}
#brighton_footer a:hover { 
	position: relative !important;
 	font-family: Georgia, Times, serif !important;
	font-weight: normal !important;
	font-style: italic !important;
}

#brighton_footer ul {
        margin:0px auto;
}
#brighton_footer ul li {
        margin:0px;
        padding-bottom:5px;
}

#brighton_footer ul li.item {
        padding: 0px 10px 0px 28px !important;
       background: #ffffff url(/Portals/53329/images/brackets.jpg) !important;
        background-repeat: no-repeat !important;
}
#dnn_INGENIMENU11__ctl0 {
        text-align:center;
}
.radmenu {
        text-align:center;
}

#brighton_footer p.copyright {
        display: none;
} 
#brighton_footer ul li.first {
        color:#ff0000;
		background: #ffffff url(/Portals/53329/images/bracket-first.jpg) !important;
        background-repeat: no-repeat !important;
}
#brighton_footer ul li.last {
        color:#ff0000; 
	background: #ffffff url(/Portals/53329/images/bracket-last.jpg) !important;
        background-repeat: no-repeat !important;
        width:60px;
}
#brighton_footer ul li a span {
        padding:5px 0px !important;
}





#wide {
    position:relative;
    float:left;
    width:94.7%;
    padding:0px;
    background-color:#ffffff;
    margin-bottom:-32px;
    font-size:12px;
    clear:right;
}

#landing {
	position: relative;
	width: 100%;
	float: both;
	height: 180px;
        background: #ffffff url(/Portals/53329/images/gray-gradient2.jpg) repeat-x !important;

}
#landingimage {
	position: absolute;
	float: left;
	width: 150px;
}
#landingtext p {
        padding-right:20px !important;
}
#landingtext {
	position: absolute;
	left: 170px;
	float: left;
	width: 497px;
        padding-top:0px !important;
        *padding-top:10px !important;
}


#landing2 {
	position: relative;
	width: 100%;
	float: both;
	height: 130px !important;
	margin-top: 10px;
	border-top: 1px solid #034d99;
}
#landingimage2 {
	position: absolute;
	float: left;
	width: 150px;
	margin-top: 10px;
}
#landingtext2 p {
        padding-right:20px !important;
}
#landingtext2 {
	position: absolute;
        padding-top:10px !important;
	left: 170px;
	float: left;
	width: 497px;
}







/* This is the labels in forms */
.ContactFormWrapper label, .CheckboxGroupContainer, div.ContactFormWrapper {
    color:#034d99 !important;
}
div.ContactFormWrapper div.CheckboxGroupContainer label {
    color:#336633 !important;
}

#gray {
     background: #ffffff url(/Portals/53329/images/gray-gradient.jpg) repeat-x !important;
     padding:10px;
}


#buttonwrap {
     border-bottom: 2px dotted #034d99;  
     margin-bottom:20px;
     width:100%;
     height:80px;
     position:relative;
     clear:right;
}

#button {
     border:3px double #666666;
     padding:5px 10px;
     text-align:center;
     margin-bottom:10px;
}
#button2 {
    -webkit-border-radius: 11px;
    -moz-border-radius: 11px;
    border-radius: 11px;
    background: #ffffff url(/Portals/53329/images/call-background.jpg) repeat-x !important;
    border: 1px solid #00ccff;
    color: #fff;
    padding-top: 12px !important;
    position: relative;
    height:30px;
    text-align: center;
    margin-top:10px;
}
#button2 a { 
    color:#fff !important;
}
#button2 a:hover {
    color: #669900 !important;
}
#button3 {
    -webkit-border-radius: 11px;
    -moz-border-radius: 11px;
    border-radius: 11px;
    background: #ffffff !important;
    border: 3px double #999999;
    color: #333;
    padding-top: 2px !important;
    padding-bottom: 3px !important;
    position: relative;
    text-align: center;
    margin-top:10px;
    letter-spacing:1px;
    font-size:.9em;
}
#button3 a { 
    color: #03519f !important;
    font-weight:bold !important;
}
#button3 a:hover {
    color: #669900 !important;
    font-weight:bold !important;
}







/* fonts */

.dbluelarge {
	font-family: Georgia, Times, serif; 
	font-size: 72px !important;
	color: #003366;
	font-weight: normal;
}
.blue {
     color:#034d99;
     font-weight:normal;
}
.green {
     color:#3f7b02;
     font-weight:normal;
}

.whitebold {
     color:#ffffff;
     font-weight:bold;
}
.bluebold {
     color:#034d99;
     font-weight:bold;
}
.greenbold {
     color:#3f7b02;
     font-weight:bold;
}

.blackbold {
     color:#000000;
     font-weight:bold;
}
.graybold {
     color:#666666;
     font-weight:bold;
}
.asterik {
     color:#ff0000;
     font-family:Arial, Helvetica, sans-serif;
     font-weight:bold;
     baseline-shift: super;
}
.chart {
     font-size:10px;
     font-family:Arial, Helvetica, sans-serif;
     font-weight:bold;
     color:#000000;
}



/* Timeline */

.timeline {
    background: #ffffff url(/Portals/53329/images/gray-gradient.jpg) repeat-x !important;
}
ul.events {
    list-style-type: none;
    margin: 0;
    padding: 10px 10px 20px !important;
}

ul.events li {
    -webkit-border-radius: 11px;
    -moz-border-radius: 11px;
    border-radius: 11px;
    background: #ffffff !important;
    border: 1px solid #ccc;
    color: #333333;
    margin-bottom: 6px !important;
    padding: 10px !important;
    position: relative;
    text-align: left;
    list-style-type: none;
}

ul.events li em {
    color: #aaa;
    font-weight: normal;
    font-size: 0.9em;
}

ul.intervals {
    list-style-type: none;
    padding: 0;
    display: block;
    border-top: 1px solid #034d99;
    margin-bottom: 50px !important;
}

/* The width depends on the number of intervals. For example 100 / 7 = 14.29% -- then subtract a little bit for room for the borders */
ul.intervals li {
    border-right: 1px dotted #034d99;
    list-style-type: none !important;
    color: #669900;
    float: left;
    font-size: 14px !important;
    font-family:Georgia, Times, serif;
    margin: 0;
    padding: 15px 0;
    text-align: center;
    width: 14.17%;
}

ul.intervals li.first {
    border-left: 1px solid #034d99;
}
ul.intervals li.last {
    border-right: 1px solid #034d99;
}








/* tabbed panels  */
.TabbedPanels {
	margin: 0px;
	padding: 0px;
	float: left;
	clear: none;
	width: 100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
}

/* The TabGroup container */
.TabbedPanelsTabGroup {
	margin: 0px !important;
	padding: 0px;
}

/* This container houses the title for the panel. This is also the tab "button" that the user clicks
 * on to activate the corresponding content panel so that it appears on top
 * of the other tabbed panels contained in the widget.
 */
.TabbedPanelsTab {
	position: relative;
	top: 1px;
	float: left;
	padding: 4px 7px !important;
	margin: 0px 2px 0px 0px !important;
	font: normal 0.7em sans-serif;
        background-image: url(/Portals/53329/images/tab-button.png) !important;
	list-style: none;
	border-left: solid 0px #034d99;
	border-bottom: solid 0px #034d99;
	border-top: solid 0px #022e5c;
	border-right: solid 1px #000000;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
        color:#ffffff !important;
height:auto !important;
}

/* tab hover */
.TabbedPanelsTabHover {
	background-color: #ffffff;
        color:#000000 !important;
}

/* This selector is an example of how to change the appearance of a tab button
 * container after the user has clicked on it to activate a content panel.
 * The class "TabbedPanelsTabSelected" is programatically added and removed
 * from the tab element as the user clicks on the tab button containers in
 * the widget.
 *
 * As mentioned above, for our default style, tab buttons are positioned
 * 1 pixel down from where it would normally render. When the tab button is
 * selected, we change its bottom border to match the background color of the
 * content panel so that it looks like the tab is part of the content panel.
 */
.TabbedPanelsTabSelected {
        background-image: url(/Portals/53329/images/tab-button2.png) !important;
	background-color: #none !important;
	border-bottom: 1px solid #034c98;
        color:#99cc33 !important;
}

/* This selector is an example of how to make a link inside of a tab button
 * look like normal text. Users may want to use links inside of a tab button
 * so that when it gets focus, the text *inside* the tab button gets a focus
 * ring around it, instead of the focus ring around the entire tab.
 */
.TabbedPanelsTab a {
	color: #034d99 !important;
	text-decoration: none;
	outline: none !important;
}

/* This is the selector for the ContentGroup. The ContentGroup container houses
 * all of the content panels for each tabbed panel in the widget. For our
 * default style, this container provides the background color and borders that
 * surround the content.
 *
 * The name of the class ("TabbedPanelsContentGroup") used in this selector is
 * not necessary to make the widget function. You can use any class name you
 * want to style the ContentGroup container.
 */
.TabbedPanelsContentGroup {
	clear: both;
	border-left: solid 0px #CCC;
	border-bottom: solid 0px #CCC;
	border-top: solid 1px #fff;
	border-right: solid 0px #999;
        background: #022f5d url(/Portals/53329/images/tab-content-background.jpg) repeat-x !important;
}

/* This is the selector for the Content panel. The Content panel holds the
 * content for a single tabbed panel. For our default style, this container
 * provides some padding, so that the content is not pushed up against the
 * widget borders.
 *
 * The name of the class ("TabbedPanelsContent") used in this selector is
 * not necessary to make the widget function. You can use any class name you
 * want to style the Content container.
 */
.TabbedPanelsContent {
	padding: 0px 20px 20px;
}

/* This selector is an example of how to change the appearnce of the currently
 * active container panel. The class "TabbedPanelsContentVisible" is
 * programatically added and removed from the content element as the panel
 * is activated/deactivated.
 */
.TabbedPanelsContentVisible {
}

/* Vertical Tabbed Panels
 *
 * The following rules override some of the default rules above so that the
 * TabbedPanels widget renders with its tab buttons along the left side of
 * the currently active content panel.
 *
 * With the rules defined below, the only change that will have to be made
 * to switch a horizontal tabbed panels widget to a vertical tabbed panels
 * widget, is to use the "VTabbedPanels" class on the top-level widget
 * container element, instead of "TabbedPanels".
 */

/* This selector floats the TabGroup so that the tab buttons it contains
 * render to the left of the active content panel. A border is drawn around
 * the group container to make it look like a list container.
 */
.VTabbedPanels .TabbedPanelsTabGroup {
	float: left;
	width: 115px;
	height: 20em;
	position: relative;
	border-top: solid 0px #999;
	border-right: solid 0px #999;
	border-left: solid 0px #CCC;
	border-bottom: solid 0px #CCC;
        text-transform:uppercase;
        font-size:10px !important;
        font-family:Arial, Helvetica, sans-serif;
}

/* This selector disables the float property that is placed on each tab button
 * by the default TabbedPanelsTab selector rule above. It also draws a bottom
 * border for the tab. The tab button will get its left and right border from
 * the TabGroup, and its top border from the TabGroup or tab button above it.
 */
.VTabbedPanels .TabbedPanelsTab {
	float: none;
	margin: 0px;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: solid 1px #FFF;
        line-height:100% !important;
        font-size:10px !important;
}

/* This selector disables the float property that is placed on each tab button
 * by the default TabbedPanelsTab selector rule above. It also draws a bottom
 * border for the tab. The tab button will get its left and right border from
 * the TabGroup, and its top border from the TabGroup or tab button above it.
 */
.VTabbedPanels .TabbedPanelsTabSelected {
	background-color: #EEE !important;
	border-bottom: solid 1px #ffffff;
}

/* This selector floats the content panels for the widget so that they
 * render to the right of the tabbed buttons.
 */
.VTabbedPanels .TabbedPanelsContentGroup {
	clear: none;
	float: left;
	padding: 0px;
	width: 550px;
}
















/* map */

#map {position:relative; margin:0; width:667px; height:300px;}
#map ul {padding:0; margin:0; list-style:none; position:absolute; top:0; left:0;}
#map ul li {
	position:absolute;
	display:block;
	cursor:pointer;
	background:url(/Portals/53329/images/transparent.gif);
	background-image: url(/Portals/53329/images/transparent.gif);
}
#map ul li.dimension1 {width:100px; height:100px; top:131px; left:33px;}
#map ul li.dimension2 {width:155px;height:40px;top:207px;left:134px;}
#map ul li.dimension3 {width:150px; height:30px; top:132px; left:206px;}
#map ul li.dimension4 {width:155px; height:50px; top:207px; left:315px;}
#map ul li.dimension5 {width:150px;height:40px;top:132px;left:380px;}
#map ul li.dimension6 {width:165px;height:50px;top:207px;left:483px;}
#map ul li.dimension7 {width:100px;height:100px;top:132px;left:543px;}


#map ul li:hover {z-index:300;}
#map ul li.click {z-index:500;}

#map ul li:hover.dimension1 {background:url(/Portals/53329/images/hexagon-yellow.jpg) no-repeat;}
#map ul li:hover.dimension2 {background:url(/Portals/53329/images/hexagon-yellow2.jpg) no-repeat;}
#map ul li:hover.dimension3 {background:url(/Portals/53329/images/hexagon-yellow3.jpg) no-repeat;}
#map ul li:hover.dimension4 {background:url(/Portals/53329/images/hexagon-yellow4.jpg) no-repeat;}
#map ul li:hover.dimension5 {background:url(/Portals/53329/images/hexagon-yellow5.jpg) no-repeat;}
#map ul li:hover.dimension6 {background:url(/Portals/53329/images/hexagon-yellow6.jpg) no-repeat;}
#map ul li:hover.dimension7 {background:url(/Portals/53329/images/hexagon-yellow7.jpg) no-repeat;}

#map ul li .node {visibility:hidden;}

#map ul li.click .node {visibility:visible;}

/* For IE7 to keep the :hover over .node - goodness knows why? */
#map ul li.click .node {background:url(/Portals/53329/images/transparent.gif);}

.node {display:block; position:absolute; height:auto; text-align:left;}

/* This is the tool-tip */
.dimension1 .node {left:40px; top:-96px; width:550px;}
.dimension2 .node { left:-106px; top:-219px; width:590px;}
.dimension3 .node {left:37px; top:-120px; width:390px;}
.dimension4 .node {left:-300px; top:-219px; width:620px;}
.dimension5 .node {left:-370px; top:-115px; width:340px;}
.dimension6 .node {left:-475px; top:-180px; width:445px;}
.dimension7 .node {left:-535px; top:-100px; width:505px;}

.node h1, .node p {margin:0 10px;}
.node p {padding-bottom:0.5em; color:#333; font-size:12px; text-align:left;}
.node {background: transparent; margin:1em;}


.xb1, .xb2, .xb3, .xb4, .xb5, .xb6, .xb7 {display:block; font-size:0; overflow:hidden;}
.xb1, .xb2, .xb3, .xb4, .xb5, .xb6 {height:1px;}
.xb4, .xb5, .xb6, .xb7 {background:#000000; border-left:1px solid #000; border-right:1px solid #000;}
.xb1 {margin:0 8px; background:#000000;}
.xb2 {margin:0 6px; background:#000000;}
.xb3 {margin:0 4px; background:#000000;}
.xb4 {margin:0 3px; background:#ffffff; border-width:0 5px;}
.xb5 {margin:0 2px; background:#ffffff; border-width:0 4px;}
.xb6 {margin:0 2px; background:#ffffff; border-width:0 3px;} 
.xb7 {margin:0 1px; background:#ffffff; border-width:0 3px; height:2px;} 

.xboxcontent {display:block; background:#ffffff; border:3px solid #000; border-width:0px 3px;font-size:12px;line-height:120%; border-top:3px solid #000000;}
.xboxcontent a, .xboxcontent a:visited { }

#map ul li.click .node .xboxcontent a:hover {color:#690;}

.node em.point_top {display:block; font-size:0; width:25px; height:14px; background:url(/Portals/53329/images/point.gif) center top; position:absolute; left:50px; top:3px;}

.node em.point_top2 {display:block; font-size:0; width:25px; height:14px; background:url(/Portals/53329/images/point.gif) center top; position:absolute; left:320px; top:3px;}


.node em.point_top3 {display:block; font-size:0; width:25px; height:14px; background:url(/Portals/53329/images/point.gif) center top; position:absolute; left:447px; top:3px;}

.node em.point_bottom {display:block; font-size:0; width:25px; height:14px; background:url(/Portals/53329/images/point.gif) center bottom; position:absolute; right:302px; bottom:-11px;}
/* for IE5.5 */
* html .node em.point_bottom {bottom:-12px;}

.node em.point_bottom2 {display:block; font-size:0; width:25px; height:14px; background:url(/Portals/53329/images/point.gif) center bottom; position:absolute; left:98px; bottom:-11px;}
/* for IE5.5 */
* html .node em.point_bottom2 {bottom:-12px;}

.node em.point_bottom3 {display:block; font-size:0; width:25px; height:14px; background:url(/Portals/53329/images/point.gif) center bottom; position:absolute; left:98px; bottom:-11px;}
/* for IE5.5 */
* html .node em.point_bottom2 {bottom:-12px;}


.node em.point_left {display:block; font-size:0; width:14px; height:25px; background:url(/Portals/53329/images/point.gif) left center; position:absolute; left:-11px; top:87px;}

.node em.point_left2 {display:block; font-size:0; width:14px; height:25px; background:url(/Portals/53329/images/point.gif) left center; position:absolute; left:-11px; top:108px;}

.node em.point_left3 {display:block; font-size:0; width:14px; height:25px; background:url(/Portals/53329/images/point.gif) left center; position:absolute; left:-11px; top:159px;}

.node em.point_right {display:block; font-size:0; width:14px; height:25px; background:url(/Portals/53329/images/point.gif) right center; position:absolute; right:-11px; top:105px;}
/* for IE5.5 */
* html .node em.point_right {right:-12px; ri\ght:-11px;}

.node em.point_right2 {display:block; font-size:0; width:14px; height:25px; background:url(/Portals/53329/images/point.gif) right center; position:absolute; right:-11px; top:170px;}
/* for IE5.5 */
* html .node em.point_right2 {right:-12px; ri\ght:-11px;}

.node em.point_right3 {display:block; font-size:0; width:14px; height:25px; background:url(/Portals/53329/images/point.gif) right center; position:absolute; right:-11px; top:90px;}
/* for IE5.5 */
* html .node em.point_right2 {right:-12px; ri\ght:-11px;}





/* state-statute table */


table#statute
{
    border-spacing: 0;
    width:920px !important;
}

table#statute tr#statute
{
    margin: 0;
    border-width: 0px 0px 0 0;
    font-weight:normal; 

}

table#statute tr#statute td#statute
{
    margin: 0px;
    padding: 5px;
    text-align:left;
    vertical-align:middle;
    height:40px !important;
    width:164px !important;

}






/* horizontal bar chart */


td.traitsvalue {
	background-image: url(/Portals/53329/images/gridline58.gif);
	background-repeat: repeat-x;
	background-position: left top;
	border-left: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
	padding:0;
	border-bottom: none;
	background-color:transparent;
        width:200px !important;
}

td.traits {
	padding: 10px 20px 10px 0px;
	/*border-bottom:1px solid #e5e5e5;
	border-left:1px solid #e5e5e5;
	background-color:#fff;*/
        width:200px !important;
}

td.traitsvalue img {
	vertical-align: middle;
	margin: 5px 5px 5px 0;
}
td.traitsvaluefirst img {
	background-color:transparent;
	border-left: 1px solid #e5e5e5;
	border-top:1px solid #e5e5e5;
	vertical-align: middle;
	margin: 5px 5px 5px 0;
	padding:0;
}
th {
	text-align: left;
	vertical-align:top;
        border-bottom:1px solid #666666;
        padding-bottom:10px;	
}

td.traitslast {
	border-bottom:1px solid #e5e5e5;
        width:200px !important;
}

td.traitsfirst {
	border-top:1px solid #e5e5e5;
	padding: 4px 6px;
        width:200px !important;
}

.traitsauraltext {

}

table.traits {
	background-image:url(/Portals/53329/images/bg_fade.png);
	background-repeat:repeat-x;
	background-position:left top;
	width: 667px !important;
        padding:10px 15px 20px
}

caption {
	font-size:90%;
	font-style:italic;
        text-align:left;
}







a {
	outline: none;
}