/******************
HTML Tags
******************/

body {
    font-family:"trebuchet MS", tahoma, verdana, arial, helvetica, sans-serif;
    background-color:#FFFFFF;
    color:#666666;
    font-size:.8em;
    line-height:160%;
    width:900px;
    margin-top:0px;
    margin-left:auto;
    margin-right:auto;
}

#content p, .side-column p, table {
    margin:0px 0px 10px 0px;
}

.side-column img {
    border:none;
}

/******************
FORM STYLES
******************/

#content-container form {
    margin:20px 0px;
    padding:0px 0px 0px 0px;
}

#content-container fieldset {
    margin:10px 0px 20px 0px;
    padding:0px 10px 10px 20px;
}

/* a nested fieldset */
#content-container fieldset fieldset {
    margin:15px 0px 5px 0px;
    padding:0px 5px 5px 5px;
}

#content-container legend {
    margin-bottom:0px;
    padding:0px 10px 5px 5px;
    color:#666666;
    font-weight:bold;
}

/* a nested legend */
#content-container fieldset fieldset legend {
    margin-bottom:0px;
    padding:0px;
    font-weight:normal;
}

#content-container label {
    display:block;
    padding-top:8px;
}

.mainnav-right form {
    margin:0px;
    padding:0px;
    text-align:right;
}

.mainnav-right form fieldset {
    margin:0px;
    padding:0px;
    border:none;
}

.mainnav-right form legend {
    display:none;
}

.mainnav-right label {
    display:none
}

/******************
LINKS
******************/

/* LINK VISTED HOVER ACTIVE selectors must remain in this order to work */
a:link {
    color:#017CBC;
    text-decoration:underline;
}

a:visited {
    color:#660099;
}

a:hover {
    color:#41C457;
    text-decoration:none
}

a:active {
    color:#FF9900;
}

/* LINK VISTED HOVER ACTIVE selectors must remain in this order to work */
.mainnav-left a:link {
    color:#6E6E6E;
    text-decoration:none;
    font-weight:bold;
}

.mainnav-left a:visited {
    color:#6E6E6E;
    text-decoration:none;
    font-weight:bold;
}

.mainnav-left a:hover {
    color:#41C457;
}

.mainnav-left a:active {
    color:#017CBC;
}

/* LINK VISTED HOVER ACTIVE selectors must remain in this order to work */
#breadcrumbs a:link {
    color:#FFF6AE;
    text-decoration:underline;
}

#breadcrumbs a:visited {
    color:#FFF6AE;
}

#breadcrumbs a:hover {
    color:#FFFFFF;
    text-decoration:none
}

#breadcrumbs a:active {
    color:#F0FF4A;
}

/* LINK VISTED HOVER ACTIVE selectors must remain in this order to work */
.side-column a:link {
    color:#0366A1;
    text-decoration:underline;
}

.side-column a:visited {
    color:#0366A1;
}

.side-column a:hover {
    color:#6699FF;
    text-decoration:none;
}

.side-column a:active {
    color:#F0FF4A;
}

/******************
HEADINGS
******************/

h1 {
    font-size:1.4em;
    padding:10px 0 6px 0;
}

h2 {
    font-size:1.1em;
}

h3 {
    font-size:1.4em;
}

h4 {
    font-size:1.1em;
}

h5 {
    font-size:.9em;
}

h6 {
    font-size:.8em;
}

#three-column-container h2 {
    margin:0px 0px 10px 0px;
    padding:0px;
}

/******************
LAYOUT STYLES
******************/

#header-container {
    background: #828AD0 url("Images/bg-main.jpg") repeat-x;
    height:63px;
    width:100%;
    margin:0px 0px 4px 0px;
    padding:0px;
    table-layout:fixed;
    font-size:2em;
    font-weight:bold;
}

#header-container a {
    text-decoration:none;
    color:#FFFFFF;
}

#header-left {
    width:280px;
    color:#FFFFFF;
    height:31px;
    padding:29px 10px 0px 10px;
    background: url("Images/bg-curve-top-left.gif") no-repeat;
}

.column-separator {
    background:#FFFFFF;
    width:5px;
}

#header-right {
    color:#FFFFFF;
    padding:35px 10px 0px 0px;
    height:33px;
    text-align:right;
    width:270px;
    border-collapse:collapse;
    font-size:.55em;
    text-align:right;	
}

.side-column {
    width:185px;
    border-color:#000000;
    color:#000000;
    padding:5px;
    margin:0px;
    vertical-align:top;
}

.side-column-bg {
    background: url("Images/bg-main-blue.jpg");
}

p.posterphoto {
    display:inline
}

/*remember to talk about why BLOCK has to be set*/
.posterphoto img {
    border:1px solid #A7A7A7;
    display:block;
    margin:0px;
    padding:0px;
    top:0;
}

.mainnav-container {
    margin:1px 0px;
    height:26px;
    table-layout:fixed;
}

.mainnav-left {
    width:548px;
    padding:4px 0px 3px 10px;
    border:1px solid #A7A7A7;
}

.mainnav-right {
    padding:4px 7px 3px 0px;
    border:1px solid #A7A7A7;
    width:186px;
    height:16px;
}

#content-container {
    margin:0px;
    height:100%;
    padding:3px 3px 3px 3px;
    table-layout:fixed;
    /* background: url(bg-main.jpg) repeat-y right;  */
}

#breadcrumbs {
    margin:3px 3px 3px 3px;
    color:#FFFFFF;
    padding-top:3px;
    display:block;
}

