html {
	background-image:url(../images/bg_grad.jpg);
	background-repeat:repeat-x;
	background-color: #fac46d;
}

body {
	background-image: url(../images/bg_decor.jpg);
	background-repeat:no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;
}

a img{
	border: none;
}

fieldset{
	border: none;
	padding: 0;
}
/*------------------------------------------------------------------------------------------------------------
   MAIN NAVIGATION STYLES
------------------------------------------------------------------------------------------------------------*/
#mainNav {
	background-image:url(../images/nav_bg.png);
	background-repeat:repeat-x;
	height: 55px;
	min-width: 900px;
	width: 100%;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
}

#LogoNav {
	float: left;
	margin-left: 25px;
	margin-right: 25px;
}

#mainNav ul{
	list-style: none;
	padding-top: 15px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	margin: 0;
	height: 35px;
	float: left;
	font-size: .8em;
	text-align: center;
	border-left: 1px dotted #000;
	border-right: 1px dotted #FFF;
	font-family: "Lucida Grande", "Lucida Sans", "Trebuchet MS", Arial, sans-serif;
	}
	
#mainNav li{
	position: relative;
	}
	
#mainNav ul ul{
	position: absolute;
	z-index: 500;
	display: none;
	top: 35px;
	left: -10px;
	padding: 0;
	text-align: left;
	width: 150px;
	height: auto;
	font-family: Arial, Helvetica, sans-serif;
	background: #FAC46D;
	font-size: .8em;
	}
	
#mainNav ul li a{
	color: #000000;
	text-decoration: none;
	padding: 4px;
	display: block;
	font-size: 1.4em;
	}
	
#mainNav ul li a:hover{
	color: #444;
	background: #FFF;
	}
	
#mainNav ul:hover ul{
	display: block;
	}

.navblue {
	background: url(../images/nav_blue.png) repeat-x;
}

.navred {
	background: url(../images/nav_red.png) repeat-x;
}

.navgreen {
	background: url(../images/nav_green.png) repeat-x;
}


.navyellow {
	background: url(../images/nav_yellow.png) repeat-x;
}

.bluelist{
	background: #03C0F9;
}

.yellowlist{
	background: #ffe641;
}

.redlist{
	background: #FF2222;
}

.greenlist{
	background: #bffc3e;
}

.testNavLink {
	text-decoration:none;
	font-size: 11pt;
	font-weight: bold;
	color:#000000;
	text-transform:uppercase;
}

.navHome {
	margin-left: 205px;
}

.nav {
	margin-left: -4px;
}

/*------------------------------------------------------------------------------------------------------------
   CONTENT AREA STYLES
------------------------------------------------------------------------------------------------------------*/
#header {
	margin-top: -5px;
	margin-bottom: 0px;
	margin-left: 202px;
	margin-right: 262px;
	height: 50px;
	width: 500px;
}

h1{
	color: #076682;
	margin: 0px;
	line-height: 50px;
	font-family: "Trebuchet MS", Arial, sans-serif;
	}

#body {
	min-height: 641px;
	min-width: 638px;
	margin: 0px;
}

#leftBod {
	float: left;
	width: 130px;
}

#midBod {
	float: left;
	width: 638px;
	background-image:url(../images/topBody_bg.png);
	background-repeat:no-repeat;
}
#content, #content-profile {
	width: 480px;
	background-color:#FFFFFF;
	border-right: solid #076682 10px;
	border-left: solid #076682 10px;
	margin-left: 59px;
	margin-right: 59px;
	margin-top: 50px;
	margin-bottom: -100px;
	min-height: 590px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 15px;
}

#content #space{
	width: 100%;
	clear: both;
	height: 100px;
	position: relative;
	}

#content h2{
	font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	color: #CC0033;
	border-bottom: 1px dotted #C03;
}

#content h3{
 clear: both;
 }

#content p, #content ul{
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size: .8em;
}

#content .callout{
	background: #DDD;
	border-top: 3px dashed #FC6;
	border-bottom: 3px dashed #FC6;
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	padding: 3px;
	clear: both;
}

#content a, #content-profile a{
	text-decoration: none;
	color: #009ECE;
}

