/*####################################################################################
  ######## RESET #######################################################################
  #######################################################################################*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, strike, sub, sup, tt, var, u, i, center,
dl, dt, dd, ol, ul, li, b, strong,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
    font-size: 100%;
    background-color: transparent;
    border: 0;outline: 0;
}

ol, ul {
    list-style: none;
}
/*#######################################################################################*/
/*
      ##############
     ##  Header  ##
    ##############
*/


body{
    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    margin: 10px;
}

/*
      ########################
     ##  Global Selectors  ##
    ########################
*/

a {
    text-decoration:none;
}

a:link, a:visited {
    color: #000000;
}

a:hover {
    color: #f7941d;
}

a.selected {
    font-weight: bold;
}

label{
    font-style:italic;
    font-weight:bold;
}

div#header {
    height: 76px;
    background-color:#4772d5;
    background-image: url(../img/header-wip.png);
    border-top:1px solid #A3A2A3;
    border-bottom:1px solid #A3A2A3;
    border-left:1px solid #A3A2A3;
    border-right:1px solid #A3A2A3;
}

#top-buffer {
    font-size:x-small;
    color: #505050;
    margin-top: 2px;
    text-align: right;
    background-color:#E5E5E5;
    border:1px solid #A3A2A3;
}

div#header-banner-text {
    font-size: xx-large;    
    font-weight: bold;
    vertical-align: middle;
}

div#header-text {
    position: relative;
    top: 60px;
    font-size: 10px;
    color: #464646;
    border: 1px solid #A3A2A3;
}

img{
    border-style: none;
}

img#logo {
    margin-top: 30px;
    margin-left: 17px;
}
/*#################################*/
/*
      ####################
     ##  Main Content  ##
    ####################
*/

#content-wrapper {
    float: left;
    width: 100%;
}

#content-column {
    margin-right: 10px; 
    position:relative;
    left:10px;
    background-color:#E5E5E5;
    padding: 10px;
    font-size: 12px;
    border:1px solid #A3A2A3;
    overflow: auto;
    /*-moz-border-radius: 4px;*/
}

#left-column {
    width: 160px;
    float: left;
    background-color:#E5E5E5;
    border-top:1px solid #A3A2A3;
    border-bottom:1px solid #A3A2A3;
    border-left:1px solid #A3A2A3;
    border-right:1px solid #A3A2A3;

}

#footer {
    clear: left;
    color: #000000;
    font-size: 11px;
    padding: 0px 5px 0px 5px;
    height: 30px;
    background-color:#E5E5E5;
    border-top:1px solid #A3A2A3;
    border-bottom:1px solid #A3A2A3;
    border-left:1px solid #A3A2A3;
    border-right:1px solid #A3A2A3;
}
/*#################################*/
/*
      #####################
     ##  Error Content  ##
    #####################
*/

#error{
    background-color:#FFE4E1;
    color: #000000;
    border:1px dotted #A3A2A3;
}
.formError{
    background-color:#FFE4E1;
    color: #000000;
    font-style:italic;
}
/*#################################*/

#clientTop {
    margin: 0 0 0 0;
}
ul{
    text-indent:0px;
    margin:0;
    padding:5px;
}

li{
    list-style-type:none;
}

/*
      ####################
     ##  News Content  ##
    ####################
*/
#news-item-heading {
    padding: .05cm;
    
    border-top: 1px solid #A3A2A3;
    border-bottom: 2px solid #A3A2A3;
    border-left: 1px solid #A3A2A3;
    border-right: 1px solid #A3A2A3;
    background: #4772d5 url('../img/table-nav.png');
    /*background-image: ;
    background-repeat: repeat;*/
}

#news-item {
    overflow: auto;
    padding: .1cm;
    color: #000000;
    background-color: #FFFFFF;
    border-bottom: 1px solid #A3A2A3;
    border-left: 1px solid #A3A2A3;
    border-right: 1px solid #A3A2A3;
}

#Requiem-item-heading {
    padding: .05cm;

    border-top: 1px solid #A3A2A3;
    border-bottom: 2px solid #A3A2A3;
    border-left: 1px solid #A3A2A3;
    border-right: 1px solid #A3A2A3;
    background: green url('../img/table-nav-requiem.png');
    /*background-image: ;
    background-repeat: repeat;*/
}