#content {
    padding:0px 0px 0px 0px;
    margin:0px;
    border:1px solid #A7A7A7;
    background: url("Images/bg-breadcrumb.jpg") repeat-x;
}

#three-column-container {
    width:100%;
    margin:10px 0px;
    table-layout:fixed;
}

#three-column-left {
    width:30%;
    padding-right:3%;
    vertical-align:top;
}

#three-column-middle {
    width:30%;
    vertical-align:top;
}

#three-column-right {
    width:30%;
    padding-left:3%;
    vertical-align:top;
}

#footer-container {
    background: #828AD0 url("Images/bg-main.jpg");
    height:68px;
    color:#FFFFFF;
    margin:0px 0px 0px 0px;
    padding:3px 3px 3px 3px;
    table-layout:fixed;
}

#footer-left {
    width:550px;
    height:56px;
    padding:1px 0px 0px 0px;
    margin:0px;
}

.footer-right {
    color:#FFFFFF;
    padding:0px 0px;
    width:100%;
    height:68px;
    margin:0px;
    /*background: url("Images/bg-curve-bottom-right.gif") no-repeat right bottom; */
    border-collapse:collapse;
}

/******************
Menu Items
******************/

.mainnav-container ul {
    margin:0px;
    padding:0px;
}

.mainnav-container li {
    padding-right:10px;
    list-style:none;
    display:inline;
}

/******************
LISTS - IN THE CONTENT DIV
******************/

#content ul.list, #content ul.link-list-vertical {
    margin:0px 0px 15px 15px;
    padding:0px;
}

#content ul.list li {
    list-style:none;
    padding:1px 0px 1px 12px;
    margin:0px;
    background: url("Images/bullet.gif") no-repeat;
    background-position:0 .6em;
}

#content ul.link-list-vertical li {
    list-style:none;
    margin:0px;
}

#content ul.link-list-vertical li a:link {
    padding:1px 0px 1px 12px;
    background: url("Images/bullet-link.gif") no-repeat;
    background-position:0 .6em;
}

#content ul.link-list-vertical li a:visited {
    padding:1px 0px 1px 12px;
    background: url("Images/bullet-link-visited.gif") no-repeat;
    background-position:0 .6em;
}

#content ul.link-list-vertical li a:hover {
    padding:1px 0px 1px 12px;
    background: url("Images/bullet-link-hover.gif") no-repeat;
    background-position:0 .6em;
}

#content ul.link-list-vertical li a:active {
    padding:1px 0px 1px 12px;
    background: url("Images/bullet-link-active.gif") no-repeat;
    background-position:0 .6em;
}

/******************
LISTS - IN THE RIGHT COLUMN
******************/

.side-column ul.list, .side-column ul.link-list-vertical {
    margin:0px 0px 15px 5px;
    padding:0px;
}

.side-column ul.list li {
    list-style:none;
    padding:1px 0px 1px 12px;
    margin:0px;
    background: url("Images/bullet-right.gif") no-repeat;
    background-position:0 .6em;
}

.side-column ul.link-list-vertical li {
    list-style:none;
    margin:0px;
}

.side-column ul.link-list-vertical li a:link {
    padding:1px 0px 1px 12px;
    background: url("Images/bullet-link-right.gif") no-repeat;
    background-position:0 .6em;
}

.side-column ul.link-list-vertical li a:visited {
    padding:1px 0px 1px 12px;
    background: url("Images/bullet-link-right-visited.gif") no-repeat;
    background-position:0 .6em;
}

.side-column ul.link-list-vertical li a:hover {
    padding:1px 0px 1px 12px;
    background: url("Images/bullet-link-right-hover.gif") no-repeat;
    background-position:0 .6em;
}

.side-column ul.link-list-vertical li a:active {
    padding:1px 0px 1px 12px;
    background: url("Images/bullet-link-right-active.gif)" no-repeat;
    background-position:0 .6em;
}

/******************
TABLE STYLES
******************/

table.table {
    width:100%;
    border:1px solid #D0D0BF;
    border-collapse:collapse;
}

thead th {
    border-bottom:2px solid #D0D0BF;
    padding:6px;
}

tfoot th {
    border-top:2px solid #D0D0BF;
    padding:6px;
}

.table-row-1 td, .table-row-1 th,.table-row-2 td, .table-row-2 th, th {
    padding:2px 6px;
    border-left:1px solid #D0D0BF;
}

.table-row-1 td, .table-row-1 th {
    background: url("Images/bg-table-row-alternate.jpg");
}

/******************
CLASSES & TABLE STYLES
******************/


img.photobig, img.photosmall {
    border:1px solid #CCCCCC;
    background: #E0E0E0 url("Images/bg-table-row-alternate.jpg");
    padding:10px;
}

img.photosmall {
    margin:0px 0px  0px  0px;
    padding:0px 0px  0px  0px;
    border-collapse:collapse;
}

.searchbox {
    height:13px;
    margin:0px;
    padding:0px;
    width:11em;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:10px;
    color:#666666;
}

.button-search {
    height:21px;
    margin:0px;
    padding:0px 0px 0px 0px;
    font-size:11px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    color:#0000FF;
}

.separator-side-column {
    border-top:1px solid #9CA2DD;
    margin-bottom:8px;
    padding:0px;
}

.section-title-not-heading {
    font-size:1.1em;
    font-weight:bold;
    display:block;
    margin-bottom:8px;
}

.button-big {
    margin-top:8px;
}

.small-text {
    font-size:.8em;
}

.none {
    display:none;
}

.clear {
    clear:both;
}