@charset "utf-8";
/* CSS Template for THE PUPIL TREE */


/* CSS Document for Dream Holidaze */
/*****************************
 ****       leyout        ****
 *****************************/

/* @group Main */

html {
  /* this is a hack to force scrollbars on at 
     all times so that the page does not jump
     when going from short to long pages */
  height: 100%;
  margin-bottom: 1px;background:#b6b6b6 url(../images/body-bg2-in.png) repeat-x; overflow: scrollbars-vertical; 
  
}

body {
	margin: 0;
	padding: 0;	background: url(../images/page-bg2.png) 50% 0% no-repeat;
}

p {
  /* setup some more readable paragraph spacing */
  margin-top: 5px;
  margin-bottom: 15px;
}

h1, h2, h3, h4, h4 {
	/* setup some more readable header spacing */
	padding-bottom: 5px;
	margin: 10px 0;
}

/* @end */
/* @group Sizes */


body {
	font-size: 11px;
}



h1 {
	font-size: 200%;
}

h2 {
	font-size: 180%;
}

h3 { 
   font-size: 150%;
}

h4 {
	font-size:  120%;
}

/* @end */
/* @group Family */

body {
		font-family :Verdana, Arial, Helvetica, sans-serif;line-height: 17px;
		color:#717370;
}

a:link,
a:visited {
	/* color: see style css */
	text-decoration: underline;color:#0066FF
}

a:hover {

	text-decoration:none; color:#0066FF;
}

/* @end */

/* @group Lists */

ul {
	margin-left: 10px;
}

li {
	padding-left: 0px;
	padding-bottom: 6px;
}

/* @end */

/* group Layout */

div#template {
	padding: 0px; margin:0px auto;
}

.wrapper{ width:937px; background:url(../images/body-bg.png); padding-left:1px;
}

/* @group header */

div#header .vc-2 {
	height: 118px; 
	overflow: hidden;
}
div#header div.padding{ padding:0px 17px 20px 17px;}
img#logo {
	float: left;
	margin-left: 22px; 
	width: 171px;
	height: 105px;
	z-index: 1;
}

img#ncreativity{
	float: right;
	margin-right: 40px;
        margin-top:52px; 
	width: ;
	height: 19px;
	z-index: 1;
}

div#top {
	margin-left:  370px;
	height: 105px;
		color: #717370;
	text-decoration: none;
	letter-spacing: 1px; padding-top:10px;
}

div#top a:link, div#top a:visited{
	color: #717370;
	 text-decoration:none
}

div#top a:hover{
color: #ec7827; 
	text-decoration:none
}

div#top .padding2 {
	padding:5px 40px 5px 28px; text-align:right; 
}

/*** menu ***/

div#topmenu {  height:28px; padding:0px 17px 0px 17px; 
	
}
div#topmenu .tm-2{
	
}
div#topmenu .tm-2 .inde{background:#ffffff url(../images/ind-sf-bg.gif) 0% 100% no-repeat; 
	height: 28px;
	}

div#topmenu .tm-2 .purp{background:#98658e url(../images/sf-bg.png) 100% 0% no-repeat;
	height: 28px;
}
div#topmenu .tm-2 .yell{background:#f7c234 url(../images/sf-bg.png) 100% 0% no-repeat;
	height: 28px;
}
div#topmenu .tm-2 .blue{background:#0080c0 url(../images/sf-bg.png) 100% 0% no-repeat;
	height: 28px;
}
div#topmenu .tm-2 .gree{background:#afc73d url(../images/sf-bg.png) 100% 0% no-repeat;
	height: 28px;
}
div#topmenu .tm-2 .orge{background:#ec7827 url(../images/sf-bg.png) 100% 0% no-repeat;
	height: 28px;
}
div#topmenu .tm-2 .dgee{background:#5aaba7 url(../images/sf-bg.png) 100% 0% no-repeat; 
	height: 28px;
}
/* @end */

/* group footer */
div#footer div.padding{ padding:0px 5px;}
div#footer div.padding div.padding{ padding:0px 12px;}
div#footer .vc-2 {
	
	overflow: hidden;
}