#Lost-item-heading {
    padding: .05cm;

    border-top: 1px solid #A3A2A3;
    border-bottom: 2px solid #A3A2A3;
    border-left: 1px solid #A3A2A3;
    border-right: 1px solid #A3A2A3;
    background: #4772d5 url('../img/table-nav-lost.png');
    /*background-image: ;
    background-repeat: repeat;*/
}
/*#################################*/

/*
      ####################
     ##  Table Style   ##
    ####################
*/
table.tablewrapper thead tr th, 
table.tablewrapper tfoot tr td {  
    border: 1px solid #000000;
    background-color: #4772d5;
    background-image: url('../img/table-nav.png');
    background-repeat: repeat;
    padding: 5px 5px 0px 5px;
}

table.tablewrapper tbody tr td {
    border: 1px solid #000000;
    background-color: #FFFFFF;
    padding: 5px 5px 0px 5px;
}
/*
      ####################
     ##  Calendar      ##
    ####################
*/
.calendarMain{
    background-color: #ffffff;
    /*border: 1px solid #000000;*/
}
.calendarHead{
    border: 1px solid #000000;
    background-color: #4772d5;
    background-image: url('../img/table-nav.png');
    background-repeat: repeat;
}

.calendarDays{
    border: 1px solid #000000;
    background-color: #4772d5;
    background-image: url('../img/table-nav.png');
    background-repeat: repeat;
}

.calendarCell{
    border: 1px solid #000000;
    background: #cccccc;
    vertical-align:top;
    max-height: 100px;
    overflow: auto;
}
.calendarCellPast{
    border: 1px solid #000000;
    background: #888888;
    vertical-align:top;
    max-height: 100px;
}
.calendarCellToday{
    border: 1px solid #000000;
    background: #66CCFF;
    vertical-align:top;
    max-height: 100px;
}
.calendarDate{
    background-color:#000000;
    font-weight: bold;
    color: #ffffff;
    text-align: left;
    vertical-align: top;
}
.calendarItem{
    min-height: 20px;
    max-height: 100px;
    min-width: 100px;
    max-width: 150px;
    overflow: auto;
    clear:left;
    text-align:left;
    font-size:xx-small;
}
/*#################################*/
/*
      ######################
     ##  events          ##
    ######################
*/
#viewEvent{
    /*border: 1px solid #000000;*/
    background-color: #ffffff;
}
#eventHead{
    border: 1px solid #000000;
    background-color: #4772d5;
    background-image: url('../img/table-nav.png');
    background-repeat: repeat;
    padding: 10px;
    font-family:cursive;
    /*font-weight:bolder;*/
    font-size:medium;
}
#eventBody{
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;
    padding: 10px;
    /*border: 1px 1px 1px 0px solid #000000;*/
}
/*#################################*/

.thickboxAjax{
    background-color:#E5E5E5;
}
/*#################################*/
/*
      #############
     ##  Forms  ##
    #############
*/

.formSet{
    /* Add to fieldsets that house forms */
    background-color: #ffffff;
    border:1px solid #000000;
    padding: 5px;
}

.legendTab{
    border-right: solid black 1px;
    border-left: solid black 1px;
    border-top: solid black 1px;
    background:white;
	padding:1px;
}

input,select {
    margin-bottom: 5px;
    padding: 2px;
    color: #000000;
    vertical-align: middle;
    background: #E5E5E5;
    border:1px solid #cecece;
    font-size:small;
}

input:focus {
    border:1px solid #6889ba;
}

button {
    margin-top: 5px;
    padding: 5px;
    font-weight: bold;
    font-size: 10px;
    color: #222c3c;
    background: #5a0d0d;
    border:1px solid #cecece;
}

textarea {
    margin-top: 5px;
    padding: 5px;
    font-size: 10px;
    background:#E5E5E5;
    color: #000000;
    border:1px solid #cecece;
}

/*#################################*/
/*
      #######################
     ##  Main Navigation  ##
    #######################
*/

#main-nav {
    height: 31px;
    border-top: 1px solid #d6d6d6;
    border-bottom: 1px solid #a3a2a3;
    background: url(assets/img/img/mainnav_background_hover.gif) repeat-x;
}

