/*Author: Alireta. Copyright (c) 2010*/

/***------------------------------------------------------
BROWSER RESETS
-------------------------------------------------------***/
body,div,span,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,blockquote,code,cite,
form,fieldset,label,legend,input,textarea,th,td,tr,address,abbr,acronym,
del,def,em {margin:0;padding:0;}

/*---End of Browser Resets---*/

/***------------------------------------------------------
GENERAL DECLARATIONS
-------------------------------------------------------***/
html {font-size:13px; height:100%;}
body {
	font:normal 100% Verdana, Geneva, sans-serif;
	color:#666;
	background: #283E4F url(images/backgd.gif) fixed repeat left top;
	padding-bottom: 30px;
}

/*Headings*/
h1,h2,h3,h4,h5,h6 {color: #036; font-weight:normal; margin-bottom:20px; line-height:1.4;
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
h1 {font-size:2.0em;}
h2 {font-size: 1.9em; text-align: left; border-bottom: 2px solid #f5f5f5;}
h3 {font-size:1.8em; border-bottom: 1px solid #EAEAEA;}
h4 {font-size:1.5em}
h5 {font: bold 1.2em Georgia, "Times New Roman", Times, serif;}
h6 {font: bold 1.0em Georgia, "Times New Roman", Times, serif;}

/*text elements*/
p {font:normal 1em/1.8 Verdana, Geneva, sans-serif; margin:0 0 18px; color:#333;}
abbr, acronym {border-bottom: 1px dotted #999; cursor:help;}
address {margin-top: 18px; font-style: italic;}
del {color:#999;}
strong {font-weight:bold;}
cite, em, dfn, ins {font-style: italic;}
blockquote {margin:18px; color:#999; font-style:italic; border-left:3px solid #999; padding-left:18px;}
pre,code,tt {font:normal 1em/18px "Lucida Console", Monaco, monospace;}
small {font-size:0.7em;}
.small {font-size:0.6em;}
hr {clear:both; color:#ccc; height:1px; border:none;}
sup {position:relative;top:-0.6em;vertical-align:baseline!important;}
sub {position:relative;top:0.3em;vertical-align:baseline;}
big {font-size:1.2em;}
caption, th, td {text-align: left; font-weight: normal;}
ul {padding-left:30px;}
ul a {border:0;}
ul a:hover {border:0;}
li {line-height:1.5;color: #333;}
img {border:0;}
.right {text-align: right; float: right;}
.boldred {font-weight: bold; color: red;}

/*links*/
a{text-decoration:none; color:#21759B; border-bottom:1px solid #DDF0F9;} 
a:visited {color:#39C;}
a:hover {text-decoration:none; border-bottom:1px solid #c33; color:#C33;}
a:active {position:relative;top:1px; outline:none;}
h1 a, h1 a:hover {border:0; color:#c33;}
h6 a, h6 a:hover, h6 a:focus {border-bottom:none;}
/*---End of General Declarations---*/

/***---------------------------------------------------------------
COMMON CLASSES
-------------------------------------------------------------------***/
.center {text-align:center;}
.fr {float:right; margin-left:20px;}
.fl {float:left; margin-right:20px;}
.clearfix {clear:both;}


/***---------------------------------------------------------------
LAYOUT
------------------------------------------------------------------***/	
#container {background: #fff url(images/topbg000.png) no-repeat left top;
	width: 960px; padding-top:12px; margin:20px auto 0;}
	
#header {width:900px; height:110px; padding: 0 40px 0 0; background:#FFF url(images/logo.png) no-repeat center top;}
	
/*------**logo**-------*/
#header h1 {
	padding-left:50px;
	width:auto;
	height:auto;
	color: #000;
	float: center;
	text-align: left;
	margin-top:20px;
	font-size:1.6em;}

/*Slogan*/
#header h3 {
	padding-right:50px;
	color: #666;  /*Change Slogan Color here */
	float: right;
	margin-top: 100px;
	font: italic normal 14px Verdana;
	text-align:right;
	border-bottom:none;
	}

/*--------**NAVIGATION**--------*/
.glossymenu{
margin: 5px 0;
padding: 0;
width: 170px; /*width of menu*/
border: 0px solid #ccc;
border-bottom-width: 0px;
color: black;
}

.glossymenu a.menuitem{
background: #fafafa;
font: bold 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #000;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;
padding-left: 10px;
text-decoration: none;
margin: 5px 0px;
}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: black;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover{
background: #DFDCCB;
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: white;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{
border-bottom: 0px solid #eee;
}

.glossymenu div.submenu ul li a{
display: block;
font: normal 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: black;
text-decoration: none;
padding: 2px 0;
padding-left: 10px;
background: #D6DEE4;
}

.glossymenu div.submenu ul li a:hover{
background: #DFDCCB;
colorz: white;
}

/***End of Navigation***/

/*-------------**BreadCrumb**--------------------------*/
p#breadcrumb {width:840px; height:30px; border: 1px dotted #CCC;
		color: #999; font-size: 0.9em; padding-top: 5px; line-height: 2; padding-left: 10px;
	margin: 0 auto;}

/*-------------**Homepage Content**----------------------*/
#homecontent {
	width: 900px;
	margin:0 auto;
	/*background: url(000.png) no-repeat right top;*/}
	
.intro{width:420px; height:242px; margin:30px auto; padding-left: 430px;
	background: url(images/topbanner.png) no-repeat left center; border-top: 1px solid #EFEFEF;
	border-bottom: 1px solid #EFEFEF;}

.intro p {line-height:2em; text-align: justify; padding: 0.5em 0 0em; margin:0;}

.specials{width:200px; height:180px; float:left; display:inline; margin-top: 30px;margin-right:23px; 
	margin-bottom:50px; border-top: 1px solid #D1E0F1; border:1px solid #CEDEF0;}
	
.specials h6 {text-align:center;} 
/*place linked images inside the h6 selector*/
	
.specials:hover, .specials:focus {background:#F5F8FA;}

.specials a:link {border:0;}

.specials h4 {background: #E6EEF7; padding:5px 0;font-size:1em;
	border-bottom: 1px solid #D1E0F1; text-align:center;color:#000;font-weight:bold;}
	
.specials ul {list-style-type:none; padding:0 15px;}

.specials p {text-align:justify; padding: 0 15px; margin:0; line-height:1.4;
	font-size:12px;}

/**----------------***MainContent***----------------**/
#rightcontent {
	width:620px;
	background: #FFF;
	float: right;
	border-left: 2px solid #e5e5e5;
	padding: 30px 50px 80px 30px;
}
	
/*---------------***Sidebar***---------------------*/
#leftcontent {
	padding-left: 55px;
	width: 170px;
	text-align: center;
}
#leftcontent ul {list-style-type:none;padding-left:10px;}

#leftcontent h5 {color:#666; margin-bottom:15px;}

#leftcontent p {font: normal 11px/1.4 Verdana, Geneva, sans-serif; margin:0 0;}

.leftbox {width:auto; height:auto; padding:30px 0; border-bottom: 1px dashed #ccc;}

/*----------------------------------------------------*

* Specials

*-----------------------------------------------------*/

.specials {

	width:41em;

	height:16em;

	margin:1.8em auto;
	
	border: 0px;
	
	float: center;
	
	text-align: center;}

	

.specials div{       

	width:11.5em;  /*expanded the div container from to avoid wordwraps in the headings*/

	height:16em;

	padding:0 0.5em;
	
	text-align: left;}
		

.specials div p{

	line-height:150%;

	padding:0.3em 0;

	text-align: left;

	margin:0;}
	

.sleft {

	float:left;

	background:inherit;

	margin-right:1.2em;

	border:1px solid #D9DFEA;

    }

.smid {

	float:left;

	background:inherit;

	margin-right:1.2em;

	border:1px solid #D9DFEA;

    }

.sright {

	float:left;

	background:inherit;

	border:1px solid #D9DFEA;

    }


/***---------------------------------------------------------------------------
FOOTER
---------------------------------------------------------------------------***/
#footer {height:40px; border-top: 2px solid #e5e5e5; padding:20px 30px 10px;
	background:#fff url(images/bottombg.png) no-repeat left bottom; clear:both;}

#footer p {font: 11px/1.6 Verdana, Geneva, sans-serif; color: #666; margin: 0px; padding: 0px; text-align:center;}

#footer a {border:0; color:#44737B; text-decoration:underline;}
#footer a:hover {text-decoration:none;}
#footer li {display:inline; padding-left:8px; font-size:11px;}