
/* Common Styles ------------------------------------------- */

	* {
		margin:0;
		padding:0;
	} 
	
	body{
		text-align:center;
		font-family:Arial, Helvetica, sans-serif;
		font-size:62.5%;
		background-color:#dde2e6;
	}
	
	img{
		border:0;
	}
	
	h1 {
		font-size:2.6em;
		line-height:1.2em;
		font-weight:normal;
		position: absolute;
		bottom: 11px !important; /* For Safari, Firefox & IE 7 =>> IE 6 will ignore !important tag */
		bottom: 14px; /* For IE 6 */
		left: 0px;
		width: 100%;
		

		
	}
	
	h1 span {		
		padding: 4px 10px 3px 10px;
		line-height:37px;
	}
	
	h1.green span{color:#fff; background-color:#72c0ba;}
	h1.aqua span{color:#fff; background-color:#49a4c2;}
	
	h2{
		font-size:2.2em;
		padding:10px 0 10px 10px;
		font-weight:normal;
	}
	
	.green{color:#72c0ba;}
	
	p {
		/* font-size:1.2em; */
		color:#5f5f5f;
	}
	
	ul{
		margin-left:9px;
	}
	
	#leftColumn ul {
	color:#5F5F5F;
	font-size:1.2em;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:disc;
	padding:0 0 10px 15px;
	line-height:1.5em;
}



	
	a{
		color:#5f5f5f;
	}
		a:visited{color:#5f5f5f;}
		a:hover{color:#62A7C0;}
	
	#imageContainer{
		position:relative;
		height:327px;
		width:713px;
		margin-bottom:18px;
	}
	
	#imageContainer img{
		width:100%;
	}
	

/* Common Styles ------------------------------------- [END] */


/* Page Structure Styles ----------------------------------- */

	#wrapper{
		width:972px;
		margin:0 auto;
		text-align:left;
		background-image:url(../images/common/site-shadow-sides.gif);
		background-repeat:repeat-y;
		background-color:#fff;
	}
	
	#shadowTop{
		background-image:url(../images/common/site-shadow-top.jpg);
		height:23px;
	}
	
	#header{
		position:relative;
		width:940px;
		height:69px;
		position:relative;
		left:16px;
	}
	
	.logo{
		position:relative;
		left:12px;
		top:7px;
	}
	
/* Page Structure Styles ----------------------------- [END] */


/* Search Styles ------------------------------------------- */

	#quickSearch {
		background-image:url(../images/common/search.gif);
		background-repeat:no-repeat;
		height:20px;
		position:absolute;
		right:13px;
		top:39px;
		width:165px;
	}
	
	#quickSearch label {
		display:none;
	}
	
	#quickSearch #searchBox {
		border:0 none;
		color:#575757;
		font-size:1.1em;
		height:13px;
		width:135px;
		overflow:hidden;
		margin:2px 0 0 22px;
		padding:0;
	}

/* Search Styles ------------------------------------- [END] */


/* Column Styles ------------------------------------------- */

	#leftColumn{
		width:713px;
		float:left;
		padding:10px 0 0 10px;
		
	}
	
	#leftColumn p{
		/* padding:0 50px 10px 10px; */
		line-height:1.5em;
		
	}
	

	
	#rightColumn{
		width:197px;
		float:right;
		padding-top:10px;
	}

/* Column Styles ------------------------------------- [END] */


/* Content Wrapper Styles ---------------------------------- */

	#contentWrapper{
		float:left;
		padding:0 26px 30px 16px;
		width:930px;
		background-image:url(../images/common/site-base-inner-shadow.jpg);
		background-repeat:no-repeat;
		background-position:bottom;
	}

/* Content Wrapper Styles ---------------------------- [END] */


