/********************************************
* Dreammakers: Micehle Hunt 
* Designed by A. Irengba
* Developed by A. Irengba
* Modified by Ton Nao
* http://www.greypathsolutions.com
* Created on 27/04/08
* 
********************************************/

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Verdana;
	font-size: 11px;
	text-decoration: none;
	color: #000000;
	
}

#wrap
{
	
	height: auto;
	width: 920px;
	text-align:left;
	
}
.ie6 #wrap
{
	
	height: auto;
	width: 920px;
	text-align:left;
	
	
}

.ie7 #wrap
{
	
	height: auto;
	width: 920px;
	text-align:left;
	
}

.gecko #wrap
{
	
	min-height:614px;
	width: 920px;
	
	text-align:left;
	
}

.box
{
	height: 10px;
	width: auto;
}
ul#menu
{
	padding: 0;
    float: left; 
	width: 100%;	/*display: inline;*/
	margin: 0;
	 
}

ul#menu li
{
	display: inline;
	
}

ul#menu  #tab0
{
	background: url(../images/Dreammakers_logo.jpg);
	width:190px;
	height:87px;
	float: left;
	
}

ul#menu  #tab0 a
{
	
	width:119px;
	height:40px;
	float: left;
	text-align:center;
	padding-top:30px;
	
}


ul#menu  #tab1
{
	background: url(../images_in/top_bar.jpg);
	width:724px;
	height:87px;
	float: left;
	
}

ul#menu  #tab1 .ab
{
	width:119px;
	height:37px;
	float: left;
	text-align:left;
	padding-top:50px;
	font-family: Helvetica, Lucida Grande;
	font-size:12px;
	color: #FFFFFF;
	text-decoration: none;
	padding-left: 82px;
}

#content
{
	min-height:300px;
	height:auto !important;
	height:300px;
	width: 760px;
	float: left;
	
	
}

#nextcontent
{
	
	width: 100%;
	float: left;
	padding-top: 30px;
	padding-bottom:0px;
	
}

#contentdwn
{
	height:20px;
	width: 900px;
	float: left;
	
	
}

#nextcontent .left
{
	height: 452px;
	width: 147px;
	float: left;
	padding-right: 10px;
	
}

#nextcontent .left .up{
	background: url(../images_in/left_topbar.jpg);
	height: 16px;
	width: 147px;
}

#nextcontent .left .dwn{
	background: url(../images_in/left_rpt.jpg);
	height: 452px;
	width: 147px;
	background-repeat: repeat-y;
}

#nextcontent .left .dwn .leftbtn{
	width: 143px;
	padding-top: 20px;	
}   

#nextcontent .left .dwn .leftbtn .onbtn{
	background: url(../images_in/btn_hovr.jpg);
	width: 143px;
	height: 32px;
	text-decoration: none;
	color: #FFFFFF;
}  

#nextcontent .left .dwn .leftbtn .onbtn a{
	width: 100%;
	font-family: Verdana;
	text-decoration: none;
	color: #FFFFFF;
	height: 30px;
}  

#nextcontent .left .btm{
	background-image: url(../images_in/left_btmbar.jpg);
	height: 16px;
	width: 147px;
	background-repeat: no-repeat;
}   

#nextcontent .bar
{
	height: 27px;
	width:762px;
	float: left;
	padding-left:0px;
	padding-bottom: 2px;
}


#content .bar .bar1
{
    background-image: url(../images_in/mid_left.jpg);
	height: 27px;
	width: 4px;
	float: left;
	padding-right:0px;
	padding-left:0px;
}

#content .bar .bar2
{
    background-image: url(../images_in/mid_rpt.jpg);
	height: 27px;
	width:751px;
	float: left;
	padding-right:0px;
	padding-left:0px;
}

#content .bar .bar2 .atxt
{
	height: 27px;
	width:751px;
	float: left;
	font-family: Helvetica, Lucida Grande, Verdana, Arial, sans-serif;
	font-size: 16px;
	font-style: normal;
	padding-top:3px;
	color: #993333;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
}

