/* ================================
    CSS STYLES FOR THE PORTAL STARTER KIT
    v1.0, 10/2002
   ================================
*/   


/* PAGE BACKGROUND */
/* background color for the header at the top of the page  */
.HeadBg {
    background-color: #edece8;
}




/* PAGE BANNER */
/* NOTE: Site Title, Site Links and Tabs are rendered by MobilePortalBanner.ascx
/* style for the text of the site title */
.SiteTitle {
    font-family: Arial,Verdana Bold, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    color:#663300
}

/* background/border colors for the selected tab */
.TabBg {
    background-color: white;
    border-color: white;
}

/* background/border colors for the unselected tabs */
.OtherTabsBg {
    background-color: dimgray;
    border-color: black;
}

/* text style for the selected tab */
.SelectedTab {
    font-family: Arial,Verdana, Helvetica, sans-serif;
    font-size: 13px;
    color:DarkRed;
    font-weight: bold
}

/* text style for the unselected tabs */
.OtherTabs {
    font-family: Arial,Verdana, Helvetica, sans-serif;
    font-size: 13px;
    color:gainsboro;
    text-decoration:none;
    font-weight: bold
}


    
/* text style for the site links (at extreme top-right of header) */
.SiteLink {
    font-family: Arial,Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold
}   



/* style for separator between site links */
.Accent
{
    color: red;
    font-weight:    bold;
}



/* MODULE-SPECIFIC */
/* text style for reading messages in Discussion */    
.Message    {
    font-family: Arial,Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    font-size: 11px;
    background-color: #eeeaae
}   

/* style of item titles by Menues and events */
.ItemTitle    {
    font-family: Arial,Verdana, Helvetica, sans-serif;
    font-size:  11px;
    font-weight:    bold;
    color: darkred;
}



/* GENERAL */
/* style for module titles */
.Head   {
    font-family: Arial,Verdana, Helvetica, sans-serif;
    font-size:  20px;
    font-weight:    normal;
    color: #666644;
}
/* GENERAL */
/* style for module titles */
.Head2   {
    font-family: Arial,Verdana, Helvetica, sans-serif;
    font-size:  16px;
    font-weight:    normal;
    color: #666644;
}

.Head3
{
       font-size:  16px;
    font-weight:    bold;
    color: #664444; 
color:#898376; margin-bottom:15px;
}
/* style of item titles on edit and admin pages */
.SubHead    {
    font-family: Arial,Verdana, Helvetica, sans-serif;
    font-size:  11px;
    font-weight:    bold;
    color: darkred;
}

/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead {
    font-family: Arial,Verdana, Helvetica, sans-serif;
    font-size:  11px;
    font-weight:    bold;
    color: black;
}

/* text style used for most text rendered by modules */
.Normal
{
    font-family: Arial,Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    line-height: 12px;
    
        
}

/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox
{
    font-family: Arial,Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
}

.NormalRed
{
    font-family: Arial,Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: red
}

.NormalBold
{
    font-family: Arial,Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold
}

/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton     {
    font-family: Arial,Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
}
    

    



/* GENERIC */
H1  {
    font-family: Arial,Verdana, Helvetica, sans-serif;
    font-size:  20px;
    font-weight:    normal;
    color: #666644;
}

H2  {
    font-family: Arial,Verdana, Helvetica, sans-serif;
    font-size:  20px;
    font-weight:    normal;
    color: #666644;
}

H3  {
    font-family: Arial,Verdana, Helvetica, sans-serif;
    font-size:  12px;
    font-weight:    normal;
    color: darkred;
}

H4  {
    font-family: Arial,Verdana, Helvetica, sans-serif;
    font-size:  12px;
    font-weight:    normal;
    color: darkred;
}

H5, DT  {
    font-family: Arial,Verdana, Helvetica, sans-serif;
    font-size:  11px;
    font-weight:    bold;
    color: darkred;
}

H6  {
    font-family: Arial,Verdana, Helvetica, sans-serif;
    font-size:  11px;
    font-weight:    bold;
    color: darkred;
}

TFOOT, THEAD    {
    font-family: Arial,Verdana, Helvetica, sans-serif;
    font-size:  12px;
    color: darkred;
}

TH  {
    vertical-align: baseline;
    font-family: Arial,Verdana, Helvetica, sans-serif;
    font-size:  12px;
    font-weight:    bold;
    color: darkred;
}



SMALL   {
    font-size:  8px;
}

BIG {
    font-size:  14px;
}

