/* control styles */
.rotatingImg
{
    width: 346px;
    margin: 5px;
    float: left;
}
.heading
{
    display: block;
    font-weight: bold;
    font-size: 115%;
    line-height: 200%;
}
.copyright
{
    display: block;
    width: 100%;
    text-align: center;
    font-size: 80%;
    margin: 25px 0px 5px 0px;
}
.ProfileControls
{
    width: 100%;
    text-align: right;
}
.ProfileControls a
{
    margin: 3px 5px;
}
/* news styles */
.News
{
}
.News .Categories
{
    float: left;
    width: 100px;
    margin-right: 10px;
}
.News .Categories a
{
    font-size: 75%;
}
.News .DaysPassed
{
    text-align: right;
}
.News .Stories
{
    width: 445px;
    margin: 10px 3px 10px 3px;
}
.News .Stories tr td
{
    padding: 3px 10px;
}
.News .NewsImage
{
    float: left;
    margin: 10px 10px 10px 0px;
}
.NewsControl
{
    position: relative;
    min-height: 170px;
    margin: 0px 10px;
}
.NewsControl .Story
{
    width: 175px;
    height: 234px;
    position: absolute;
    top: 4px;
    left: 1px;
    z-index: 2;
    color: White;
    background: none;
    padding: 3px;
}
.NewsControl .Story h3
{
    margin: 1px;
    font-size: 95%;
}
.NewsControl .Story p
{
    font-size: 85%;
}
.NewsControl .Story a
{
    color: #33CCFF;
    font-weight: bold;
}
.NewsControl .Story a:hover
{
    color: #99CCFF;
}
.NewsControl .StoryBackground
{
    background: Black;
    z-index: 1;
    opacity: 0.65;
    filter: alpha(opacity = 65);
}
.NewsControl .ImageArea
{
    width: 100%;
    height: 240px;
    position: absolute;
    top: 3px;
    border: solid 1px White;
    z-index: 0;
}
.NewsControl .ImageArea .Image
{
    height: 100%;
    background-repeat: no-repeat !important;
    background-position: right center !important;
}
.NewsControl .Scroller
{
    position: absolute;
    top: 265px;
}
.NewsControl .Scroller .scrollable
{
    /* required settings */
    position: relative;
    overflow: hidden;
    width: 450px;
    height: 50px;
    float: left;
    border: solid 1px Black;
}
.NewsControl .Scroller .scrollable .items
{
    /* this cannot be too large */
    width: 20000em;
    position: absolute;
}
.NewsControl .Scroller .scrollable .items a
{
    float: left;
}
.NewsControl .Scroller .scrollable .items a img
{
    height: 50px;
    width: 64px;
    margin-right: 1px;
    border: none;
}

/* you may want to setup some decorations to active the item */
.NewsControl .Scroller div.scrollable div.items a.active
{
    border: 1px inset #ccc;
    background-color: #fff;
}
/* prev, next, prevPage and nextPage buttons */
.NewsControl .Scroller a.browse
{
    background: url(../../gui/hori_large.png) no-repeat;
    display: block;
    width: 30px;
    height: 30px;
    float: left;
    margin: 10px 10px;
    cursor: pointer;
    font-size: 1px;
}
/* right */
.NewsControl .Scroller a.right
{
    background-position: 0 -30px;
    clear: right;
    margin-right: 0px;
}
.NewsControl .Scroller a.right:hover
{
    background-position: -30px -30px;
}
.NewsControl .Scroller a.right:active
{
    background-position: -60px -30px;
}
/* left */
.NewsControl .Scroller a.left
{
    margin-left: 0px;
}
.NewsControl .Scroller a.left:hover
{
    background-position: -30px 0;
}
.NewsControl .Scroller a.left:active
{
    background-position: -60px 0;
}
/* disabled navigational button */
.NewsControl .Scroller a.disabled
{
    visibility: hidden !important;
}
/* Community News List */
.Community .NewsList
{
    margin: 10px 15px;
}
.Community h3
{
    color: #006AC8;
    font-size: 90%;
    margin: 15px 0 10px 10px;
}
.Community #LatestImages h3
{
    font-weight: normal;
    margin: 3px;
}
.Community #LatestImages
{
    margin: 5px 15px;
}
.Community #LatestImages img
{
    display: block;
    margin: 0 auto;
}
.Community .NewsList h3
{
    font-weight: normal;
    margin: 3px;
}
.Community .NewsList ul
{
    list-style-type: none;
    margin: 5px 0 0 0;
}
.Community .NewsList ul li
{
    text-indent: -25px;
}
/* alert styles */
div.alert
{
    position: relative;
    width: 985px;
    height: 25px;
    margin: 0 auto 3px auto;
    background-repeat: no-repeat;
}
div.alert h2
{
    position: absolute;
    top: -3px;
    left: 200px;
    font-size: 200%;
}
div.alert div
{
    position: absolute;
    top: 5px;
    left: 370px;
    width: 565px;
    font-size: 105%;
}
div.alert h2.alert
{
    color: Yellow;
}
div.alert h2.caution
{
    color: Red;
}
div.alert div.alert a
{
    color: #0000CC;
    text-shadow: 0 0 1px Red;
}
div.alert div.alert a:hover
{
    color: #000077;
}
div.alert div.caution a
{
    color: #0000CC;
    text-shadow: 0 0 1px Yellow;
    font-weight: bold;
}
div.alert div.caution a:hover
{
    color: #000077;
}