/* Top Navigation Styles ----------------------------------- */

	#navContainer{
		width:920px;
		float:left;
		position:relative;
		left:26px;
		font-size:1.2em;
		background-color:#666666;
	}
	
	.navList{
		float:left;
		background-image:url(../images/common/nav-top-gap.gif);
		background-repeat:repeat-x;
		background-position:top;
		width:920px;
		margin:0;
	}
	
	.navList li{
		float:left;
		list-style-type:none;
	}
	
	.navList li a.last{
		background-image:none;
	}
	.navList li a.last:hover{
		background-image:url(../images/common/nav-hover.gif);
		background-repeat:repeat-x;
		background-position:top;
	}
	
	.navList a{
		display:block;
		padding:10px 12px 6px 12px;
		color:#f5f5f5;
		text-decoration:none;
		font-weight:bold;
		background-image:url(../images/common/nav-separator.gif);
		background-repeat:no-repeat;
		background-position:right 3px;
	}
	
	.navList a:visited{color:#f5f5f5;}
	.navList a:hover{
		background-image:url(../images/common/nav-hover.gif);
		background-repeat:repeat-x;
		background-position:top;
		color:#fff;
	}
	
	.navList li.active{
		background-image:url(../images/common/nav-on-tab-right.gif);
		background-repeat:repeat-x;
		background-position:right top;
		background-color:#ecf0f3;
	}
	
	.navList li.active a{
		background-image:url(../images/common/nav-on-tab-left.gif);
		background-repeat:no-repeat;
		background-position:left top;
		color:#49a4c2;
	}
		.navList li.active a:visited{color:#49a4c2;}
		.navList li.active a:hover{
			background-image:url(../images/common/nav-on-tab-left.gif);
			background-repeat:no-repeat;
			background-position:left top;}

/* Top Navigation Styles ----------------------------- [END] */


/* Sub Navigation Styles ----------------------------------- */

	#subNavContainer{
		float:left;
		position:relative;
		left:26px;
		width:920px;
		font-size:1.2em;
	}
	
	.subNavList{
		float:left;
		background-color:#ecf0f3;
		background-image:url(../images/common/sub-nav-corners.gif);
		background-repeat:no-repeat;
		background-position:bottom;
		width:915px;
		padding-left:5px;
		margin:0;
	}
	
	.subNavList li{
		float:left;
		list-style-type:none;
	}
	
	.subNavList a{
		display:block;
		padding:8px 7px 8px 7px;
		color:#787878;
		text-decoration:none;
		font-weight:normal;
	}
	
	.subNavList a:hover{
		text-decoration:underline;
		color:#787878;
	}
	
	.subNavList li.active a{
		color:#49a4c2;
		background-image:url(../images/common/subNavArrow.gif);
		background-repeat:no-repeat;
		background-position:center bottom;
	}

/* Sub Navigation Styles ----------------------------- [END] */


/* Footer Styles ------------------------------------------- */

	#footer{
		clear:both;
		background-image:url(../images/common/site-shadow-base.gif);
		background-repeat:no-repeat;
		height:26px;
		background-color:#dde2e6; /* NEEDED FOR IE 6 */
		padding-bottom:20px;
	}
	#footer p{
		padding:20px 0 0 35px;
		font-size:1.1em;
		float:left;
		width:175px;
		color:#666666;
	}
	#footer p.credit{
		padding:20px 30px 0 0;
		float:right;
		text-align:right;
	}
	#footer ul{
		list-style:none;
		float:left;
		padding-top:20px;
		width:430px;
	}
	#footer ul li{
		float:left;
		padding-right:5px;
		font-size:1.1em;
		color:#a6a6a6;
	}
	#footer a{
		color:#a6a6a6;
	}
		#footer a:visited{color:#a6a6a6;}
		#footer a:hover{color:#000;}

/* Footer Styles ------------------------------------- [END] */