#content a:hover, #content-profile a:hover{
	border-bottom: 1px dotted #009ECE;
	color: #009ECE;
}

#content-profile{
	min-height: 300px;
	margin-bottom: 0;
	padding-bottom: 3px;
}

#content .print{
	background: url(../images/printIcon.png) no-repeat;
	padding-left: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
	}
	
#content .add{
	background: url(../images/addIcon.png) no-repeat;
	padding-left: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
	}

.errorbox{
	color: #000;
	font-size: .7em;
	background: #FFFFCC;
	border: 2px solid #FFCC33;
	position: relative;
	z-index: 100;
}


/*------------------------------------------------------------------------------------------------------------
   PROFILE PAGE STYLES
------------------------------------------------------------------------------------------------------------*/

#profHead {
	background-image: url(../images/profHead_BG.png);
	background-repeat:no-repeat;
	width: 480px;
	height: 250px;
	margin: 0px;
	margin-top: -5px;
}

#profHead a:link {
	color: #095c8c;
	text-decoration: none;
}


#profHead a:visited {
	color: #095c8c;
	text-decoration: none;
}

#profHead a:hover {
	color: #095cFF;
	text-decoration: underline;
}

#profHeadLeft {
	float: left;
	width: 185px;
	padding: 10px;
	padding-right: 5px;
	text-align: center;
}

#profHeadLeft img{
	max-height: 230px;
	max-width: 185px;
	border: 0px;
	margin-left: auto;
	margin-right: auto;
}

#profHeadRight {
	float: left;
	width: 265px;
	padding: 10px;
	padding-left: 5px;
	color: #333;
}

#profHeadRight h3 {
	margin-top: 5px;
	color: #095c8c;
	margin-bottom: 0px;
	padding-bottom: 2px;
}

#userControls {
	width: 205px;
	border-top: 1px solid #FFFFFF;
	}
#userControls ul {
	margin-top: 5px;
	list-style: none;
}

#userControls li.edit{
	background-image: url(../images/editIcon.png);
	background-repeat:no-repeat;
	margin-left: -45px;
	padding-left: 45px;
	padding-top: 5px;
	margin-bottom: 10px;
	min-height: 40px;
}

#userControls li.friends{
	background-image:url(../images/friendIcon.png);
	background-repeat:no-repeat;
	margin-left: -45px;
	padding-left: 45px;
	padding-top: 5px;
	margin-bottom: 10px;
	min-height: 40px;
}

#userControls li.mail {
	background-image: url(../images/mailIcon.png);
	background-repeat:no-repeat;
	margin-left: -45px;
	padding-left: 45px;
	padding-top: 5px;
	margin-bottom: 10px;
	min-height: 40px;
}

#profBody {
	background: url(../images/profBody_BG.jpg) no-repeat bottom center #095c8c;
	color: #FFFFFF;
	width: 460px;
	margin: 0px;
	margin-top: -15px;
	padding: 10px;
	padding-bottom: 20px;
	position: relative;
}

#profBody h4 {
	margin: 0px;
	margin-bottom: -15px;
}

#profBody img {
	margin-bottom: -20px;
	margin-left: -10px;
}

#reportLinks{
	padding-top: 5px;
	text-align: center;
	font-size: .8em;
	margin-bottom: 0;
	padding-bottom: 0;
}

/*------------------------------------------------------------------------------------------------------------
   MESSAGE PAGE STYLES
------------------------------------------------------------------------------------------------------------*/

#msgHead {
	background-image: url(../images/profHead_BG.png);
	background-repeat:no-repeat;
	width: 480px;
	height: 140px;
	margin: 0px;
	margin-top: -5px;
}

#msgHead a:link {
	color: #095c8c;
	text-decoration: none;
}


#msgHead a:visited {
	color: #095c8c;
	text-decoration: none;
}

#msgHead a:hover {
	color: #095cFF;
	text-decoration: underline;
}

#msgHeadLeft {
	float: left;
	width: 185px;
	padding: 10px;
	padding-right: 5px;
	text-align: center;
}

#msgHeadLeft img{
	max-height: 130px;
	max-width: 185px;
	border: 0px;
}

