/***************************************************************************************************
General
****************************************************************************************************/

#container{
	background-image: url(/images/design-elements/container-bg.gif);
	background-repeat: repeat-x;
}

h1, h2, h3, h4, h5, h6{
	font-family: Georgia, Times, Times New Roman, serif;
	font-weight: normal;
}

/***************************************************************************************************
Navigation
****************************************************************************************************/

#nav{
	font-family: Georgia, Times, Times New Roman, serif;
	background-image: url(/images/design-elements/nav-bg.gif);
	background-repeat: repeat-x;
}

/**********************************************
Custom Superfish Drop Menu Theme
**********************************************/

/* Parent List */
.sf-menu {
	float: left;
	margin-bottom:	0px;
}

/* Parent Links */
.sf-menu a { 
	padding: 8px 0 8px 10px;	
	text-decoration: none;	
}

/* Parent List Items */
/* Converted */
.sf-menu li {
	width: 136px;
	height: 48px;
	margin: 13px 0 0 0;
	padding: 0;
	border-right: 1px solid #c1d6b8;
}

/* Parent List Items: Hover */
.sf-menu li:hover, .sf-menu li:hover a, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active{
	outline:		0;
	z-index:		99;
}

/* Parent List Item Links: Title */
.sf-menu li a:link .title,
.sf-menu li a:visited .title{
	padding: 6px 0 4px 10px;
	font-size: 14px;
	line-height: 16px;
	text-transform: capitalize;
	color: #365329; /* Green */
}

/* Parent List Item Links: Title: Hover */
.sf-menu li:hover, .sf-menu li:hover a .title, .sf-menu li.sfHover,
.sf-menu li a:focus .title, .sf-menu li a:hover .title, .sf-menu li a:active .title{
	color: #4f93bd; /* Blue */
}

/* Parent List Item Links: Subtitle */
.sf-menu li a:link .subtitle,
.sf-menu li a:visited .subtitle{
	font-size: 11px;
	line-height: 20px;
	text-transform:lowercase;
	color: #989797;
	padding: 0 0 0 10px;
}

/* Child Lists */
.sf-menu li ul{
	background-color: none;
	border: 1px solid #d7e9cf;
	padding: 25px 1px 1px 1px;
	width: 257px;
}

/* Child List Item Links */
.sf-menu li li a, .sf-menu li li a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	padding: 		4px 20px 4px 28px;
	font-size: 		14px;
	color: 			#6a6a6a; 
}

/* Child List Items */
.sf-menu li li {
	background:		#d7e9cf;
	height: auto;
	margin: 0;
	padding: 0;
	border-right: none;
}

/* Child List Items when Hovering on Parent */
.sf-menu li:hover li a{
	background:		#d7e9cf;
	color: 			#6a6a6a;
}

/* Child List Item Hover */
.sf-menu li li:hover, .sf-menu li li.sfHover,
.sf-menu li li a:focus, .sf-menu li li a:hover, .sf-menu li li a:active{
	background:		#95b687; 
	color: #d7e9cf; 	/* Green */
}


/***************************************************************************************************
Header
****************************************************************************************************/

#header{
	background-color: white;
	background-image: url(/images/design-elements/content-div-bg.gif);
	background-repeat: repeat-y;
}

#contact{
	text-align: right;
	font-size: 16px;
	color: #005387;
}

/***************************************************************************************************
Home-Header
****************************************************************************************************/

#home-header{
	position: relative;
	height: 280px;
	overflow: hidden;
	background-image: url(/images/design-elements/content-div-bg.gif);
	background-repeat: repeat-y;
}

#home-header .caption{
	background-image: url(/images/design-elements/home-header-caption-bg.png);
}

#home-header .caption h1{
	color: #d7e9cf;
	font-size: 32px;
	line-height: 36px;
	padding: 0 0 8px 0;
}

#home-header .caption p{
	font-family: Georgia, Times, Times New Roman, serif;
	color: white;
	font-size: 14px;
	padding: 8px 0 0 0;
	line-height: 20px;
}

#home-header .caption a{
	text-decoration: none; 
	color: #1d6ea0;
}


/***************************************************************************************************
Primary
****************************************************************************************************/

#primary{
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(/images/design-elements/content-div-bg.gif);
	background-repeat: repeat-y;
}

/***************************************************************************************************
Main Area
****************************************************************************************************/

#main{

}

/***********************************
Home Page
***********************************/

#container.home #main h1{
	font-size: 20px;
	line-height: 20px;
	padding: 15px 0 10px 0;
	color: #3d396f;
}

#container.home #main p{
	font-size: 14px;
	line-height: 20px;
	padding: 5px 0;
}

ul.home-ideas{
	background-image: url(/images/design-elements/home-ideas-bg.gif);
	background-repeat: no-repeat;
	margin: 10px 0;
}

ul.home-ideas li{
	width: 187px;
	height: 250px;
}

#container.home #main ul.home-ideas li h3{
	font-size: 24px;
	padding: 0 0 10px 0;
}

ul.home-ideas li a{
	color: #1e6fa1;
	text-decoration: none;
}

ul.home-ideas li.middle{
	padding: 0 31px 0 28px;
}

#container.home #main ul.home-ideas li p{
	font-size: 12px;
	padding: 0 0 10px 0;
}

/***********************************
Secondary Pages
***********************************/

#container.secondary #main{
	color: #5f5f5f;
	font-size: 12px;
}

