@charset "UTF-8";
/* CSS Document */

body{
	background: #021328;
	color:#FFFFFF;
	font:85% Arial, Helvetica, sans-serif;
}

#form_area {
    
    }
    #form_area form table tr td{
            background-color: transparent !important;
            color: #ffffff !important;
            }
    #form_area form table tr td img{
            padding: 10px 0;
            }
            .onlineform{
                width: 200px;
                }
	    input {
                float: left;
                }

#header{
	background:url(/system/modules/edu.dom.blues/images/header_BG.png) repeat-x;
	width: 90%;
	height: 25px;
	padding: 8px 5% 0px;
	position: absolute;
	top: 25px;
	left: 0px;
	z-index:1;
}
.DUname{
	float:right;
	padding-top: 3px;
	margin-right: 5%;
}
#blueBox{
	background:url(/system/modules/edu.dom.blues/images/content_BG.png);
	min-width: 400px;
	width: 55%;
	height: 80%;
	min-height: 400px;
	margin: 85px 10px 32px 5%;
}
#content{
	width: 90%;
	height: 90%;
	margin-left:5%;
	padding-right:8px;
	position: relative;
	overflow:scroll;
}
#onTop{
	height: 5%;
	width:100px;
}
#footer{ 
	background: url(/system/modules/edu.dom.blues/images/footer_BG.png) no-repeat;
	position:absolute;
	font-size:80%;
	padding: 8px 0px 0px 5%;
	width: 95%;
	height:24px;
	bottom: 0px;
	left:0px;
	z-index:1;
}
#blueslogo{
	background:url(/system/modules/edu.dom.blues/images/logoShadow.png);	
	width: 330px;
	height:205px;
	position:absolute;
	bottom: 0px;
	right:0px;
	z-index:1;
	
}
#rightImage{
	width:390px;
	height:590px;
	bottom: 0px;
	right: 0px;
        background:url(/system/modules/edu.dom.blues/images/logoShadow.png);
	position:absolute;
	background: bottom right no-repeat;
	z-index:0;
}
#wrapper{
	background:url(/system/modules/edu.dom.blues/images/bgHands.gif) center bottom no-repeat;
	width:100%;
	min-width: 900px;
	height:100%;
	min-height: 650px;
	position:absolute;
	float:right;
	top: 0px;
	left:0px;
	z-index: 0;
}
#header ul{
	margin: 0px;
	padding: 0px;

}
#header li{
	float: left;
	padding: 0px;
	margin: 0px 10px 0px 0px;
	list-style: none;
}
a{
	color: #ffffff;
	text-decoration:none;
}
a:hover{
	color:#99ccff;
	text-decoration:underline;
}
h1{
	font: 1.4em;
	margin-top:0px;
}
h2{
	font:1.25em;
	margin-top:0px;
}
h3{	font:1.1em;
	margin-top:0px;
}
table{
	width: 100%;
}
td{
	padding: 5px 10px;
}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls.com/menu/photo_click.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#gallery {width:inherit; height:inherit; position:absolute; border:1px solid #ddd; background:transperent;}
#gallery ul {list-style:none; padding:5px; margin:0; width:195px; float:right; height:100%; overflow:auto;}
#gallery ul li {display:inline; width:50px; height:50px; float:left; margin:0 4px 4px 0; border:1px solid #444; cursor:pointer;}
#gallery ul li img {display:block; width:50px; height:50px;}
#gallery ul li span {display:none; position:absolute; left:0px; top:235px; width:200px;font-family:verdana, arial, sans-serif; color:#06a; font-size:11px; line-height:15px; text-align:justify;}
#gallery ul li span b {color:#fff;}

/* required for IE5.x and IE6 to display the start image size correctly */
#gallery ul li.click i img.default {margin:5px auto 0 auto; width:320px; height:240px; border:1px solid #fff;}

#gallery ul li.off {display:none;}

#gallery ul li.click {border-color:#fc0; background:#f8f8f8; cursor:default;}

#gallery ul li.click i {position:absolute; left:0; top:0; width:545px; height:355px;}

#gallery ul li.click i img {margin:5px auto 0 auto; width:auto; height:auto; border:1px solid #fff;}

#gallery ul li.click span {display:block;}