#content .bar .bar3
{
    background-image: url(../images_in/mid_right.jpg);
	height: 27px;
	width:3px;
	float: left;
	padding-right:0px;
	padding-left:0px;
}

#content .mid
{
	height: 448px;
	width: 583px;
	float: left;
	padding-left:0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	overflow:scroll;
}

#content .midns
{
	height: 448px;
	width: 583px;
	float: left;
	padding-left:0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}

#content .mid .msg
{
	float: left;
	font-family: Lucida Grande, Tahoma, Verdana, Arial, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #000000;
	text-align: left;
	text-decoration: none;
	padding-left: 5px;
}

#content .mid .msg a
{
    text-decoration: none;
	color: #CC6600;
}
.msgbi
{
	float: left;
	width:475px;
	height:110px;
	font-family: Lucida Grande, Tahoma, Verdana, Arial, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #000000;
	text-align: left;
	text-decoration: none;
	padding-left: 97px;
}

.msgbi2
{
	float: left;
	width:578px;
	height:40px;
	font-family: Lucida Grande, Tahoma, Verdana, Arial, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #000000;
	text-align: left;
	text-decoration: none;
	padding-left: 5px;
}

#content .mid1
{
	width: 154px;
	height: 440px;
	float: left;
	padding-left:10px;
	padding-top: 8px;
	padding-right: 7px;
	border: 1px solid #CCCCCC;
}

#content .mid1 .pik
{
	height: 302px;
	width: 153px;
	float: left;
}

#content .mid1 .pik1
{
	width: 153px;
	float: left;
	padding-top: 7px;
}

#content .mid1 .pik1 .pik2
{
	background-image:url(../images_in/cntus_top.jpg);
	width: 153px;
	height: 13px;
	float: left;
	background-repeat: no-repeat;
}

#content .mid1 .pik1 .pik3
{
	background-image:url(../images_in/cntus_rpt.jpg);
	width: 153px;
	height: 95px;
	float: left;
	background-repeat: repeat-y;
}

#content .mid1 .pik1 .pik3 .cntus
{
	width: 155px;
	float: left;
}


#content .mid1 .pik1 .pik4
{
	background-image:url(../images_in/cntus_btm.jpg);
	width: 153px;
	height: 10px;
	float: left;
	background-repeat: no-repeat;
	padding-bottom: 0px;
}

.style1 {
    font-size: 9px;
	font-family: Arial;
	padding-left:11px;
}
.memail{
	font-size: 9px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	text-decoration:underline;
	color: #244647;
}
.style3 {
	font-size: 12px;
	font-weight: bold;
}

.michele{
	font-size: 20px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	padding-top: 27px;
	padding-left: 75px;
	width: 280px;
	float: left;
	color: #c93a37;
}

.iconimg {
	width: 90px;
	height:60px;
	padding-top: 7px;
	padding-left:70px;
	float: left;
}

#grey {
	font-family: "Lucida Grande", Tahoma, Verdana, Arial, sans-serif;
	float: right;
	height: 20px;
	font-size: 10px;
	color: #707070;
	margin: 4px 0 0 0;
}

.btnhome{
	height: 20px;
	width: 147px;
	float: left;
}


/*  left navigation ====================  */


#leftnav {
width: 143px;
float: left;
}

#leftnav #topspacer {
width: auto;
height:20px;
float: left;
}

#leftnav .link {
	width: 143px;
	float: left;
	height: 40px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #000000;
	text-align:center;
	
	
}

#leftnav .link a {
	width: 143px;
	float: left;
	height: 30px;
	font-family: 
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	margin: 9px 0 0 0;
	font-family: Lucida Grande, Tahoma, Verdana, Arial, sans-serif;
}

#leftnav .link .selected {
	margin: 9px 0 0 0;
	width: 143px;
	float: left;
	height: 30px;
	font-family: Geneva;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(../images_in/btn_hovr.jpg);
	background-repeat: no-repeat;
}


#leftnav .link a:hover {
    margin: 9px 0 0 0;
	width: 143px;
	float: left;
	height: 30px;
	font-family: Geneva;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(../images_in/btn_hovr.jpg);
	background-repeat: no-repeat;	
}


/*  end left navigation ====================    */