﻿body 
{
	background-image:url('images/bg.gif');
	background-repeat:repeat;
	background-color:#003366;
	margin: 0;
	padding: 0;
	font-family: sans-serif;
	font-size: 13px;
	color: #66665E;
}

#toptitle
{
	background-image:url('images/Title_banner.jpg');
	background-repeat:repeat-x;
}
	
/*links*/
.bgtop {
	width: 1000px;
	height: 64px;
	margin: 0 auto;
	background: url(images/img02.jpg) no-repeat left top;
}

#topbanner
{
	background-image: url(images/banner_top.jpg);
	background-repeat:no-repeat;
}
/* Menu */

#menu {
	float: left;
	width: 540px;
	height: 64px;
}

#menu ul {
	margin: 0;
	padding: 0px 0px 0px 5px;
	list-style: none;
	line-height: normal;
}

#menu li {
	display: block;
	float: left;
}

#menu a {
	display: block;
	float: left;
	height: 20px;
	margin-right: 3px;
	padding: 28px 25px 15px 25px;
	background: url(images/img07.jpg) no-repeat left 32px;
	text-decoration: none;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
}

#menu a:hover { text-decoration: underline; }

#menu .current_page_item a {
	height: 20px;
	color: #FFFFFF;
}

#menu .first {
	background: none;
}
/*Body background*/
#bodymain
{
	/*border: solid medium #D0D0D0;*/
}
/*Footer */
#footer
{
	background: url(images/footer.jpg);
}

/*header*/
.title
{
	font-family:Britannic Bold;
	font-size:xx-large;
	color:Black;
}
.header
{
    height: 24px;
    width:100%;
	margin: 0 0 0px 0px;
	padding: 8px 0 2px 10px;
	background: url(images/img06.jpg) no-repeat left top;
	text-transform: capitalize;
	font-size: 11px;
	font-weight: bold;
	color: #42423E;
}
.maroonheader
{
	background-image:url(images/header_bar.png);
	background-repeat:repeat-x;
	font: normal bold 14px Arial Rounded MT Bold;
	text-align:center;
	color:White;
	height:25px;
}

.orangeheader
{
	font: normal bold 14px Arial Rounded MT Bold;
	background-image:url(images/header_bar1.png);
	background-repeat:repeat-x;
	text-align:center;
	color:White;
	height:25px;
}

.pagetitle
{
	font-family:Britannic Bold;
	font-size:xx-large;
	color:Black;
}

.followus
{
	background-image:url('images/follow_us_bar.png');
	width: 145px;
	height:30px;
	padding: 10px 10px 10px 10px;
	text-align:center;
}

/*Containers*/


.recruit-upper {
	width:160px;
	height:51px;
	background:url(images/categories-upper.gif) no-repeat;
	font-size:15px;
	font-family:Trebuchet MS;
	color:Black;
	text-align:center;
}

.recruit-bottom {
	width:160px;
	height:68px;
	background:url(images/categories-btm.gif) no-repeat;
	font-size:11px;
	text-align:right;
}

.recruit-center {
	width:160px;
	background:url(images/categories-back.gif) repeat-y;
	padding-left:0px;
	padding-right:0px;
	text-align: center;
}

/*Borders*/
.maroonborder
{
	border: solid thin maroon;
	padding: 0px 0px 0px 0px;
	background-color:#f3f3f3;
}
.orangeborder
{
	border: solid thin orange;
	padding: 0px 0px 0px 0px;
	background-color:#f3f3f3;
}
.blueborder
{
	border: solid thin blue;
	padding: 0px 0px 0px 0px;
	background-color:#f3f3f3;
}

/*Boxes*/

.MyBox1
{
 background-color:#f3f3f3;
 border: solid medium gray;
}

/*Images*/
.smallimg
{
	height:65px;
	width:65px;
}
.medimg
{
	height:65px;
	width:65px;
	border: groove medium gray;
}

/*LINK*/
a.link
{
	color:#41ACE7;
	font-family:Arial Baltic;
	font-size:small;
	font-weight:bold;
}
a.linklist
{
	background-image: url(images/img09.jpg);
	background-repeat:no-repeat;
	background-position:left;
	text-indent: 10px;
	margin-left:5px;
	color:#696969;
}
/*Buttons*/
.button1
{
background: transparent url('images/oval-blue-right.gif') no-repeat top left;
display: block;
float: left;
font: normal 13px Tahoma; /* Change 13px as desired */
line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 24px; /* Height of button background height */
padding-left: 11px; /* Width of left menu image */
text-decoration: none;
}