BLOCKQUOTE, PRE {
    font-family:    Lucida Console, monospace;
}


UL LI   {
    list-style-type:    square ;
}

UL LI LI    {
    list-style-type:    disc;
}

UL LI LI LI {
    list-style-type:    circle;
}

OL LI   {
    list-style-type:    decimal;
}

OL OL LI    {
    list-style-type:    lower-alpha;
}

OL OL OL LI {
    list-style-type:    lower-roman;
}

HR {
    color: dimgrey;
    height:1pt;
    text-align:left
}

* { margin:0; padding:0;}

* { margin:0; padding:0;}

html, body { height:100%;}
body { background:url(images/bg.gif) left top #dedacf; font-family:Arial, Helvetica, sans-serif; font-size:100%; line-height:1.125em; color:#898376;}

input, select, textarea { font-family:Arial, Helvetica, sans-serif; font-size:1em;}

.fleft { float:left;}
.fright { float:right;}
.clear { clear:both;}

.alignright { text-align:right;}
.aligncenter { text-align:center;}

.wrapper { width:100%; overflow:hidden;}
.container { width:100%;}

p { margin-bottom:18px;}

/*==================forms====================*/
input, select { vertical-align:middle; font-weight:normal;}
img {border:0; vertical-align:top; text-align:left;}
img-box {border:1px solid #a09b96; vertical-align:top; text-align:right;}
object { vertical-align:top;}

#contacts-form label { display:block; height:42px;} 
#contacts-form label input { width:194px; padding:2px 0 3px 3px; color:#91867f; background:none; border:1px solid #a09b96; }
#contacts-form textarea {width:205px; height:100px; padding:2px 0 2px 3px; margin-bottom:26px; color:#91867f; background:none; border:1px solid #a09b96; overflow:auto;}
#contacts-form .link1 { float:right; margin-left:18px;}

/*==================list====================*/
ul { list-style:none;}

.list1 li { background:url(images/arrow-1.gif) no-repeat left 7px; padding:0 0 4px 13px;}
.list1 li a { color:#aea584; font-weight:bold; text-decoration:none;}
.list1 li a:hover { color:#000;}
.list1 li a.alt { text-decoration:underline;}
.list1 li a.alt:hover { text-decoration:none;}

.list2 { padding-bottom:4px;}
.list2 li { float:left; margin-right:16px;}
.list2 li.alt { margin-right:0;}
.list2 li img { margin-bottom:16px;}
.list2 li strong { display:block;}

.list3 li { background:url(images/arrow-2.gif) no-repeat left 7px; padding:0 0 4px 13px;}
.list3 li a { color:#7a715c; font-weight:bold; text-decoration:none;}
.list3 li a:hover { color:#000;}

.list4 li { width:100%; overflow:hidden; background:url(images/line-dotted.gif) left bottom repeat-x; margin-bottom:4px; vertical-align:top;}
.list4 li a { float:left; background:url(images/arrow-1.gif) no-repeat left 7px #edece8; padding:0 0 0 13px; color:#aea584; font-weight:bold; text-decoration:none;}
.list4 li a:hover { color:#000;}
.list4 li span { float:right; background:#edece8; color:#aea584;}

.pagination li.aligncenter a { color:#898376; font-weight:bold; text-decoration:none;}
.pagination li a:hover { color:#000;}

/*==================other====================*/
.img-indent { margin:0 20px 0 0; float:left;}
.img-box { width:100%; overflow:hidden; padding-bottom:10px;}
.img-box img { float:left; margin:0 20px 0 0;}

.extra-wrap { overflow:hidden; }

.p1 { margin-bottom:18px;}
.p2 { margin-bottom:27px;}
.p3 { margin-bottom:9px;}

/*==================txt, links, lines, titles====================*/
a {color:#595346;}
a:hover{text-decoration:none;}

h4 { font-size:1em; color:#898376; margin-bottom:15px;}

.link1 { display:block; float:left; background:url(images/link1-left.gif) no-repeat left top #a8937a; color:white; text-decoration:none;}
.link1 b { display:block; background:url(images/link1-right.gif) no-repeat right top; padding:0 7px 0 17px; font-weight:normal; font-style:normal;}
.link1:hover { text-decoration:underline;}

.line-hor { background:#3a3c52; height:1px; overflow:hidden; font-size:0; line-height:0; margin:20px 0 20px 0;}
.line-ver { background-image:url(images/line-ver.gif); background-repeat:repeat-y; width:100%;}

.title { margin:0 0 16px 5px;}
.title1 { margin:0 0 5px 5px;}

/*==================boxes====================*/
.cont-box {margin:0;}
.cont-box span { float:left; width:79px;}

.content-box { position:relative; top:-18px; margin:0 2px 0 5px;}
.content-box .border-left { background:url(images/border-left.png) left top repeat-y; padding-left:8px;}
.content-box .border-right { background:url(images/border-right.png) right top repeat-y; padding-right:8px;}
.content-box .inner { background:#f2f5f9; padding:11px; padding-bottom:0;}

.box { background:#edece8; width:100%;}
.box .inner { padding:10px 10px 10px 10px; background:none;}



.box-event { background:#edece8; width:100%;}

/*content*/
.content { width:100%;}
.content .indent { padding:26px 0 20px 22px;}

/*footer*/
#footer { text-align:center; color:#9b976b;}
#footer a { color:#9b976b; text-decoration:none;}
#footer a:hover { text-decoration:underline;}
#footer .indent { padding:28px 0 0 0;}

/*==========================================*/



#main {width:1003px; margin:0 auto; position:relative;}

#header {height:367px; padding-left:2px;}
#header, #content, #footer { font-size:0.75em;}

.col-1, .col-2, .col-3 { float:left;}

/*======= index.html =======*/
.page1 .content .col-1 {width:230px; margin-right:3px;}
.page1 .content .col-2 { width:481px; margin-right:3px;}
.page1 .content .col-1 .col-1 { width:114px; margin-right:44px;}
.page1 .content .col-1 .col-2 { width:109px; margin-right:32px;}
.page1 .content .col-1 .col-3 { width:108px;}
.page1 .content .col-2 .col-1 { width:114px; margin-right:44px;}
.page1 .content .col-2 .col-2 { width:129px; margin-right:22px;}
.page1 .content .col-2 .col-3 { width:128px;}

/*======= index-1.html =======*/
#page2 #content .col-1 {width:465px; margin-right:12px;}
#page2 #content .col-2 { width:481px;}
#page2 #content .col-1 .col-1 { width:114px; margin-right:44px;}
#page2 #content .col-1 .col-2 { width:109px; margin-right:32px;}
#page2 #content .col-1 .col-3 { width:108px;}

/*======= index-2.html =======*/
#page3 #content .col-1 {width:465px; margin-right:12px;}
#page3 #content .col-2 { width:481px;}
#page3 #content .col-2 .col-1 { width:120px; margin-right:36px;}
#page3 #content .col-2 .col-2 { width:129px; margin-right:20px;}
#page3 #content .col-2 .col-3 { width:120px;}

/*======= index-3.html =======*/
#page4 #content .col-1 {width:465px; margin-right:12px;}
#page4 #content .col-2 { width:481px;}
#page4 #content .col-1 .col-1 { width:114px; margin-right:32px;}
#page4 #content .col-1 .col-2 { width:119px; margin-right:20px;}
#page4 #content .col-1 .col-3 { width:132px;}

/*======= index-4.html =======*/
#page5 #content .col-1 {width:465px; margin-right:12px;}
#page5 #content .col-2 { width:481px;}
#page5 #content .col-2 .col-1 { width:120px; margin-right:36px;}
#page5 #content .col-2 .col-2 { width:129px; margin-right:20px;}
#page5 #content .col-2 .col-3 { width:120px;}

/*======= index-5.html =======*/
#page6 #content .col-1 {width:465px; margin-right:12px;}
#page6 #content .col-2 { width:481px;}
#page6 #content .col-1 .col-1 { width:211px; margin-right:0;}
#page6 #content .col-1 .col-2 { width:209px;}


/*=========================*/


.footer {height:57px; background:url(images/footer-bg.jpg) no-repeat left top; position:relative; margin-top:-18px;}


.extra-wrap {zoom:1;}
.content-box .inner { zoom:1;}



/* set millions of background images */
.rbroundbox { background: url(/Images/Events/bg/nt.bmp) repeat; }
.rbtop div { background: url(/Images/Events/bg/tl.bmp) no-repeat top left; }
.rbtop { background: url(/Images/Events/bg/tr.bmp) no-repeat top right; }
.rbbot div { background: url(/Images/Events/bg/bl.bmp) no-repeat bottom left; }
.rbbot { background: url(/Images/Events/bg/br.bmp) no-repeat bottom right; }


rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbcontent { margin: 0 10px; }
.rbroundbox { width: 100%; margin: 1em auto; }