/* formatting for links -- */

a 	{		color: #9999CC;	
			text-decoration: none
	}
	
a:hover {	text-decoration: underline
	}
		
/* formatting for main body -- */
html,body {
	margin:				0;
	padding:			0;
	color:				#000;
}

body {
	padding:			10px;
	font:				76%/135% "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	color: 				#000000;
	margin:	   			.5em 1% .5em 1%;/* T R B L */
	background-color: 	#FFF;
}     

p	{font-size: 		.9em;
	margin:				1em 0;
	background-color:   #FFF;
	}

#floatleft {
content:
	text-align:			center;
	vertical-align:		middle;
	clear:				both;
	width:				40%;
	float:				left;
	padding:	   		1em 1% 1em 1%;/* T R B L */
}

#floatright {
	text-align:			center;
	vertical-align:		middle;
	clear:				both;
	width:				40%;
	float:				right;
	padding:	   		1em 1% 1em 1%;/* T R B L */
}

#footer {
	text-align:			center;
	font-size:			.7em;
	vertical-align: 	middle;
	clear:				both;
	background-color: 	#DDDDDD;
	margin:	   			0em 5% 0em 5%;/* T R B L */
	border: 			thin solid  #666666;
	padding: 			.2em;
}


/* Wrapper for the navigation. Use it to set the background colour and attach to main div. */
.nav {
	background:			#fff;
	padding:			0 0px;/* T R B L */
	margin:	   			.5em 0% -13px 5%;/* T R B L */
}

.boxed {background-image:	url("assets/box-bg.png");
		border-top:			1px groove #F2F2F2;
	    border-left: 		1px groove #666666;
	    border-right: 		1px groove #666666;
		border-bottom: 		1px groove #666666;
		vertical-align: 	middle;
		margin:	   			0em 0% .5em 0%;/* T R B L */
	 	padding:			.5em;
		}

h1 {background-color:  #FFF;
	vertical-align: 	middle;
	margin:	   			0em 10% 0em 10%;/* T R B L */
	padding:			.5em;
	color: 				#00CC33;
	font-size: 			1.2em;

   }	
h2 {background-color:  #FFF;
	vertical-align: 	middle;
	margin:	   			0em 10% 0em 10%;/* T R B L */
	padding:			.2em;
	font-size: 			1em;
	color: 				#0099CC;

	}
h3 {background-color:  #FFF;
	vertical-align: 	middle;
	margin:	   			0em 10% 0em 10%;/* T R B L */
	padding:			.2em;
	font-size: 			.8em;	
	background-color: 	#9999CC;  	
	color: 				#FFFFFF
	}
	
h4 {background-color:  	#FFF;
	vertical-align: 	middle;
	margin:	   			0em 10% 0em 10%;/* T R B L */
	padding:			.5em;
	font-size: 			.75em;
	color: 				#FF9900;
	}
	
h5 {text-align:			center;
	font-size: 			.6em;
	color: 				#9999FF;
}
	
h6 {font-size: 			.5em;
	font-weight: 		bold;
	font-variant: 		small-caps;
	color: 				#000000;
	}
	
table {
	color: 			#FFFFFF;
	vertical-align: middle;
	}
	
td, th {	
	font-size: 1em;
	color: #0099CC
	}
	
textarea {
	font-size: 1em
	}
	
ul {	
	font-size: 1em;	
	list-style-position: inside;
	background-color:  #F2F2F2;
	vertical-align: 	middle;
	margin:	   			0em 10% 0em 10%;/* T R B L */
	padding:			1em;
    font-size: 			.7em;
	}
	
.Bullet {list-style-type: square;
	}

/* CSS for the box starts here
================================================*/
/* Default styling. Used when JavaScript is unsupported */
.cbb {
	padding:0 10px;
	margin:1em 0;
	background:#fff;
}
.cbb h1 {
	margin:0 -10px;
	padding:0.3em 10px;
	background:#efece6;
	font:bold 1.2em/1 Arial, Helvetica, sans-serif;
}

/* Insert the custom corners and borders for browsers with sufficient JavaScript support */

/* Two of the boxes are floated just for this demo. Adjust to your needs. */
.cb {
	margin:0.5em 0;
}
.two {
	width:45%;
	float:left;
}
.three {
	width:45%;
	float:right;
}
/* Rules for the top corners and border */
.bt {
	background:url("../images/box-bg.png") no-repeat 100% 0;
	margin:0 0 0 18px;
	height:17px;
}
.bt div {
	height:17px;
	width:18px;
	position:relative;
	left:-18px;
	background:url("../images/box-bg.png") no-repeat 0 0;
}

/* Rules for the bottom corners and border */
.bb {
	background:url("../images/box-bg.png") no-repeat 100% 100%;
	margin:0 0 0 18px;
	height:17px;
}
.bb div {
	height:17px;
	width:18px;
	position:relative;
	left:-18px;
	background:url("../images/box-bg.png") no-repeat 0 100%;
}

/* Insert the left border */
.i1 {
	padding:0 0 0 12px;
	background:url("../images/borders-l.png") repeat-y 0 0;
}
/* Insert the right border */
.i2 {
	padding:0 12px 0 0;
	background:url("../images/borders-r.png") repeat-y 100% 0;
}
/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
.i3 {
	background:#fff;
	border:1px solid #fff;
	border-width:1px 0;
	padding:0 10px;
}
/* CSS for the box ends here */


/* Just a bit of styling for this example. Adjust as you wish. */
.cb h1 {
	margin:0 -10px;
	padding:0.3em 10px;
	background:#FFF;
	font:bold 1.2em/1 Arial, Helvetica, sans-serif;
}