/* Side Box Styles ----------------------------------------- */

	
	/* SideBox Styles Specific : Aqua ///////////// */

	.aquaSideBox{
		background-image:url(../images/common/sideBox-base-aqua.gif);
		background-color:#72c0ba;
	}
	.aquaSideBox h2{
		background-image:url(../images/common/sideBox-top-aqua.gif);
		color:#454545;
	}
	
	.aquaSideBox ul{color:#fff;}
	
	.aquaSideBox ul li{background-image:url(../images/common/sideBox-separator-aqua.gif);}
	
	.aquaSideBox ul li a{color:#fff;}
		.aquaSideBox ul li a:visited{color:#fff;}
		.aquaSideBox ul li a:hover{color:#8BC0E4; background-color:#39605d;}
		.aquaSideBox ul li a.active{color:#8BC0E4; background-color:#39605d;}

	/* SideBox Styles Specific : Aqua /////// [END] */
	
	
	/* SideBox Styles Specific : Grey ///////////// */

	.greySideBox{
		background-image:url(../images/common/sideBox-base-grey.gif);
		background-color:#6b6b6b;
	}
	.greySideBox h2{
		background-image:url(../images/common/sideBox-top-grey.gif);
		color:#fff;
	}
	.greySideBox p{color:#fff;}
	
	.greySideBox p a{color:#8BC0E4;}
		.greySideBox p a:visited{color:#8BC0E4;}
		.greySideBox p a:hover{color:#fff;}
	
	/* SideBox Styles Specific : Grey /////// [END] */
	
	
	/* SideBox Styles Specific : Orange /////////// */

	.orangeSideBox{
		background-image:url(../images/common/sideBox-base-orange.gif);
		background-color:#eb9001;
	}
	.orangeSideBox h2{
		background-image:url(../images/common/sideBox-top-orange.gif);
		color:#fff;
	}
	.orangeSideBox p{color:#fff;}
	
	.orangeSideBox p a{color:#fff;}
		.orangeSideBox p a:visited{color:#fff;}
		.orangeSideBox p a:hover{color:#b15000;}

	/* SideBox Styles Specific : Orange ///// [END] */
	

	/* SideBox Styles Generic ///////////////////// */

	.sideBox{
		width:197px;
		padding-bottom:5px;
		background-position:bottom;
		background-repeat:no-repeat;
		margin-bottom:10px;
		position:relative;
	}
	.sideBox.image h2{
		background-image:none;
	}
#contentWrapper	.sideBox h2{
		display:block;
		font-weight:normal;
		font-size:1.6em;
		line-height:1.3em;
		background-position:top;
		background-repeat:no-repeat;
		padding:15px 0 5px 12px;
		margin-bottom: 0px;
	}
	.sideBox p{
		font-size:1.2em;
		padding:5px 10px 10px 12px;
	}
	.sideBox ul{
		list-style:none;
		font-size:1.2em;
		margin:0;
	}
	.sideBox ul li{
		padding:5px 10px 10px 0;
		background-repeat:no-repeat;
		background-position:bottom;
		width:187px;
	}
	.sideBox ul li a{
		display:block;
		width:175px;
		margin-left:12px;
		background-position:bottom;
		background-repeat:repeat-x;
		text-decoration:none;
	}
	.sideBox ul li.last{
		background-image:none;
	}
	
	/* SideBox Styles Generic /////////////// [END] */
	
	
	
	/* SideBox Styles Form //////////////////////// */
	
	.sideBox form{
		padding:0 0 0 10px;
	}
	
	.sideBox p.forgotten{
		padding:0;
		float:right;
		font-size:1.1em;
		width:100px;
		text-align:right;
		position:relative;
		right:10px;
	}
	
	#rightColumn .sideBox p.forgotten a{
		color:#c0c0c0;
	}
	
	#rightColumn .sideBox p.forgotten a:hover{color:#fff;}
	
	.sideBox p.register{
		clear:both;
	}
	
	.sideBox form div{
		position:relative;
	}
	
	.sideBox form input{
		width:170px;
		font-size:1.2em;
		color:#757575;
		margin-bottom:10px;
	}
	
	.sideBox form label{
		position:absolute;
		top:5px;
		left:5px;
		display:inline;
		font-size:1.2em;
		color:#757575;
		float:none;
		padding:0;
		width:inherit;
	}
	
	input#login-submit{
		width:70px;
		height:24px;
		background-image:url(../images/common/login-button.jpg);
		background-position:0 0;
		border:0 none;
		color:#fff;
		float:left;
		cursor:pointer;
	}
	
	input#login-submit:hover{
		background-position:0 -24px;
		cursor:pointer;
	}
	
	/* SideBox Styles Form ////////////////// [END] */
	
	
	/* Label styles /////////////////////////////// */
	
	label{
		font-size:1.2em;
		color:#5f5f5f;
		display:block;
		float:left;
		padding:10px 0 5px 0;
		width:210px;
	}
	
	/* Label styles ///////////////////////// [END] */
	
	
	/* Input styles /////////////////////////////// */
	
	input, textarea{
		border:1px solid #cccccc;
		font-size:1.4em;
		padding:3px;
		color:#5f5f5f;
	}
	
	input{
		width:190px;
	}
	
	/* Input styles ///////////////////////// [END] */
	
	
/* Side Box Styles ----------------------------------- [END] */
