/*-----------------------------------------------
Author:   Jason Cooper
Date:  Jan 1 2010

Colour palette:
#555555 / Dark Grey
#555555 / Dark Grey
#555555 / Dark Grey
----------------------------------------------- */


/* Browser Resets
----------------------------------------------- */

html, body, div, h1, h2, h3, ul, ol, li, form, fieldset,  input, textarea {  
	margin: 0;
	padding: 0;  
	font-size: 100%;  
	}  
ul {list-style: none;}  
img, fieldset {border: 0;}  
h1, h2, h3 {font-weight: normal;}  
em {font-style: italic;}  
strong {font-weight: bold;}  


/* Global 
----------------------------------------------- */
h1 {
	font-family: helvetica, tahoma, sans-serif;
  	font-size: 22px;
  	line-height: 26px;	
  	color: #8bcabe
	}
h2 {
	font-family: helvetica, tahoma, sans-serif;
  	font-size: 18px;
  	line-height: 20px;	
	}
h3 {
	font-family: helvetica, tahoma, sans-serif;
  	font-size: 16px;
  	line-height: 20px;	
	}	

a:link, 
a:visited, 
a:active {
	color: #0053b1;
    text-decoration: underline;
	}    
a:hover {
	color: #5d6165;
    text-decoration: none;
	}  

.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
	.clearfix { display: inline-block; }
	/* start commented backslash hack \*/
	* html .clearfix { height: 1%; }
	.clearfix { display: block; }
	/* close commented backslash hack */

hr {
  border: none;
  background-color: #ffcd61;
  color: #ffcd61;
  height: 1px;
}

 img, div, input { behavior: url("iepngfix.htc") }


	
/* Header 
----------------------------------------------- */	
#header {
	height: 225px;
	vertical-align: bottom;
	margin: 0 0 20px 0;
	}
	#logo {
		float: left;
		width: 151px;
		margin: 31px 0 0 5px;
		}
	#promoBanner {
		float: right;
		width: 787px;
		margin: 85px 0 0 0;
		}
	
	
/* Nav
----------------------------------------------- */	

.sidebarmenu ul{
	margin: 0;
	padding:  0 0 0 0;
	list-style-type: none;
	font-size: 15px;
	font-weight: bold;
	z-index: 10
	}
 
.sidebarmenu ul li{
	position: relative;
	}

/* Top level menu links style */
.sidebarmenu ul li a{
	display: block;
	overflow: auto; /*force hasLayout in IE7 */
	color: white;
	padding: 0;
	line-height: 37px;	
	padding: 0 4px 0 0  ;
 	}

.sidebarmenu ul li ul li a{ 
	background-color: #808080;
	text-align: left;
	padding: 2px 0 2px 8px;
	font-size: 12px;
	line-height: 13px;
	font-weight: normal;
	}

.sidebarmenu ul li a:link, 
.sidebarmenu ul li a:visited, 
.sidebarmenu ul li a:active{
	}

.sidebarmenu ul li a:visited{
	color: white;
	}

.sidebarmenu ul li a:hover{
	background-color: grey;
	text-decoration: none;

	}

/*Sub level menu items */
.sidebarmenu ul li ul{
	position: absolute;
	width: 170px; /*Sub Menu Items width */
	top: 0;
	visibility: hidden;
	}

.sidebarmenu a.subfolderstyle{
 	}



#SignUp .signupframe {
	color: #A4DAD0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	}
	.link,
	.link a {
		text-decoration: none;
		}
	#SignUp .signupframe {
		border: 1px solid #B7B7B7;
		background: #CFEBE6;
		}
#SignUp .signupframe .required {
	font-size: 10px;
	}

 
/* Holly Hack for IE \*/
* html .sidebarmenu ul li { float: left; height: 1%; }
* html .sidebarmenu ul li a { height: 1%; }
/* End */






	
/* Side Col
----------------------------------------------- */
#sideCol {
	height: 560px;

	}

#nav {
	width: 140px;
	height: 147px;
	border: solid 1px #cfebe6;
	background-color: #a4dad0;
	font-family: helvetica, tahoma, sans-serif;
  	font-size: 16px;
  	text-align: right;
  	padding: 5px 10px 5px 10px;
  	color: #fff;
  	}
  	#nav a:link, 
	#nav a:visited, 
	#nav a:active {
		color: #fff;
		text-decoration: none;
		}    
	#nav a:hover {
		color: #fff;
		text-decoration: underline;
		}  
  	
#mailingList {
	width: 140px;
	height: 188px;
	border: solid 1px #a4dad0;
	background-color: #d7eeea;
	font-family: helvetica, tahoma, sans-serif;
  	font-size: 18px;
  	line-height: 20px;	
  	text-align: LEFT;
  	padding: 0 10px 20px 10px;
  	color: #a4dad0;
  	margin: 20px 0 0 0;
	}
	#mailingList input {
		border: solid 1px #a4dad0;
		padding: 4px;
		color: #c2c2c2;
		width: 125px;
  		font-size: 12px;
		}
	.submit {
		background-color: #a4dad0;
		border: solid 1px #fff;
		padding: 4px;
		color: #fff;
		width: 125px;
  		font-size: 18px;
  		}
		
#contact {
	width: 140px;
	height: 131px;
	border: solid 1px #a4dad0;
	background-color: #d7eeea;
	font-family: helvetica, tahoma, sans-serif;
  	font-size: 12px;
  	line-height: 17px;	
  	text-align: LEFT;
  	padding: 10px;
  	color: #96c1bb;
  	margin: 20px 0 0 0;
	}
	#contact a:link, 
	#contact a:visited, 
	#contact a:active {
  		color: #96c1bb;
		text-decoration: none;
		}    
	#contact a:hover {
  		color: #96c1bb;
		text-decoration: underline;
		}  

	
/* Body 
----------------------------------------------- */
body {
	background: #fff url('../media/bodyBg.jpg') repeat-x top left;
	font-family: helvetica, tahoma, sans-serif;
  	font-size: 11px;
  	line-height: 15px;
  	color: #b7b7b7;
  	text-align: center;
	}

#container {
	margin: 0 auto;
	width: 960px;
	}
	
#mainHome {
	background: #fff url('../media/mainBgWoman.jpg') repeat-x top left;
	float: right;
	width: 744px;
	height: 521px;
  	background-color: #fff;
  	text-align: left;
  	font-size: 16px;
  	line-height: 20px;
  	border: solid 1px #c0c0c0;
  	padding: 20px 20px  20px  20px ;
  	font-weight: normal;
	}	
	
#mainSub {
	background: #fff url('../media/mainBg.jpg') repeat-x top left;
	float: right;
	width: 744px;
	height: 521px;
  	background-color: #fff;
  	text-align: left;
  	font-size: 17px;
  	line-height: 25px;
  	border: solid 1px #c0c0c0;
  	padding: 20px 20px  20px  20px ;
  	font-weight: normal;
	}	 
	

	
	
/* Common
----------------------------------------------- */	
.imgLeft {
	float: left;
	padding: 0 20px 20px 0;
	}
.imgRight {
	float: left;
	padding: 0 20px 20px 0;
	}
	
.smalllinks {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	}
.LargerCopy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #006666;
	}
	
/* Footer 
----------------------------------------------- */
#footer {
	clear: both;
	color: #898989
		margin: 10px 0 0 0;
	}	
	#footer a:link, 
	#footer a:visited, 
	#footer a:active {
		color: #fff;
		text-decoration: underline;
		}    
	#footer a:hover {
		color: #b9c0c8;
		text-decoration: none;
		}