/*----------------------------------------
      BEGIN RESET
-----------------------------------------*/

/*   GENERAL SETTINGS   */

html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
}
a img, :link img, :visited img {
	border: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol, ul {
	list-style: none;
}
q:before, q:after,
blockquote:before, blockquote:after {
	content: "";
}

/*----------------------------------------
      END RESET
-----------------------------------------*/

/*   BODY SETTINGS   */

body{
  	background-color: #0320A0;
	text-align: center;
	}

a {
	text-decoration: none;
}

a:hover, a:visited {
	color: yellow;
}

a:active, a:focus{
	outline: 0;
	outline-style: none;
}

/*----------------------------------------
      GROUPS PAGE SETTINGS
-----------------------------------------*/

#wrapper {
	height: 800px;
	margin: 0 auto;
	width: 640px;
}

	#header {
	  	background-image: url('../images/banners/banner05_blue.jpg');
	  	background-position: center;
	  	background-repeat: no-repeat;
	  	padding: 10px 0px 0px 0px;
	  	clear: both;
	  	display: block;
	  	float: left;
	  	height: 80px;
	  	width: 100%;
	}
	
		#titlebar {
			position: relative;
			color: yellow;
			font-size: 32px;
			font-family: Verdana,Geneva,Kalimati,sans-serif;
			font-weight: bold;
			padding: 5px 0px 20px 0px;
			text-indent: 350px;
			clear: both;
			display: block;
			float: left;
			line-height: 34px;
			height: 34px;
			width: 100%;
		}
		
			.lilcap {
				font-size: 24px;
			}

.list {
	display: inline;
	clear: both;
	float: left;
	width: 300px;
}
		
.list2 {
	display: inline;
	float: left;
	width: 300px;
}
		
		p.head{
			clear: both;
			float: left;
			width: 200px;
			position: relative;
			padding: 30px 30px 10px 30px;
			color: yellow;
			font-size: 24px;
			font-family: Arial,Geneva,Kalimati,sans-serif;
			font-weight: bold;
			text-decoration: underline;
			line-height: 26px;
		}
		
		p.text{
			clear: both;
			float: left;
			width: 200px;
			position: relative;
			padding: 50px;
			color: yellow;
			font-size: 16px;
			font-family: Arial,Geneva,Kalimati,sans-serif;
			line-height: 20px;
		}
		
		p.text1{
			clear: both;
			float: left;
			width: 200px;
			position: relative;
			padding: 20px 0px 20px 50px;
			color: #0320A0;
			background: yellow;
			font-size: 16px;
			font-family: Arial,Geneva,Kalimati,sans-serif;
			line-height: 20px;
		}
		
		p.text2{
			clear: both;
			float: left;
			width: 200px;
			position: relative;
			padding: 20px 0px 0px 50px;
			color: yellow;
			font-size: 16px;
			font-family: Arial,Geneva,Kalimati,sans-serif;
			line-height: 20px;
		}
		
		p.text3{
			clear: both;
			float: left;
			width: 200px;
			position: relative;
			padding: 20px 0px 50px 50px;
			color: yellow;
			font-size: 16px;
			font-family: Arial,Geneva,Kalimati,sans-serif;
			line-height: 20px;
		}
		
		
		p.textlist{
			clear: both;
			float: left;
			width: 250px;
			position: relative;
			padding: 10px 0px 0px 50px;
			color: yellow;
			font-size: 16px;
			font-family: Arial,Geneva,Kalimati,sans-serif;
			line-height: 20px;
		}