﻿/*
    Interface only Styles

	reds:
			#C1002B;
	greys:
			#69727b;
*/

body {
	font:normal normal normal 0.8em Arial, Verdana, Helvetica, Sans-Serif;
	background-color:#ffffff;
	margin:0px;
	padding:5px;
	text-align:center;
}

.main{
    width:974px;
    text-align:left;
    margin:5px auto 0px auto;
}


.top{

    margin-bottom:2px;
}
.top .block{
    height:67px;
    width:100%;
    display:block;
}

.top .block .logo{
    width:49%;
    float:left;
}

.top .block .details{
    width:49%;
    float:right;
}

.top .block .address{
    font-size:0.9em;
    text-align:right;
    margin-right:5px;
}
.top .block .address strong{
    color:#C1002B;
}
.top .block .address a{
    color:#000000;
    text-decoration:none;
}
.top .block .address a:hover{
    text-decoration:underline;
}
.top .block .search{
    text-align:right;
}
.top .block .search input.button{
    border:1px solid #C1002B;
    background-color:#C1002B;
    color:#ffffff;
    font-size:0.9em;
    margin-top:9px;
}
.top .block .search input.TextBox{
    border:1px solid #C1002B;
    background-color:#ffffff;
    font-size:0.9em;
    margin-right:5px;
}

.top .mainMenu{
    width:100%;
    display:block;
    background-color:#C1002B;
}
.top .mainMenu ul{
    height:inherit;
    margin:0px;
    padding:0px;
    border:0px;
}
.top .mainMenu ul li{
    height:inherit;
    display:inline;
    margin:0px;
    padding:0px;
}
.top .mainMenu ul li a
{
    background-color:#C1002B;
    font-size:1.2em;
    display:inline-block;
    margin:0px;
    padding:3px 8px 5px 8px;
    color:#ffffff;
    text-decoration:none;
    border-right:2px solid #ffffff;
}
.top .mainMenu ul li a:hover
{
    background-color:#69727b;
}
.top .mainMenu ul li a.selected
{
    background-color:#69727b;
}
.bottom{
    border-top:1px solid #C1002B;
    font-size:0.85em;
    text-align:center;
}


.bottom a
{
    color:#C1002B;
    line-height:16px;
}

.bottom a:hover
{
    border-bottom:1px solid #C1002B;
}
/*--- sub menu ---*/

.subMenu
{
    width:182px;
    float:left;
    padding:0px;
    height:330px;
    margin-right:10px;
}
.subMenu ul.menuList
{
    background-color:Transparent;
    background-image:url("");
    border:0px;
    padding:0px;
    margin:0px 10px 0px 0px;
}
.subMenu ul.menuList li
{
    border-bottom:2px solid #ffffff;
    background-image:url("");
    padding:0px;
    margin:0px;
}
.subMenu ul.menuList li a
{
    padding:0px 0px 0px 15px;
    background-color:#C1002B;
    line-height:24px;
    width:100%;
    color:#ffffff;
    text-decoration:none;
    display:block;
    width:165px;
}

.subMenu ul.menuList li a:hover
{
    background-color:#69727b;
}
.subMenu ul.menuList li.selected a
{
    background-color:#69727b;
}



/* --- box design ---*/
.box
{
	width:250px;
	float:right;
	margin:10px;
	background-color:#e5e5e5;
	border:4px solid #d0d0d0;
}
	.box .top
	{
		height:4px;
	}
	.box .bottom
	{
		height:4px;
		background-color:#cfcfcf;
	}
	.box .middle
	{
	}
	/* inner box styles */
	.box .middle .title
	{
		padding:0px 3px 3px 7px;
		font-size:1em;
		color:#888888;
	}
	.box .middle .pdf
	{
		padding:3px;
	}
	.box .middle .pdf a
	{
		color:#aaaaaa;
		font-size:0.95em;
		text-decoration:none;
	}
	.box .middle .pdf img
	{
		margin:0px 10px 5px 5px;
	}
	.box .middle .tip
	{
		margin:5px 0px 0px 0px;
		padding:3px 0px 0px 0px;
		background-color:#cfcfcf;
		text-align:center;
		color:#888888;
		font-size:0.95em;
	}
	.box .top .left
	{
		position:relative;
		float:left;
		top:-4px;
		left:-4px;
	}
	.box .top .right
	{
		position:relative;
		float:right;
		top:-4px;
		right:-4px;
	}
	.box .bottom .left
	{
		position:relative;
		float:left;
		bottom:-4px;
		left:-4px;
	}
	.box .bottom .right
	{
		position:relative;
		float:right;
		bottom:-4px;
		right:-4px;
	}	
/* --- --------------*/


