/*
body background: rgb(40, 60, 60)
body text: rgb(230, 255, 255)
box background: rgb(40, 100, 100)
inner box background: rgb(40, 150, 150)
frame background: rgb(100, 255, 255)
*/

body
{
	background-color: rgb(36, 25, 67);
}

h1, h2, h3, h4, h5, h6, p, table, li, figure
{
	font-family: Verdana, sans-serif;
	color: rgb(220, 255, 255);
	text-align: left;
}

td
{
	padding: 10px 10px 0px 0px;
	vertical-align: top;
}

img
{
	vertical-align: middle;
}

.boxTop, .boxMiddle, .boxBottom
{
	margin-left: auto;
	margin-right: auto;

	-moz-box-shadow: 10px 10px 10px rgb(0, 0, 0);
	-o-box-shadow: 10px 10px 5px rgb(0, 0, 0);
	-webkit-box-shadow: 10px 10px 5px rgb(0, 0, 0);
	-khtml-box-shadow: 10px 10px 5px rgb(0, 0, 0);
	-ms-box-shadow: 10px 10px 5px rgb(0, 0, 0);
	box-shadow: 10px 10px 20px rgb(0, 0, 0);

	background: rgb(91,63,171);
}

.boxTop
{
	width: 960px;
	padding: 20px;

	-moz-border-radius: 0px 10px 0px 0px;
	-o-border-radius: 0px 10px 0px 0px;
	-webkit-border-radius: 0px 10px 0px 0px;
	-khtml-border-radius: 0px 10px 0px 0px;
	-ms-border-radius: 0px 10px 0px 0px;
	border-radius: 0px 10px 0px 0px; 

	margin-top: 15px;
	margin-bottom: 0px;

    background: -moz-linear-gradient(315deg, transparent 20px, rgb(91,63,171) 20px);
    background: -o-linear-gradient(315deg, transparent 20px, rgb(91,63,171) 20px);
    background: -webkit-linear-gradient(315deg, transparent 20px, rgb(91,63,171) 20px);
    background: -khtml-linear-gradient(315deg, transparent 20px, rgb(91,63,171) 20px);
    background: -ms-linear-gradient(315deg, transparent 20px, rgb(191,63,171) 20px);

    background-position: top left;
    background-repeat: no-repeat;
}

.boxMiddle, .boxNav, .boxNavSelect
{
	-moz-border-radius: 0px 0px 0px 0px;
	-o-border-radius: 0px 0px 0px 0px;
	-webkit-border-radius: 0px 0px 0px 0px;
	-khtml-border-radius: 0px 0px 0px 0px;
	-ms-border-radius: 0px 0px 0px 0px;
	border-radius: 0px 0px 0px 0px;
}

.boxMiddle
{
	width: 990px;
	padding: 0px 5px;

	margin-top: 1px;
	margin-bottom: 0px;
}

.boxBottom
{
	width: 990px;
	padding: 0px 5px 5px 5px;

	margin-top: 0px;
	margin-bottom: 10px;

	-moz-border-radius: 0px 0px 0px 10px;
	-o-border-radius: 0px 0px 0px 10px;
	-webkit-border-radius: 0px 0px 0px 10px;
	-khtml-border-radius: 0px 0px 0px 10px;
	-ms-border-radius: 0px 0px 0px 10px;
	border-radius: 0px 0px 20px 10px;

	background: -moz-linear-gradient(135deg, black 20px, rgb(36, 25, 67) 20px);
    background: -o-linear-gradient(135deg, black 20px, rgb(36, 25, 67) 20px);
    background: -webkit-linear-gradient(135deg, black 20px, rgb(91,63,171) 20px);
    background: -khtml-linear-gradient(135deg, black 20px, rgb(36, 25, 67) 20px);
    background: -ms-linear-gradient(135deg, black 20px, rgb(36, 25, 67) 20px);

    background-position: bottom right;
    background-repeat: no-repeat;
}

.boxNav, .boxNavSelect
{
	width: 188px;
	margin: 10px 0px 0px 5px;

	display: inline-block;
	text-align: center;

	background: rgb(36, 25, 67); 
    background: -moz-linear-gradient(315deg, transparent 5px, rgb(36, 25, 67) 5px);
    background: -o-linear-gradient(315deg, transparent 5px, rgb(36, 25, 67) 5px);
    background: -webkit-linear-gradient(315deg, transparent 10px, rgb(36, 25, 67) 10px);
    background: -khtml-linear-gradient(315deg, transparent 10px, rgb(36, 25, 67) 10px);
    background: -ms-linear-gradient(315deg, transparent 10px, rgb(36, 25, 67) 10px);

    background-position: top left;
    background-repeat: no-repeat;
}

.boxNav
{
	border-bottom: thick solid rgb(36, 25, 67);
}

.boxNavSelect
{
	border-bottom: thick solid rgb(36, 25, 67);
}

.boxNav a, .boxNavSelect a
{
	height: 40px; 
	line-height: 40px; 

	display: block; 

	padding: 5px 40px;
}

.boxNav a:link, .boxNav a:visited, .boxNavSelect a:link
{
	color: rgb(220, 255, 255); 
	text-decoration: none;
}

