#page_screen
{
   background-color:#000000;
   filter:alpha(opacity=60);  
   opacity: 0.6;     
   position:absolute;
   top:0px;
   left:0px;
   width:100%;
   display:none;
}

#newsletter_panel
{
   width:450px;
   height:450px;
   background-color:#1CABD7;
   border:1px solid #000000;   
   position:absolute;
   top:0px;
   left:0px;
}






/*
Template Design by Icon


*/

/** Common Styles */

body {
	margin:0px auto;
	padding: 0;
	background: url( ) repeat;
	line-height: 20px;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #000;
}

#wrapper {
	width: 974px;
	margin: 0px auto;
	padding:  0;
	background: #FFFFFF url() repeat-y left top;
}
/** Style for header starts here */

#header {
	width: 974px;
	height:145px;
	margin: 0px auto;
	background: #333 url(images/header-grad.jpg) repeat-x;
}

#header .right { width:400px; float:right;  margin-top:10px;}
#header .top-links { margin:5px 0 15px 0}
#header .top-links a { color:#00559f; }

#header .logo {float:left; }

#header h1, #header h2 {
	margin: 0px;
	padding: 0;
	
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
}

#header h1 {
	float: left;
	padding: 70px 10px 10px 20px;
	font-size: 3em;
}

/** Style for menu starts here */

#menu {
	width: 974px;
	height: 54px;
	margin: 0px auto;
	background: url(images/menu.jpg) repeat-x;
}

#menu ul {
	margin: 0px;
	padding: 0 0 0 20px;
	list-style: none;
}

#menu li {
	display: inline; 
}

#menu a {
	display: block;
	float: left; text-align:center;
	border: none; 
	padding: 7px 25px; text-transform:uppercase;
	text-decoration: none; font-weight:bold;
	color: #FFFFFF; font-size: 16px;
}

#menu .sm a:hover {
	  background:url(images/hover-sm.jpg) no-repeat;padding: 7px 25px 25px 25px;
}

#menu .med a:hover {
	  background:url(images/hover-med.jpg) no-repeat center;
}

#menu .lg a:hover {
	  background:url(images/hover-lg.jpg) no-repeat center;
}





/** Style for content starts here */

#content {
	width: 974px;
	margin: 0px auto;
}

#content h2 {
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	
}





#right {
	float: left;
	width:366px;
}

#right  .red { background-color:#ff0000; height:25px; text-align:center; padding-top:10px;}
#right  .red a { color:#FFF; font-size:16px; font-weight:bold; padding:10px}

/*Blue Sidebar bit --*/
#right  .sidebar {width: 352px;
	padding: 10px 0px; margin:10px;
	background:url(images/sidebar.jpg) repeat-y; display:block }

#right  .sidebar h2 { font-size:30px; margin:10px auto; text-align:center; color:#022655;}
#right  .sidebar p {color:#022655; margin:5px; line-height:24px; font-size:18px; background:url(images/red-swish.gif) no-repeat bottom left;
padding-bottom:10px;}
#right  .sidebar p.small {color:#022655; margin:5px 10px; line-height:12px; font-size:11px; background:none; text-align:center;
padding-bottom:10px;}

#right TABLE.contact {	margin:10px 0px;
	padding:20px;	vertical-align:top;	text-align: left;
}
#right TABLE.contact .title { text-align:right; vertical-align:top; color:#022655; font-weight:bold;
font-size:16px; padding-right:10px;}
#right TABLE.contact input, #right TABLE.contact textarea { text-align:left; font-size:16px; border:solid 2px #b9d8f5}
#right TABLE.contact .submit { border:none;}

/* Sidebar bit with phone numbers --*/

#right .address { margin:10px 20px;color:#022655;}
#right .address h2 { text-decoration:underline; color:#022655; font-size:14px; text-transform:uppercase;
text-align:center}
#right .address h3 {  font-size:12px; text-align:center; margin:5px 0; font-weight:normal;}
#right .address .numbers { margin:10px 20px; font-size:14px; line-height:24px; }


/*------- LEFT ------------*/
#left {
	float: left;
	width: 608px;
	padding: 0px;
	
}
#left .banner { background:url(images/homepage-banner.jpg) no-repeat; padding:20px 0 0 200px;color:#FFF;
height:330px;}

#left .banner h2 { font-size:22px; text-align:center; font-style:italic; margin:10px 5px 20px 0 }
#left .banner p { text-align:center; font-weight:bold; font-size:18px;}
#left .banner ul { margin:20px 0px 20px 120px; list-style:disc; padding-left:10px; font-size:14px;}
#left .banner li { line-height:26px;}
#left .banner .blue-btn { background:url(images/BTN.jpg) no-repeat; color:#FFF; display:block; width:350px; height:30px;
	font-size:20px; text-align:center; padding:10px 0;}




#left .panel { margin:10px; border:solid 1px #d3d3d3; height:195px; }
#left .panel#grey { background: #FFF url(images/grey-grad.jpg) repeat-x top;}
#left .panel#long-grey { background: #FFF url(images/grey-grad.jpg) repeat-x top;height:220px;}
#left .panel#blue { background: #f1f6fb url(images/blue-grad.gif) repeat-x top;}
#left .panel .left { float:left; margin:5px 10px 5px 5px;}
#left .panel h2 { font-size:20px; color:#022655; margin:10px 0;}
#left .panel h2 .lblue {  color:#1a61bd;}
#left .panel p { color:#022655; font-size:14px; line-height:24px;}
#left .panel p.small { color:#022655; font-size:12px; line-height:18px;}
#left .panel .button { float:right; margin:10px; display:block}

#left .text { margin:10px; }
#left .text h2 { font-size:26px; color:#022655; margin:10px 0;  }
#left .text h3 { font-size:18px; color:#1a61bd; margin:10px 0; font-weight:normal  }
#left .text p { margin:10px 0; line-height:16px;}
#left .text ul { margin:10px 30px; list-style:disc; font-weight:bold; font-size:14px;}
#left .text ul p { font-weight:normal; font-size:12px;}


/** Style for footer starts here */

#footer {
	clear: both;
	width: 914px;
	height: 200px;
	margin: 0px auto;
	padding: 20px 30px 0 30px;
	background: #2c0923 url(images/footer.gif) repeat-x top;	
	font-size: 10px;
	
}
#footer .col { width:200px; float:left; }
#footer .col h2 {  color:#FFF; font-size:14px; text-transform:uppercase;
text-align:left;}
#footer .col a {color:#8cbcee; font-size:11px; }
#footer .col ul { margin:10px 0; line-height:26px;}

#footer .links { margin:0px 40px; color:#8cbcee; text-align:center; font-size:11px; position:relative}
#footer .links a {color:#8cbcee;  }
#footer .links .icon {
	position:absolute;
	left: 729px;
	top: -50px;
}




/* CSS Document */

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;
	
}
body {
	line-height: 1;
}
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;
}

.clear { clear:both;}