#container.secondary #main h1{
	font-size: 30px;
	line-height: 30px;
	background-image: url(/images/design-elements/h1-bg.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	color: #2377ad;
	padding: 10px 0 32px 0;
	
}

#container.secondary #main h2{
	font-size: 18px;
	line-height: 20px;
	color: #474747;
	margin: 5px 0;
}

#container.secondary #main h3{
	font-family: Arial;
	font-size: 16px;
	font-weight: bold;
	line-height: 20px;
	color: #6699cc;
	margin: 20px 0 0 0;
}

#container.secondary #main h4{
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
	color: #6699cc;
	margin: 20px 0 0 0;
}

#container.secondary #main p{
	line-height: 16px;
	margin: 10px 0;
}

/***********************************
Secondary Pages - Blockquote
***********************************/

#container.secondary #main blockquote{
	background-image: url(/images/design-elements/blockquote-bg.gif);
	background-repeat: no-repeat;
	background-position: 0 7px;
	padding: 0 0 0 40px;
	color: #929292;
	font-style: italic;
	margin: 4px 0;
}

#container.secondary #main blockquote p{
	font-size: 14px;
}

#container.secondary #main blockquote .citation{
	text-align: right;
	font-weight: bold;
	font-size: 14px;
	padding: 4px 80px 0 0;
}


/***********************************
Secondary Pages - List
***********************************/

#container.secondary #main li{
	background-image: url(/images/design-elements/li-bg.gif);
	background-repeat: no-repeat;
	background-position: 0 4px;
	margin: 0 0 0 20px;
	padding: 4px 0 4px 25px;
	line-height: 14px;
	
}


/***********************************
Secondary Pages - Photos/Captions
***********************************/

#container.secondary #main .photo{
	border: 1px solid #d6d6d6;
	background-color: #eaeaea;
	border-collapse: collapse;
	margin: 4px 0;
}

#container.secondary #main .photo .caption{
	vertical-align: bottom;
	width: 100%;
	padding: 8px 13px;
	color: #2f4349;
}

#container.secondary #main .photo .caption h3{
	font-size: 20px;
	line-height: 20px;
	margin: 0;
	padding: 0;
}

#container.secondary #main .photo .caption p{
	font-size: 14px;
	line-height: 14px;
	margin: 3px 0 0 0;
	padding: 0;
}


/***************************************************************************************************
Side Panel
****************************************************************************************************/

#side{
	background-color: #cfd7b1;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #474747;
}

/***********************************
Home Page
***********************************/

#container.home #side{
	height: 290px;
	background-position: top right;
	background-repeat: no-repeat;
	background-color: #ffffff;
	margin: 0 0 0 1px;	
}

#container.home #side h3{
	font-size: 20px;
	line-height: 20px;
	padding: 15px 0 14px 0;
}

#container.home #side p{
	font-size: 12px;
	line-height: 18px;
	width: 287px;
	padding: 4px 0;
}

#container.home #side a{
	font-weight: bold;
	text-decoration: none;
}

/***********************************
Secondary Pages
***********************************/

#container.secondary #side{
	padding-bottom: 20px;
}

#container.secondary #side h3{ 
	font-size: 20px;
	line-height: 30px;
	padding: 13px 0 6px 0;
}

#container.secondary #side p{ 
	font-size: 12px;
	line-height: 20px;
	padding: 5px 0;
}

#container.secondary #side img{ 
	padding: 5px 0;
}

#container.secondary #side ul{ 
	font-size: 12px;
	line-height: 26px;
	padding: 5px 0 10px;
}

#container.secondary #side li{ 
	padding: 0 0 0 2px;
	border-bottom: 1px dashed #ededed;
}

/* Double Right Quote Bullets */
#container.secondary #side li:before { 
  content: "\00BB  ";
  display: inline;
  color: #1256b3;
}

#container.secondary #side li a{ 
	color: #1256b3;
	text-decoration: none;
}

/***************************************************************************************************
Footer
****************************************************************************************************/

#footer{ 
	background-color: #2f444a;
	background-image: url(/images/design-elements/footer-bg.gif);
	background-repeat: repeat-x;
	color: #d7d7d7;
	font-size: 12px;
	line-height: 20px;
	height: 188px;
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
}

#footer h3{
	color: white;
	font-size: 18px;
	padding: 12px 0;
}

#footer a{
	color: white;
	text-decoration: none;
}
	
#footer a:hover,
#footer a:active{
	text-decoration: underline;
}

/***********************************
Lists
***********************************/

#footer ul{
	font-family: Arial, Helvetica, sans-serif;
	width: 280px;
}

#footer li{
	border-bottom: 1px solid white;
}

/***********************************
Email Signup Form
***********************************/

#footer form{
	margin: 10px 0;
	height: 26px;
	position: relative;
}

#footer input.text{
	position: absolute;
	top: 0px;
	left: 0px;	
	
	border: 1px solid black;
	color: white;
	background-color: #262626;
	
	font-size: 12px;
	line-height: 22px;
	
	height: 24px;
	width: 195px;
	
	padding: 0 5px;
}

#footer input.submit{
	position: absolute;
	top: 0px;
	left: 211px;
}

/***************************************************************************************************
Sub Footer
****************************************************************************************************/

#sub-footer{
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 12px;
	color: #474747;
}

#sub-footer a{
	color: #474747;
	text-decoration: none;
}

#sub-footer a:hover, 
#sub-footer a:active{
	text-decoration: underline;
}