#msgHeadRight {
	float: left;
	width: 265px;
	padding: 10px;
	padding-left: 5px;
	color: #095c8c;
}

#msgHeadRight h3 {
	margin-top: 5px;
	margin-bottom: 0px;
}

#msgBody {
	background: url(../images/profBody_BG.jpg) no-repeat bottom center #095c8c;
	color: #FFFFFF;
	width: 460px;
	margin: 0px;
	margin-top: -15px;
	padding: 10px;
	padding-bottom: 20px;
	position: relative;
}

#msgBody h4 {
	margin: 0px;
	border-bottom: 1px solid #FFFFFF;
}

#msgBody table {
	margin: 5px;
	width: 450px;
	font-size: .7em;
}

#msgBody td.from {
	width: 150px;
	border-bottom: 1px dotted #9bceec;
}

#msgBody td.title {
	width: 275px;
	border-bottom: 1px dotted #9bceec;
}

#msgBody td.delete {
	width: 25px;
	border-bottom: 1px dotted #9bceec;
}


#msgBody a:link {
	color: #FFFF66;
	text-decoration: none;
}


#msgBody a:visited {
	color: #FFFFCC;
	text-decoration: none;
}

#msgBody a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

/*------------------------------------------------------------------------------------------------------------
   RIGHT SIDEBAR STYLES
------------------------------------------------------------------------------------------------------------*/
#rightBod {
	float: left;
	width: 130px;
	margin-top: 25px;
	margin-left: 15px;
	margin-right: 25px;
}


#sidebar1 {
	background-image: url(../images/sidebar1_bg.png);
	background-repeat: no-repeat;
	width: 101px;
	height: 170px;
	margin-bottom: 17px;
	padding-left: 10px;
	padding-right: 13px;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #FFFFFF;
	font-weight:bold;
}

#sidebar1 label {
	font-size: .8em;
}

#sidebar1 p {
	font-size:.6em;
	font-weight:normal;
}
#sidebar1 small{
	font-size: .6em;
}

#sidebar1 a:link {
	color: #fcff00;
	text-decoration: none;
	font-size: 1.2em;
}


#sidebar1 a:visited {
	color: #fcff00;
	text-decoration: none;
		font-size: 1.2em;
}

#sidebar1 a:hover {
	color: #fcff00;
	text-decoration: underline;
		font-size: 1.2em;
}

#sidebar1 p.welcomeName {
	font-size: .9em;
	font-weight: bold;
	margin:0 ;
}

#sidebar2 {
	background-image: url(../images/sidebar2_bg.png);
	background-repeat: no-repeat;
	width: 127px;
	height: 230px;
	margin-bottom: 17px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	color: #FFFFFF;
	font-weight:bold;
}

#sidebar3 {
	background-image: url(../images/sidebar3_bg.png);
	background-repeat: no-repeat;
	width: 127px;
	height: 230px;
	margin-bottom: 17px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	color: #FFFFFF;
	font-weight:bold;
}

/*------------------------------------------------------------------------------------------------------------
   FOOTER STYLES
------------------------------------------------------------------------------------------------------------*/
#footer {
	width: 638px;
	margin-left: 28px;
	margin-right: 221px;
	margin-top: -110px;
	margin-bottom: 0px;
	height: 35px;
	background-image: url(../images/bottomBody_bg.png);
	background-repeat:no-repeat;
	font-size:11px;
	font-weight: bold;
	padding-top: 160px;
	padding-left: 41px;
	padding-right: 41px;
	clear:both;
	z-index: 0;
}


#leftFoot {
	float: left;
	width: 245px;
	background-image: url(../images/brick.png);
	padding: 2px 2px 0px 2px;
}


#rightFoot {
	float: left;
	text-align: right;
	width: 255px;
	background-image: url(../images/brick.png);
	padding: 2px;
}
#leftFoot a{
	color: #000099;
	font-size: 13px;
	font-style: oblique;
	text-decoration: none;
}

#footer a:link {
	color: #000099;
	text-decoration: none;
}

#footer a:visited {
	color: #000066;
	text-decoration: none;
}

#footer a:hover {
	color: #000033;
	text-decoration: underline;
}