/* RESET DEFAULT BROWSER STYLES */
/* These styles will clear all of the default styles 
and give you a clean playing field for developing
your own style */
/***** DO NOT CHANGE THESE STYLES *****/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

a img { border: none; }

/***  END OF RESET DEFAULT BROWSER STYLES ***/

/****************************************************************
YOUR STYLES 
Begin editing your own styles here
*****************************************************************/
/*BEGIN EDITING BELOW*/

/* This specification defines the body tag, sets the basic font string for your site, text color and background color */

body
{
	background-color: #FFF;
	margin: 0;
	color: black;    
	font-family: 'goudy old style', calibri, georgia, times, serif;
	background-image: url(img/grey.jpg);

}

/******************************************************** 
STYLES FOR THE MAIN SECTIONS OF YOUR PAGE
*********************************************************/

/* The wrapper defines the overall width and placement of your page area */
#wrapper
{
	margin: 30px auto;
	width:1000px;
	background-color: #FFF;

}

/************************************************** 
HEADER STYLES: The header gets its own special text and space specifications
***************************************************/

header
{
	width: 1000px ;
	height: 220px;
	padding: 0px;
	background-image: url(img/itheader.gif);
	background-repeat: no-repeat;
	background-position: left;


	
}

/* Set up h1 and h2 headings for the top of your page. These can be special display headings */ 

header h1
{
	font-size: 40px;
	line-height: 0;
	margin: 0 0 0 0;
	padding: 0;
	color: #000000;
}

header h2
{
	font-size: 16pt;
	line-height:16pt;
	margin: 0;
	padding: 0;
	color: #000000;
}

/************************************************** 
MAIN SECTION: The content area is where the bulk of your content will go; set up most of your text styles here
***************************************************/
main 
{
	width: 1000px;
	padding:0px;
	float: left;
	background-color: white;
	
	
}

main#wide
{
width: 958px;
}

/* This style puts a consistent amount of spacing above and below headings, based on the heading's point size */

main h1, h2, h3, h4, h5, h6
{
	margin: .5em 0 .25em 0;
}

/* Use these styles to set up headings with a series of sizes */

main h1
{
	font-size: 26pt;
	line-height: 20pt;
	margin: 18px;
	font: bold;

}

main h2
{
	font-size: 16pt;
	line-height: 18pt;
	margin: 10px
}

main h3
{
	font-size: 14pt;
	line-height: 14pt;
	margin: 8px;
}

main h4 
{
font-size: 12pt;
	line-height: 14pt;
	margin: 15px;
	margin: 0 0 0 2em; 
}

main h5 
{

}
main h6 
{

}

/*
Content paragraph: This is your main body text style */

main p
{
	margin: 0 0 0 40px;
	text-indent: 0em;
	font-size:14pt;
	line-height: 16pt;
	color:black;	
	padding: 10px;
}

/* Styles for links within your text */

main a
{
	color: #000;
	text-decoration: none;
	border-bottom: 1px solid #000;
	padding-bottom:3px;
}

/*Set the color for visited links*/

main a:visited
{
	color: #0A123A;
}

/* Set the behavior and color for links when the mouse hovers. DO NOT change fonts, font size or font weight (i.e. light-bold) */

main a:hover
{
	color: #FFF;
	background-color: #000;
}


/* List styles */

/* Unordered list (bulleted) */
main ul
{
	list-style-type: disc;
	margin: 0 0 .25em 0;
}

/* Ordered list (numbered) */
main ol
{
	list-style-type: decimal;
	margin: 0 0 .25em 0;
}

/* Set the size and spacing for your list items */
main li 
{ 		
	font-size: 12pt;
	text-indent: 0;
	line-height: 20pt;
	margin: 0 0 0 4em; 
}

/* This sets the styles for second-level lists, known as lists within lists */
main li ul 
{ 
list-style-type: circle; 
}

main li ol 
{ 
list-style-type: lower-latin; 
}


/************************************************** 
FOOTER STYLES: Set up your footer space with appropriate typography
***************************************************/

footer
{
	width: 970px;
	padding: 15px ;
	font-family: cambria, helvetica, arial, sans-serif;
	color: white;
	background-color: #0A123A;
	font-size: 12pt;
}

#social
{
float: right;
margin-left: 20px;
}

footer  h1, h2, h3, h4, h5, h6
{
	margin: .5em 0 .25em 0;
}

/* Use these styles to set up headings with a series of sizes */

footer  h1
{
	font-size: 14pt;
	line-height: 14pt;

}

footer  h2
{
	font-size: 18pt;
	line-height: 18pt;
}

footer  h3
{
	font-size: 14pt;
	line-height: 14pt;
}

/* Footer paragraph style */

footer  p 
{
	margin: 0;
	font-size: 12pt;
	text-indent: 2em;
	line-height: 14pt;
	font: white;
	
}

/* Styles for links in your footer */

footer  a
{
	color: white;
	text-decoration: none;
	
}

/*Set the color for visited links*/

