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

body{
background-image:url(images/template/main-bg-image.jpg);
background-repeat:repeat-x;
background-color:#daeefa;
font-family:Verdana, Geneva, sans-serif
}

h1
{
	font-size:18px;
	color:#002467;
}

h2
{
	font-size:16px;
	color:#002467;
	font-style:italic;
}

.container
{
	width:900px;
	margin:0 auto 0 auto;
	text-align:justify;
}

.subhead
{
	font-weight:bold;
	color:#002467;
}
.raquo
{
	font-size:80px;
	padding:0;
}

/************************************************/
/*********************Homepage*******************/
/************************************************/
.cloud9-3-box{
	color:#FFF;
	width:243px;
	height:175px;
	background-image:url(images/common/cloud-9-3-hot-spot.png);
	background-repeat:no-repeat;
	padding:25px 25px 0 25px;
	margin:10px 10px 0 0;
	display:block;
	text-decoration:none;
	float:left;
	text-align:center;
	font-size:20px;

}
.cloud9-3-box a{
	color: #FFF;
	text-decoration:none;

}

.cloud9-3-box a:hover{
	color: #ccc;

}


.cloud9-4-box {
	color:#FFF;
	width:243px;
	height:175px;
	background-image:url(images/common/cloud-9-4-hot-spot.png);
	background-repeat:no-repeat;
	padding:25px 25px 0 25px;
	margin:10px 10px 0 0;
	display:block;
	text-decoration:none;
	float:left;
	text-align:center;
	font-size:20px;
}

.cloud9-4-box a{
	color: #fff;
	text-decoration:none;

}

.cloud9-4-box a:hover{
	color: #ccc;
	
}

.points-hot-spots{
	color:#fff;
	width:268px;
	height:190px;
	background-image:url(images/common/point-hot-spot.png);
	background-repeat:no-repeat;
	padding:10px 0 0 25px;
	margin:10px 0 0 0;
	display:block;
	text-decoration:none;
	float:left;
	text-align:right;
	font-size:20px;

}


.points-hot-spots a{
	color: #fff;
	text-decoration:none;
	padding:3px 34px 0 0;
	margin:0 10px;
	display:block;
	background-image:url(images/template/arrow.png);
	background-position:right;
	background-repeat:no-repeat;
	height:57px;

}

.points-hot-spots a:hover{
	color: #ccc;
	background-image:url(images/template/arrow-over.png);
}


/******************************************************/
/*********************Header***************************/
/******************************************************/
.header
{
	font-size:24px;
	font-weight:bold;
	color:#002467;
	white-space:nowrap;
}

/******************************************************/
/*********************Navigation***********************/
/******************************************************/

.middle-left
{
	background:url(images/template/nested-div-l.gif) 0 0 ;
	background-repeat:repeat-y;
	background-color:#FFFFFF;
}

.middle-right
{	
	background:url(images/template/nested-div-r.gif) 100% 0;
	background-repeat:repeat-y;
}

/***************************************************/
/*********************Content***********************/
/***************************************************/
.flash{
	margin:0;
	padding:0;
	background-color:#FFF;
	border-left:1px solid #000;
	border-right:1px solid #000;
	cursor:default;
	width:898px;
}


.content
{
	padding:10px 27px 1px 24px;
	min-height:250px;
	font-size:12px;
	background-color:#FFF;
	border-right:1px solid #000;
	border-left:1px solid #000;
	
}
.content a
{
	text-decoration:underline;
	color:#002467;
}
.content a:hover
{
	text-decoration:none;
	color:#000;
}

.spry
{
	margin:0px;
	padding:2px 8px 0 8px;
	height:30px;
	width:884px;
	font-size:12px;
	color:#FFF;
	font-weight:bold;
	text-transform:uppercase;
	background-image:url(images/template/blue-background-1.gif);
	background-repeat:repeat-x;
}

.newyears-box{
	background-color:#fff;
	border-right:1px solid #000;
	border-left:1px solid #000;
	padding:1px 0 1px 0;
	margin:0 0 0 0;
	text-align:center;
	font-size:12px;
}

.newyears-box table td{
	font-weight:100;
	}

.newyears-box ul{
	margin-left:10px;
	padding-left:10px;
}

.newyears-box  a
{
	text-decoration:underline;
	color:#002467;

}
.newyears-box  a:hover
{
	text-decoration:none;
	color:#000;
}

/**************************************************/
/*********************Footer***********************/
/**************************************************/

.text-links
{
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#002467;
}
.text-links a
{
	text-decoration:underline;
	color:#002467;

}
.text-links a:hover
{
	text-decoration:none;
	color:#000;
}

/*************************************/
/***************Menu******************/
/*************************************/



.menu
{
	border:1px solid #ccc;
	background-color:#f4f3f3;
	padding:10px;
	width:500px;
	margin: 0 auto 0 auto;
	text-align:center;
}
.menu ul
{
	text-align:left;
	
}
.menu img
{
	margin: 0 auto 0 auto;
}

.menu form
{
	
	text-align:left;
}

#shadow-container {
	position: relative;
	left: 3px;
	top: 3px;
	margin-right: 3px;
	margin-bottom: 3px;
	width:500px;
}

.newyears-box #shadow-container,.newyears-box .menu {
	width:auto;
	font-size:10px;

}

.newyears-box #shadow-container{
	margin-right:10px;	
}


 
#shadow-container .shadow2,
#shadow-container .shadow3,
#shadow-container .shadow4,
#shadow-container .shadow5,
#shadow-container .shadow6,
#shadow-container .container {
	position: relative;
	left: -1px;
	top: -1px;
}

#shadow-container .shadow1 {
		background: #e7e7e7;
	}
#shadow-container .shadow2 {
		background: #d1d1d1;
	}
#shadow-container .shadow3 {
		background: #b3b3b3;
	}
#shadow-container .shadow4 {
		background: #6e6e6e;
	}
#shadow-container .shadow5 {
		background: #585858;
	}
#shadow-container .shadow6 {
		background-color: #474747;
 
	}
#shadow-container  {
		/*background: #ffffff;
		border: 1px solid #848284;
		padding: 10px;*/
		width:520px;
        margin: 0 auto 0 auto;

	}

h2.20 {
	font-size:20px;
	font-style:normal;
}