@import url("css/menu.css");

/* CSS Document */
html, body, #contents {
	min-height: 100%;
	width: 100%;
	height: 100%;
}

/*
 * The "height" above is a hack for IE5+/Win.  Below we adjust
 * it using the child selector to hide from IE5+/Win
 */

html>body, html>body #contents {
	height: auto;
}
#contents {
	position: absolute;
	top: 0;
    left: 0;
/*  Use the following to center this at 50% width, or this for 750px: width: 700px, margin-left: -350px: */
/*
	left: 50%;
    width: 50%;
    margin-left: -25%;
*/
}

#footer {
	position: absolute;
	bottom: 0;
	width: 70%; /* See note below */
	text-align: center;
	padding: 0 15%;
}

/* SBMH -- see http://css-discuss.incutio.com/?page=BoxModelHack 
 * Stupid hack lets IE see 100%, others see 70%. 
 */
#footer {
    \width: 100%;
    w\idth: 70%;
}

#main {
	margin-bottom: 5em;
	height: auto;
	padding: .5em;
	padding-top:0;
}

html {overflow-y: scroll;} 
body {background:#474747 url(images/frontpage_bg.png) repeat-x top left; margin:0; padding:0px;line-height: 18px}

/*-------- Default Style --------*/
th,td,div, p{color:White; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:normal; font-size: 11px; padding:0px; margin:0px;}
ul, li{color:White; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:normal; font-size: 11px;padding-left:0px; margin-left:10px; padding-top:0px;margin-top:0px;}
img { vertical-align:bottom;}
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;
}
OL UL LI
{
	list-style-type: disc;
}
/*-------- design style --------*/
.template_style{width:500px; height: 100%; margin: auto; background: url(images/frontpage.png) no-repeat top left;}
.content_style{ height: 450px; width:500px; text-align:center;}

.box 
{  
	margin:auto;
	background:#474747 url(images/box_frontpage.png) repeat-x top left; width:442px; height:249px;
	font-size:16px;
	padding:30px;
	padding-top:30px;
	cursor:pointer;
	text-align:left;
	line-height: 20px;
}
.box a, .box a:hover, .box a:active, .box a:visited, .box a:link 
{
	color:White; 
	text-decoration:none; 
	font-size:15px; 
	font-weight:normal; }

.boxheader
{
	font-size:16px;
	font-weight:bold;
	padding-bottom:30px;
	width:100%;
	text-align:center;
	
}
.redirectMessage
{
	text-align:center;  color:#ff9900; height: 40px; font-size:13px; padding-top:10px;
}
.inlineImage
{
	float: right;
	display: inline;
}

.clear_float{clear:both;}


/*-------------- Footer Style --------------*/
.footer,a.footer:link,a.footer:active,a.footer:visited { color:#4F839F; font-size:12px;}
a.footer:hover{color:#C00;}

.BottomLinks { text-align:center;  color:#ff9900; height: 40px;}
.BottomLink
{
	color:#ff9900;
	text-decoration:none; 
}