/* form styles */
.Boxes
{
    margin-bottom: 3px;
}
.Boxes hr
{
    display: block;
    clear: left;
    visibility: hidden;
    margin-top: -5px;
}
.FormLabels
{
    display: block;
    float: left;
    margin-right: 3px;
    text-align: left;
    width: 125px;
}
.ContactForm
{
    width: 500px;
    margin: 5px auto;
}
.ContactForm .FormLabels, .Profile .FormLabels
{
    width: 100px;
}

.cornered .Login
{
    width: 300px;
    margin: 0px auto;
}
.cornered .Login .Boxes .FormLabels
{
    width: 100px;
}
.cornered .Login .Boxes .Textbox
{
    width: 150px;
}
.cornered .Login .Boxes hr
{
    display: block;
    clear: left;
    visibility: hidden;
    margin-top: -5px;
}
.cornered .RegisterNewUser
{
    width: auto;
}
.cornered .RegisterNewUser .Boxes .FormLabels
{
    width: 125px;
}

div.Community .Login
{
    width: 100%;
    padding: 5px 0px 0px 0px;
    border-bottom: solid 1px Black;
}
div.Community .Login .Boxes
{
    margin: 0px 5px 1px 5px;
}
div.Community .Login .Boxes .Textbox
{
    color: #555;
}
div.Community .Login .Boxes .FormLabels
{
    width: 75px;
}


.button
{
    width: 124px;
    height: 32px;
    background: url(../../gui/button.png) no-repeat;
    margin: 7px 3px;
    text-align: center;
}
.button a
{
    display: block;
    color: White;
    position: relative;
    top: 5px;
    font-size: 110%;
    font-weight:300;
    width: 100%;
    text-shadow: 2px 2px 2px #333;
    filter: Shadow(Color=#333333, 	
			Direction=135, 
			Strength=3,
			Enabled=true);
}
.button a:hover {
    color: #9999CC;
}
.button a:active {
    color: #CCCCFF;
}
.loginbutton
{
    margin-left: auto;
    margin-right: auto;
}

.Calendar h4, .Calendar h3 { margin: 5px 0 0 0; }
.Calendar h4 { font-size: 125%; }
.Calendar #DateSelector { margin: 5px; }

.SearchResults h3 a {
    font-size: 105%;
}
.SearchResults a {
    display: block;
    margin: 5px 0 0 5px;
}
.SearchResults div.Content {
    margin: 5px 10px;
}
.SearchControl {
    position: absolute;
    top: 105px;
    left: 700px;
}
.SearchControl span, .SearchControl a.SearchButton {
    color: #FFF;
    text-shadow: 2px 2px 2px #333;
    filter: Shadow(Color=#333333, 	
			Direction=135, 
			Strength=3,
			Enabled=true);
}
.SearchControl span {
    font-weight: bold;
}
.SearchControl input {
    width: 125px;
    border: solid 1px #000;
}
.SearchControl a.SearchButton {
    display:block;
    width: 40px;
    height: 22px;
    float: right;
    text-align: right;
    background: url(../../gui/arrow.png) no-repeat;
    padding-top: 3px;
}
.SearchControl a.SearchButton:hover {
    color: #CCC;
}
.SearchControl a.SearchButton:active {
    color: #999;
}