/* Rounded Box with gradient edge. */
/* Rebecca D'Cruz 11/11/09 */

html {
	font-size			: 100%;
}

body {
	margin 				: 20px 0 20px 0; 	
	padding				: 0;
	font 				: normal 62.5% 'Trebuchet MS', Helvetica, sans-serif;
	color 				: #333333;
	height 				: 100%;	
	background			: #e6f7f1; /*#d2e5ff;/* url('../images/background.png') repeat-x;  */
	margin 				: 0;
}

/* Links */
a {
	background 			: inherit; 
	color	 			: #ff6600; 
	text-decoration 	: none; 
}

a:hover { 
	background 			: inherit; 
	text-decoration 	: underline; 
}

/* Headings */
h1, h2, h3, h4 {
	font 				: bold 1em 'Trebuchet MS', Helvetica, sans-serif;
	color 				: #ff6600;
}

.bannerH1, .bannerH2 {
	color 				: #333333;
	font				: 1em 'Trebuchet MS', Helvetica, sans-serif;
}

h1 { 
	font-size 			: 1.8em; 
}

h2 { 
	font-size 			: 1.5em; 
}

h3 { 
	font-size 			: 1.3em; 
}

h4 { 
	font-size 			: 1em; 
}

p, li, th, .tableline {
	font-size			: 1.3em;
}

.caption {
	font-size 			: 1.3em;
	font-weight			: bold;
}

p, h1, h2, h3, h4 {
	margin 				: 10px 0px;
}

p {
	text-align			:  justify;
}

.smallFont {
	font-size			: 0.9em;
}

.highlightFont {

	font-weight			: bold; 
}

.bannerH1 {
	font-size			: 1.8em;
	display				: block;
}

.bannerH2 {
	font-size			: 1.5em;
	display				: block
}

#content-wrap {
	background 			: #f8f8ff;*/
	padding-left 		: 10px;
	padding-right 		: 10px;
	padding-top 		: 0px;
	padding-bottom 		: 0px;
}

/* Left Box*/
.leftbox {
	float 				: left;
	width				: 28%;
	margin-left			: 10px; 
	padding				: 10px;	
	margin-bottom		: 10px;	
	background			: #f5f7c7;
	border				: 1px solid #f4f79c;   
}	

.bigLeftbox {
	float 				: left;
	width				: 45%;
	margin-left			: 10px; 
	padding				: 10px;	
	margin-bottom		: 10px;	
	background			: #f5f7c7;
	border				: 1px solid #f4f79c;   
}

/* Right Box */
.rightbox {
	float				: right;
	width				: 28%;
	margin-right		: 10px; 
	padding				: 10px;	
	margin-bottom		: 10px;	
	background			: #f5f7c7;
	border				: 1px solid #f4f79c;  	
}	

.bigRightbox {
	float				: right;
	width				: 45%;
	margin-right		: 10px; 
	padding				: 10px;	
	margin-bottom		: 10px;	
	background			: #f5f7c7;
	border				: 1px solid #f4f79c;  	
}	

/* Rounded Outer Box */
.roundedBox {
	margin-top			: 10px;
	width				: 989px;
	text-align			: left;
  }

.roundedBox .boxTop {
  background 			: url("../images/boxtopGreen.png");
  background-repeat 	: no-repeat;
  background-position 	: top left;
  padding-bottom 		: 10px;
  height 				: 120px;
  }

.roundedBox .boxTopInner {
	text-align 			: right;
	padding 			: 15px 15px 0px 15px;
}

.roundedBox .boxMiddle {
	background-image 	: url("../images/boxmiddleGreen.png");
	background-repeat	: repeat-y;
	background-position	: top left;
	margin-top			: 0px;
	text-align			: left;
	color				: #000000;
  }

.roundedBox .boxMiddleInner {
	padding				: 0px 25px 0px 25px;
}

.roundedBox .boxBottom {
	background-image	: url("../images/boxbottomGreen.png");
	background-repeat	: no-repeat;
	background-position	: top left;
	margin-top			: -10px;
	padding-bottom		: 18px;
  }


/* Images */
img {
	border				: none;
	padding-top			: 2px;
}

img.float-left {
	float				: left; 
	margin-right		: 10px;
}

img.float-right {
	float				: right;
	margin-left			: 10px;  
} 

/* Menus */
#navPanel {
	width               : 960px ;
	height              : 37px ;
	background-image    : url("../images/navPan.png");
	background-repeat   : no-repeat ;
	margin          	: 0 auto;
	clear               : both ;
}

#nav {
	width               : 960px ;
	height              : 37px ;
	margin              : 0 ;
}

#nav ul {
	margin              : 0 0 0 -25px ;
	list-style          : none ;
}

#nav li {
	display             : inline ;
	width               : 116px ;
	height              : 37px ;
	float				: left;
	list-style			: none;
}

#nav a {
	display             : block ;
	float               : left ;
    font         		: bold;
	color				: white;
	text-decoration     : none ;
	width               : 110px ;
	height              : 27px ;
	padding-top         : 10px ;
	text-align          : center ;
	margin-right        : 5px ;
}

#nav a:hover, #nav .active {
	color				: #333333;
	/*background-image    :  url("../images/navBack.png");*/
	background-repeat   : repeat-x ;
}  

#wrap {
	width				: 1000px;
	margin				: 0 auto;
	
}

#footer {
	margin-top			: 0px;
	text-align			: center;
	font-size			: 1.3em;
}