a.boldbuttons{
	background: transparent url(images/roundedge-gray-left.gif) no-repeat top left;
	display: block;
	float: left;
	font: bold 13px Arial; /* Change 13px as desired */
	line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
	height: 30px; /* Height of button background height */
	padding-left: 8px; /* Width of left menu image */
	text-decoration: none;

}

a:link.boldbuttons, a:visited.boldbuttons, a:hover.boldbuttons, a:active.boldbuttons{
color: white; /*button text color*/
}

a.boldbuttons span{
background: transparent url(images/roundedge-gray-right.gif) no-repeat top right;
display: block;
padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
}

a:hover.boldbuttons{ /* Hover state CSS */
text-decoration: underline;
}


.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.curlycontainer{
/*border: 1px solid #b8b8b8;*/
margin-bottom: 1em;
width: 300px;
}

.curlycontainer .innerdiv{
background: url('images/brcorner.gif') no-repeat right bottom;
position: relative;
left: -275px;
top: 0px;
padding: 5px 5px 5px 5px;
	width: 398px;
}

.glossymenu{
	position: relative;
	padding: 0 0 0 34px;
	margin: 0 auto 0 auto;
	background: url(images/menub_bg.gif) repeat-x; /*tab background image path*/
	height: 46px;
	list-style: none;
}

.glossymenu li{
	float:left;
}

.glossymenu li a{
	float: left;
	display: block;
	color:#000;
	text-decoration: none;
	font-family: sans-serif;
	font-size: 13px;
	font-weight: bold;
	padding:0 0 0 16px; /*Padding to accomodate left tab image. Do not change*/
	height: 46px;
	line-height: 46px;
	text-align: center;
	cursor: pointer;	
}

.glossymenu li a b{
	float: left;
	display: block;
	padding: 0 24px 0 8px; /*Padding of menu items*/
}

.glossymenu li.current a, .glossymenu li a:hover{
	color: #fff;
	background: url(images/menub_hover_left.gif) no-repeat; /*left tab image path*/
	background-position: left;
}

.glossymenu li.current a b, .glossymenu li a:hover b{
	color: #fff;
	background: url(images/menub_hover_right.gif) no-repeat right top; /*right tab image path*/
}

h1, h2, h3 {
	margin: 0;
	text-transform: uppercase;
	font-family: "Trebuchet MS", Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	color: #4B8749;
}

h1 { font-size: 44px; }

h2 { font-size: 18px; }

h3 { }

p, ul, ol {
	margin-top: 0;
	line-height: 240%;
	text-align: justify;
}

ul, ol { }

blockquote { }
/* Sidebar */

#sidebar {
	float: left;
	width: 162px;
	padding-left: 22px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

#sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: normal;
}

#sidebar li {
	margin-bottom: 30px;
	padding: 0 0 10px 0px;
}

#sidebar li ul {
}

#sidebar li li {
	margin: 0 0 0 5px;
	padding-left: 10px;
	background: url(images/img09.jpg) no-repeat left 4px;
}

#sidebar p {
	margin: 0;
	padding: 0px 10px;
}

#sidebar h2 {
	height: 26px;
	margin: 0 0 10px 0px;
	padding: 8px 0 2px 10px;
	background: url(images/img06.jpg) no-repeat left top;
	text-transform: capitalize;
	font-size: 11px;
	font-weight: bold;
	color: #42423E;
}


#sidebar p {
	line-height: 200%;
}
#sidebar a {
	color: #696969;
}
/*My Button*/
.mybuttongray {
	background: transparent url(images/mybutton.png) no-repeat top left;	
	display: inherit;
	float: left;
	font: normal 13px Tahoma; /* Change 13px as desired */
	height: 25px; /* Height of button background height */
	width: 90px;
	border: none;
}
.mybuttonblue {
	background: transparent url(images/mybutton-blue.png) no-repeat top left;	
	display: inherit;
	float: left;
	font: normal 12px Tahoma; /* Change 13px as desired */
	height: 24px; /* Height of button background height */
	width: 91px;
	border: none;
}
/*Oval button*/
a.ovalbutton{
background: transparent url(images/oval-gray-left.gif) no-repeat top left;
display: block;
float: left;
font: normal 13px Tahoma; /* Change 13px as desired */
line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 24px; /* Height of button background height */
padding-left: 11px; /* Width of left menu image */
text-decoration: none;
}

a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{
color: #494949;
	width: 86px;
}

a.ovalbutton span{
background: transparent url(images/oval-gray-right.gif) no-repeat top right;
display: block;
padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a.ovalbutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.ovalbutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}

