* html
{
    overflow-y:hidden;
}
* html body
{
    overflow:auto;
}

html, body, #container
{
    height:100%;
}
body
{
	margin:0;
	background-color:#666;
	scrollbar-face-color:#DDDDFF; 
	scrollbar-arrow-color:#50CA30; 
	scrollbar-base-color:#DDDDFF;
}
#container
{
    margin:0;
    width:955px;
    background-color:white;
    text-align:left;
    /*overflow:auto;*/
}
#topBorder, #top, #navigationSection, #footer
{
    /*position:fixed;*/
	width:955px;
}
#topBorder, #top, #navigationSection
{
	/*-moz-opacity:0.9;*/
    /*opacity:0.9;*/
}
#footer
{
	/*-moz-opacity:0.2;*/
    /*opacity:0.2;*/
}
#topBorder
{
	/*top:0;*/
	height:5px;
}
#top
{
    /*top:5px;*/
    background-color:white;
    height:85px;
    padding:0;
    border-bottom:1px solid black;
}
#navigationTopRight, #navigationTop, #navigationSection
{
    font-family:Arial,Helvetica,Verdana;
}
#navigationTopRight
{
    text-align:right;
    font-size:0.9em;
    padding:0.5em 8px;
}
#logo
{
    border:0;
    margin:0 15px -10px 20px;
}
a.logoLink:hover
{
    background-color:transparent;
}
#navigationTop
{
    font-size:1.2em;
    padding:0.5em;
    letter-spacing:0em;
    text-align:left;
}
#navigationTop a
{
    color:black;
    font-weight:normal;
}
a#currentGeneralPage
{
    text-decoration:underline;
    /*color:#666;*/
}
a#currentGeneralPage:hover
{
    text-decoration:none;
    /*color:white;*/
}
#navigationTop a:hover
{
    color:white;
}
#currentPage
{
    text-decoration:underline;
}
#phone
{
    float:right;
    padding-right:8px;
    display:none;
}
#navigationSection
{
    padding:5px 0;
    font-size:1.17em;
    /*top:90px;*/
    background-color:white;
    height:20px;
    border-top:1px solid #666;
}
#navigationSection a
{
    font-weight:normal;
}
#navigationSectionPadder
{
    padding:0 20px;
}
#whiteFillerTop
{
    background-color:white;
    width:955px;
    /*height:90px;*/ height:1px;
}
#whiteFillerNavigationSection
{
    background-color:white;
    width:955px;
    /*height:20px;*/ height:1px;
}
#contents
{
    padding:10px 10px;
    background-color:white;
    font-size:1.0em;
}
#footer
{
    text-align:center;
    background-color:white;
    color:#666;
    bottom:0;
}
#footer a
{
    
}
#footer a:hover
{
    color:white;
    background-color:#AAA;
}


/*----------------
  DRAGGABLES
  ----------------*/
.drag
{
    cursor:move;
}
.dragVertical
{
    cursor:n-resize;
}
.dragHorizontal
{
    cursor:e-resize;
}


/*------------------------
  RUBY ERRORS/NOTICES
  ------------------------*/
.windows a
{
    text-align:center; 
    float:right;
    padding:5px;
    margin:-5px -5px 15px 15px;
    border-left: 1px solid white;
    border-bottom: 1px solid white;
    color:white;
    text-decoration:none;
}
#error, #notice
{
    padding:5px; 
    margin:2px; 
    color: white; 
    font-weight:bold; 
    font-style:italic; 
    width:350px;
    float:right;
    border:1px solid white;
}
#error
{
    background-color:#FF0000; 
}
#notice
{
    background-color:#00DD00;
}
#error a:hover, #notice a:hover
{
    color:white;
    background-color:transparent;
}
#flash_notify
{
    padding:5px; 
    margin:2px; 
    color:white; 
    font-weight:bold; 
    font-style:italic; 
    width:350px;
    float:right;
    border:1px solid white;
}
#flash_notify a:hover
{
    color:white;
}

#flash_notify.error
{
    background-color:#FF0000; 
}
#flash_notify.notice
{
    background-color:#00DD00;
}
#rightColumn
{
    float:right;
    width:330px;
    margin-left:5px;
    margin-top:0;
    padding-left:5px;
    text-align:left;
}

/*------------------
  STORIES
  ------------------*/
.storyText
{
    color:#666666;
}
#storiesHeading
{
    padding:0.5em 0.5em 0.1em 0.5em;
    margin:0.5em 0;
    font-size:1.3em;
    color:white;
}

/*------------------
  FEATURES
  ------------------*/
#features
{
    margin-top:25px;
    width:610px;
}
.feature
{
    margin:15px 4px;
    float:left;
}
