﻿body
{
	background-image: url("./img/background.png");
	background-repeat: repeat-x;
	color: InactiveCaptionText;
	scrollbar-base-color:#ccccff;
	overflow:scroll;
}


a:link
{
	text-decoration:underline;
	color: White;
}
a:visited
{
	text-decoration:underline;
	color: White;
}
a:hover
{
	text-decoration:underline overline;
	color: InactiveCaptionText;
}
a:active
{
	text-decoration:overline;
	color: InactiveCaptionText;
}
.outerframe
{
	width: 800px;
}
.innerframe
{
	width: 100%;
}
.footer
{
	background-color: #07008f;
	width: 100%;
	font-size: smaller;
}
.menutable
{
	width: 800px;
	text-align: center;
}
.menuitemcell
{
	background-image:url(img/menu/nav-box-bg.gif);
	background-repeat:repeat-x;
	color:White;
}
.menuitemcellselection
{
	background-image:url(img/menu/nav-act.gif);
	background-repeat:repeat-x;
	color: InactiveCaptionText;
}
.menuitemcell:hover
{
	background-image:url(img/menu/nav-act.gif);
	background-repeat:repeat-x;
	color: InactiveCaptionText;
}
.menuitem:link
{
	color:White;
	text-decoration:none;
}
.menuitem:visited
{
	color:White;
	text-decoration:none;
}
.menuitem:active
{
	color:White;
}



/*==================boxes====================*/
.box { background:url(..tr/img/box-bg.gif) left top repeat-x; width:100%;}
.box .border-top {background:url(../tr/img/top.png) repeat-x top;}
.box .border-bot {background:url(../tr/img/bottom.png) repeat-x  bottom;}
.box .border-left {background:url(../tr/img/left.png) repeat-y left;}
.box .border-right {background:url(../tr/img/right.png) repeat-y right;}
.box .left-top-corner {background:url(../tr/img/top-left3.png) no-repeat left top;}
.box .left-bot-corner {background:url(../tr/img/bottom_left1.png) no-repeat left bottom; width:100%;}
.box .right-bot-corner {background:url(../tr/img/bottom_right1.png) no-repeat right bottom; }
.box .right-top-corner {background:url(../tr/img/top_right1.png) no-repeat right top)}

.box .left-top-corner1 {background:url(../tr/img/top_left1.png) no-repeat left top;}
.box .right-top-corner1{background:url(../tr/img/top_right.png) no-repeat right top)}

.box .left-bot-corner1 {background:url(../tr/img/bottom_left2.png) no-repeat left bottom; width:100%;}
.box .right-bot-corner1 {background:url(../tr/img/bottom_right2.png) no-repeat right bottom; }

.box .inner { padding:27px 35px 30px 34px;}




#modalPage
{
    display:none;
    position:fixed;
    width: 100%;
    height: 100%;
    top: 0px; left: 0px;
}

#modalPage1
{
    display:none;
    position:absolute;
    
    width: 100%;
    height: 100%;
    top: 0px; left: 0px;
}

#modalPage2
{
    display:none;
    position:absolute;
    
    width: 100%;
    height: 100%;
    top: 0px; left: 0px;
}

#modalPage3
{
    display:none;
    position:absolute;
    
    width: 100%;
    height: 100%;
    top: 0px; left: 0px;
}

#modalPage4
{
    display:none;
    position:absolute;
    
    width: 100%;
    height: 100%;
    top: 0px; left: 0px;
}

.modalBackground
{
    filter: Alpha(Opacity:40); -moz-opacity:0.4; 
    opacity: 0.4;
    width: 100%; 
    height: 250%;
    position:static;
    background-color: #999999;
    position: absolute;
    z-index: 500;
    top: 0px; left: 0px;
}


.modalContainer
{
    position:absolute;
    width: 300px;
    left: 50%;
    top: 50%;
    z-index: 750;
}

.modal
{
    background-color: white;
    border: ridge 4px gray;
    position: relative;
    top: -155px;
    left: -280px;
    z-index: 1000;
    width: 590px;
    height: 433px;
    padding: 0px;
    overflow:scroll;
    
}

.modalTop
{
    width: 565px;
    background:url(../tr/img/nav-box-bg.gif) repeat-x;
    padding: 4px;
    color: #ffffff;
    text-align: right;
}

.modalTop a, .modalTop a:visited
{
    color: #ffffff;
}
.modalBody
{
    padding: 10px;
}

ul { list-style:none;}

.list2 { padding:4px 0 10px 0;}
.list2 li { width:100%; overflow:hidden; padding-bottom:20px;}
.list2 li.last { padding-bottom:0 !important;}
.list2 li img { float:left; margin-right:20px;}
.list2 li h5 { padding-top:6px;}
.list2 li h6 { padding-top:15px;}