div#the-footer {
	text-align: center;background:#f6ba00;
	
	font-size: 10px; 
	
	color:#ffffff;
	padding:3px; width:894px;
}


/* @end */

/* group misc */
div.hdiv {
	height: 7px;
	overflow: hidden;
}
/* @end */

/* inset */
div#inset{
		overflow: hidden; height:353px; background:url(../images/inset-bg.png) repeat-y;
}

div#inset div.padding{ padding:0px 17px; }
div#inset div.padding div.padding{ padding:10px 0px;}

div#inset .vc-1{
		
}
div#inset .vc-2{
		
}
div#inset-in{
		overflow: hidden; height:181px; background:url(../images/inset-bg.png) repeat-y;
}

div#inset-in div.padding{ padding:0px 17px; }
div#inset-in div.padding div.padding{ padding:0px 0px;}

div#inset-in .vc-1{
		
}
div#inset-in .vc-2{
		
}
/* @end */

/* mainbody */
div#mainbody{
		overflow: hidden; background:url(../images/body-bg.png) repeat-y;
}

div#mainbody div.padding{ padding:0px 32px;}
div#mainbody div.padding div.padding{ padding:10px 0px;}

div#mainbody .vc-1{
		
}
div#mainbody .vc-2{
		
}

.botlinks{ text-align:center; padding-bottom:10px; text-decoration:none}

.botlinks a:link, .botlinks a:visited{ color:#717370;text-decoration:none}
.botlinks a:hover{color:#ec7827;text-decoration:none}
/* @end */

.rborder, .rborder2{
	border-right:1px solid #b6b6b6; padding:5px 10px 5px 21px;
}

.rborder2{ border-right:0px;}
.rborder h3, .rborder2 h3{ margin:0px 0px 5px 0px; font-size:14px;}

/* @group top Menu */
div#topmenu{
	z-index:5;
}
div#topmenu ul {
	margin: 0;
	padding: 0;
	
}

div#topmenu li {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
}

div#topmenu a:link,
div#topmenu a:visited {
	display: block;
	float: left;
	padding: 0 0px;
	height: 19px;
	line-height: 19px;
	font-weight: normal;
	text-decoration: none;
}

/* @end */

/* @group 2 colum stuff */

#vdc {

 margin: 10px 0px;
 overflow: auto; /* Fix for IE  */
 width: 100%
}

#inner{}

#inner #leftcolumn { 
 display: inline;
 color: #333;
 margin: 0px;
 padding: 0px;
 width: 140px;
 float: left;
 height:340px;
  
}

#inner #leftcolumn #nav{
	border-right: 1px solid #000000;
	
}

#inner #leftcolumn #nav a:link,
 #inner #leftcolumn #nav a:visited{ 
 display:block; padding:3px 0px 3px 15px; color:#696b69; text-decoration:none;
 }
 
 #inner #leftcolumn #nav a.active{ text-decoration:none;
  color:#ec7827
 }

#inner #leftcolumn #nav a:hover{ color:#ec7827; text-decoration:none;}

#inner #content { 
 float: left;
 color: #333;
 margin: -3px 0px 0px 5px;
 padding: 7px 0px 0px 15px;
 width: 550px;
 display: inline;
 position: relative;
 min-height:250px;
}

#inner #rightcolumn { 
 display: inline;
 position: relative;
 color: #333;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 width: 140px;
 float: right;
 display:none;
}

/*.title{ font-size:14px;  margin-bottom:10px; font-family:"trebuchet MS"}
.subtitle{ font-size:13px; font-family:"trebuchet MS"}*/
.title{
	font-size:16px;
	margin-bottom:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.subtitle{
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #333333;
}
.subtitle2 { background:#5d5958; padding:5px; font-weight:500; color:#ffffff}
.active{color:#ec7827}

.hi1{ background-color:#efe2ae}
.hi2{background-color:#c7e6fa}
.hi3{background-color:#dae7bb}

.hi1, .hi2, .hi3{ padding:5px; margin-top:5px;}
p.que{font-weight:bold; margin-bottom:5px}

table.gal td{width:150px; height:80px}