footer  a:visited
{
	color: white;
}

/* Set the behavior and color for links when the mouse hovers. DO NOT change fonts, font size or font weight (i.e. light-bold) */

footer  a:hover
{
	color: #000000;
	background-color: #FFF;

	
	
}

footer img
{
float: right;
margin-left:10px;

}

.right
{
text-align:right;
}


/**************************************************************
#CLEARING is used to reset floating
**************************************************************/
.clear { clear: both; }


/**************************************************************
 OTHER STYLES: You can place the CSS code below for things such as rollover menus, special div specs, etc.
**************************************************************/

/**************************************************************
 ROLL-OVER MENU STYLES 
**************************************************************/
/*  Change background-color and color (text color) 
to suit your design */
nav#rollover
{
 padding: 0px;
 margin: 0;
 list-style-type: none;
 float: left;
 width: 938px;
 color: white;
 background-color: #FFFFFF;
 
}

/*  DO NOT CHANGE THIS */

nav#rollover li { display: inline; }

/*  
#rollover li a: background-color and color (text color) should match 
the ul.rollover specification; border color also can be changed to 
suit your design 
*/

nav#rollover li a
{
 float: left;
 color: #FFFFFF;
 background-color: #C1BDD3;
 padding: 0.5em 10px;
 font-family: cambria, helvetica, arial, sans-serif;
 text-decoration: none;

 font-size:18px;

}

/*  #rollover li a:hover: change background-color 
and color (text color) to suit your design   */

nav#rollover li a:hover
{
 background-color: #FFFFFF;
 color: #FFFFFF;
  
 
}
	/* IMG formats*/

#imgright
	{
	float:right;
	margin:10px 0 10px 10px;
	padding-bottom:10px;
	}
#imgright p
	{
	font-size:9pt;
	line-height:10pt;
	margin-top:6px;
	text-indent:none;

	}
	
	
	{
	font-size:9pt;
	line-height:10pt;
	margin-top:6px;
	text-indent:none;

	}
	
	#imgleft
	{
	float:left;
	margin:10px 10px 10px 0;
	padding-bottom:10px;

	}
#imgleft p
	{
	font-size:9pt;
	line-height:10pt;
	margin-top:6px;
	text-indent:0;
	}
	
	
	#imgcenter
	{
	margin: 10px auto;
	}
	
	#imgcenter p
	{
	font-size:9pt;
	line-height:10pt;
	margin-top: 6px;
	text-indent:0;
	}
	
	
	
	/********************************************
DROP DOWN MENU STYLES FOR CSS PAGE. You can adjust
the background-color and color specs to your liking.
********************************************/
#dropdown
	{
	border: 0px;
	margin: 0px;
	padding: 0px;
	font-size: 12pt;
	font-family: bangla mn, cambria, helvetica, arial, sans-serif;
	font: bold;
	font: #FFFFFF;
	text-transform: uppercase;
	}
#dropdown ul
	{
	background: ##0A123A;
	height: 40px;
	list-style: none;
	margin: 0;
	padding: 0;
	color: #000000;
    background-color: #353535;
	}
#dropdown li
	{
	float:left;
	padding:0px;
	margin: 0;
	font: #FFFFFF;
	font-size: 12pt;
	}
#dropdown a
	{
	background: #353535;
	color: #FFFFFF;
	font:
	display: block;
	font-weight: normal;
	line-height: 40px;
	margin: 2px;
	padding: 0px 25px;
	text-align: center;
	text-decoration: none;
	border-right: 1px #FFF solid;
	}
#dropdown a:hover
	{
	background-color: #FFFFFF;
	color:#010508;
	text-decoration:none;
	}
#dropdown li ul
	{
	background:#353535;
	display:none;
	height:auto;
	padding:0px;
	margin:0px;
	border:0px;
	position:absolute;
	width:225px;
	z-index:200;
	/*top:1em;
	/*left:0;*/
	}	
#dropdown li:hover ul
	{
	display:block;
	}
#dropdown li li
	{
	display: block;
	float: none;
	margin: 0px;
	padding: 0px;
	width: 225px;
	border-top: 1px #FFF solid;
	border-right:0 #FFF solid;
	}
#dropdown li:hover li a
	{
	background:none;
	border-width:0;
	}
#dropdown li ul a
	{
	display:block;
	height:35px;
	font-size:8.5pt;
	font-style:normal;
	margin:0px;
	padding:0px 10px 0px 15px;
	text-align:left;
	}
#dropdown li ul a:hover, #menu li ul li:hover a
	{
	background-color:#FFF;
	border:0px;
	color:#000;
	text-decoration:none;
	}
#dropdown p
	{
	clear:left;
	}	
	
	
	
	/*! http://responsiveslides.com v1.54 by @viljamis */


.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 1000px;
  padding: 0;
  margin: 0;
  background-color:#000;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 1000px;
  left: 0;
  top: 0;
  margin:0;
  padding:0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 1000px;
  border: 0;
  }