#main-nav ul {
    width: 100%;
    height: 31px;
}

#main-nav ul li {
    height: 31px;
    float: left;
    background: url(assets/img/img/mainnav_divider.gif) no-repeat right;
}

#main-nav ul li a {
    padding: 10px 10px 10px 10px;
    float: left;
    font-size: 11px;
    font-weight: bold;
    color: #fff;
    line-height: 11px;
    text-decoration: none;
}

#main-nav ul li a:hover, #main-nav ul li a.hover {
    color: #223046;
    background: url(assets/img/mainnav_background.gif) repeat-x;
}

/*#################################*/
/*
      ######################
     ##  Sub Navigation  ##
    ######################
*/

#sub-nav {
    height: 27px;
    font-size: 11px;
    line-height: 26px;
    background-color: #cfcecf;
}

#sub-nav a {
    padding: 0px 10px 3px 10px;
    color: #000;
    text-decoration: none;
    border-right: 1px dotted #0f0f0f;
}

#sub-nav a.last {
    padding: 0px 10px 3px 10px;
    color: #000;
    text-decoration: none;
    border:0px;
}

#sub-nav a:hover {
    color: #4f698e;
    text-decoration: underline;
}


#sub-nav ul#dropnav { 
    /*padding: 0px 10px 3px 10px;
    font-family: Tahoma, Verdana, Arial, sans-serif;
    color: #000;
    text-decoration: none;
    border-right: 1px dotted #0f0f0f;*/
}
#sub-nav ul#dropnav:hover {
    /*color: #4f698e;
    text-decoration: underline;
    background: none;*/
    background-color: #cfcecf;
}
/*#################################*/
/*
      ###############
     ##  Gallery  ##
    ###############
*/
#popBack{
    position:fixed;
    width:100%;
    height:100%;
    top:0;
    left:0;
    background-color:black;
    filter: alpha(opacity=80);
    opacity:.8;
    z-index:250;
    display:none;
}

#popContent{
    position:fixed;
    top:50%;
    left:50%;
    height:500px;
    width:500px;
    margin-left:-250px;
    margin-top:-250px;
    z-index:251;
    background:#333333;
    opacity:1.0;
    display:none;
}
/*#################################*/

.autocomplete-w1 {
    background:url(../img/shadow.png) no-repeat bottom right;
    position:absolute; top:4px; left:3px;
    /* IE6 fix: */
    _background:none;
    _top:1px;
}
.autocomplete {
    width:300px;
    border:1px solid #999;
    background:#FFF;
    cursor:default;
    text-align:left;
    max-height:350px;
    overflow:auto;
    margin:-6px 6px 6px -6px;
    /* IE specific: */
    _height:350px;
    _margin:0px 6px 6px 0;
    overflow-x:hidden;
}
.autocomplete .selected { 
    background:#F0F0F0;
}
.autocomplete div {
    padding:2px 5px;
    white-space:nowrap;
}
.autocomplete strong { 
    font-weight:normal; color:#3399FF;
}
/*#################################*/
#pTabs ul {
    width: 100%;
    height: 21px;
}

#pTabs ul li {
    height: 21px;
    float: left;
    background-color: #000000;
    color: #FFFFFF;
    border-top:1px solid #000000;
    border-bottom:1px solid #000000;
    border-left:1px solid #000000;
    border-right:1px solid #000000;
}

#pTabs ul li a {
    padding: 5px 5px 5px 5px;
    float: left;
    font-family: Verdana, Tahoma, Arial, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 11px;
    text-decoration: none;
    background-color: #000000;
}

#pTabs ul li a:hover{
    color: #000000;
    background-color: #FFFFFF;
}

.hover{
    color: #000000;
    background-color: #FFFFFF;
}

.TabContent{
    display: none;
    padding: 5px;
    color: #000000;
    border-top:1px solid #000000;
    border-bottom:1px solid #000000;
    border-left:1px solid #000000;
    border-right:1px solid #000000;
}

#validEmail{
	margin-top: 4px;
	margin-left: 9px;
	position: absolute;
	width: 16px;
	height: 16px;
}