.boxNav a:hover
{
	background: rgb(36, 25, 67);
	background: -moz-linear-gradient(315deg, transparent 5px, rgb(36, 25, 67) 5px);
    background: -o-linear-gradient(315deg, transparent 5px, rgb(36, 25, 67) 5px);
    background: -webkit-linear-gradient(315deg, transparent 10px, rgb(36, 25, 67) 10px);
    background: -khtml-linear-gradient(315deg, transparent 10px, rgb(36, 25, 67) 10px);
    background: -ms-linear-gradient(315deg, transparent 10px, rgb(36, 25, 67) 10px);

    background-position: top left;
    background-repeat: no-repeat;
36, 25, 67
	text-decoration: none;
}

.boxNavSelect a:visited
{
	color: rgb(36, 25, 67); 
	text-decoration: none;
}

.boxMain
{
	width: 950px;
	padding: 15px;

	margin-top: 0px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;

	-moz-border-radius: 0px 0px 10px 10px;
	-o-border-radius: 0px 0px 10px 10px;
	-webkit-border-radius: 0px 0px 10px 10px;
	-khtml-border-radius: 0px 0px 10px 10px;
	-ms-border-radius: 0px 0px 10px 10px;
	border-radius: 0px 0px 10px 10px;

	background: rgb(10, 50, 50);
	background: -moz-linear-gradient(135deg, transparent 20px, rgb(36, 25, 67) 20px);
    background: -o-linear-gradient(135deg, transparent 20px, rgb(36, 25, 67) 20px);
    background: -webkit-linear-gradient(135deg, transparent 20px, rgb(36, 25, 67) 20px);
    background: -khtml-linear-gradient(135deg, transparent 20px, rgb(36, 25, 67) 20px);
    background: -ms-linear-gradient(135deg, transparent 20px, rgb(36, 25, 67) 20px);

    background-position: bottom right;
    background-repeat: no-repeat;
}

.boxHeading
{
	width: 445px;
	padding: 10px 20px;

	margin: 0px auto;

	display: inline-block;
	/*text-align: center;*/
	font-size: 130%;

	background: rgb(91,63,171);
	background: -moz-linear-gradient(315deg, transparent 5px, rgb(91,63,171) 5px);
    background: -o-linear-gradient(315deg, transparent 5px, rgb(91,63,171) 5px);
    background: -webkit-linear-gradient(315deg, transparent 10px, rgb(91,63,171) 10px);
    background: -khtml-linear-gradient(315deg, transparent 10px, rgb(91,63,171) 10px);
    background: -ms-linear-gradient(315deg, transparent 10px, rgb(91,63,171) 10px);

    background-position: bottom right;
    background-repeat: no-repeat;
}

.boxText
{
	width: 910px;
	padding: 15px;

	margin: 0px auto;
	display: inline-block;

	-moz-border-radius: 0px 10px 0px 0px;
	-o-border-radius: 0px 10px 0px 0px;
	-webkit-border-radius: 0px 10px 0px 0px;
	-khtml-border-radius: 0px 10px 0px 0px;
	-ms-border-radius: 0px 10px 0px 0px;
	border-radius: 0px 10px 0px 0px;

	border: 5px solid rgb(145, 124, 286);
}

.boxFoot
{
	width: 920px;
	height: 0px;
	padding: 15px;

	margin-top: 0px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;

	display: inline-block;

	-moz-border-radius: 0px 0px 10px 10px;
	-o-border-radius: 0px 0px 10px 10px;
	-webkit-border-radius: 0px 0px 10px 10px;
	-khtml-border-radius: 0px 0px 10px 10px;
	-ms-border-radius: 0px 0px 10px 10px;
	border-radius: 0px 0px 10px 10px;

	background-color: rgb(145,124,286);

	background: -moz-linear-gradient(135deg, transparent 20px, rgb(145,124,286) 20px);
    background: -o-linear-gradient(135deg, transparent 20px, rgb(145,124,286) 20px);
    background: -webkit-linear-gradient(135deg, transparent 20px, rgb(145,124,286) 20px);
    background: -khtml-linear-gradient(135deg, transparent 20px, rgb(145,124,286) 20px);
    background: -ms-linear-gradient(135deg, transparent 20px, rgb(145,124,286) 20px);

    background-position: bottom right;
    background-repeat: no-repeat;
}

.boxFrame
{
	width: auto;
	height: auto;
	padding: 5px;
	
	margin: 10px auto;
	display: block;
	
	-moz-border-radius:  5px;
	-webkit-border-radius:  5px;
	-khtml-border-radius:  5px;
	border-radius: 5px; 
	
	background: rgb(145,124,286);
}

.boxHide
{
	width: 990px;
	padding: 5px;
	
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
	margin-bottom: 15px;

	text-align: center
}

a:link
{
	color: rgb(220, 255, 255);
	text-decoration: underline;
}

a:visited
{
	color: rgb(220, 255, 255);

	text-decoration: underline;
}

a:hover
{
	color: rgb(150, 150, 150);
	text-decoration: underline;
}