/*
      Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail: Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com
	  
*/

* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
}
a {
color:#eeeeee;
text-decoration:none;

  }
#wrapper { 
 margin: 0 auto;
 width: 840px;
}
#pop_up_wrapper { 
 margin: 0 auto;
 width: 550px;
}
#header {
 width: 840px;
 color: #ffffff;
 border: 1px solid #ccc;
 height: 180px;
 margin: 0px 0px 0px 0px;
  background: #000000 url(../images/header_background.jpg) no-repeat center top;
  font-family: "Times New Roman", Times, serif
}

#header_red {
 width: 840px;
 color: #ffffff;
 border: 1px solid #ccc;
 height: 180px;
 margin: 0px 0px 0px 0px;
  background: #000000 url(../images/header_background_red.jpg) no-repeat center top;
  font-family: "Times New Roman", Times, serif
}

#header_blue {
 width: 840px;
 color: #ffffff;
 border: 1px solid #ccc;
 height: 180px;
 margin: 0px 0px 0px 0px;
  background: #000000 url(../images/header_background_blue.jpg) no-repeat center top;
  font-family: "Times New Roman", Times, serif
}

#header_green {
 width: 840px;
 color: #ffffff;
 border: 1px solid #ccc;
 height: 180px;
 margin: 0px 0px 0px 0px;
  background: #000000 url(../images/header_background_green.jpg) no-repeat center top;
  font-family: "Times New Roman", Times, serif
}

.left_header_text
{
float:left;
position:inherit;
 font-size:130%;
 font-style:normal;
padding-left:20px;
padding-top:120px;
width: 400px;
}

.small_header_text
{
 font-size:60%;
}

.right_header_text
{
float:right;

 font-size:130%;
padding-left:20px;
padding-top:120px;
width: 300px;
}


#navigation {
 width: 840px;
 color: #333;
 padding: 0px;
 border: 1px solid #ccc;
 margin: 0px 0px 0px 0px;
 background: #000000;
}
#content { 
 width: 840px;
 color: #333;
 border: 1px solid #ccc;
 background: #000000;
 margin: 0px 0px 0px 0px;
 padding: 0px;
}

#pop_up_content { 
 width: 550px;
 color: #333;
 border: 1px solid #ccc;
 background: #000000;
 margin: 0px 0px 0px 0px;
 padding: 0px;
}

.text_content
{
padding:20px;
width:820px;
color:#CCCCCC;
}

.text_content_insert
{
padding:20px;
width:820px;
color:#CCCCCC;
}



.text_content_insert img
{
border:medium;
border-color:#CCCCCC;
border-style:solid;
border-width:thin;
padding:5px;
}


.text_content_insert a img 
{
border:medium;
border-color:#0000FF;
border-style:solid;
border-width:thin;
background-color:#0000FF;
padding:5px;
}


.pop_up_text_content
{
padding:20px;
width:550px;
color:#CCCCCC;
}

.images_right
{
float:right;
position:inherit;
padding:10px;
width:200px;
color:#CCCCCC;
padding-right:50px;
}

.text_left
{
float:left;
position:inherit;
padding:10px;
width:350px;
color:#CCCCCC;
padding-right:50px;
}


.text_right
{
float:right;
position:inherit;
padding:10px;
width:350px;
color:#CCCCCC;
padding-right:50px;
}

.bullet_points
{
padding:10px;
width:320px;
color:#CCCCCC;
line-height:22px;
}


.text_inset
{
position:absolute;
padding-left:250px;
padding-top:20px;
width:250px;
color:#CCCCCC;
}


#footer { 
 width: 840px;
 color: #ffffff;
 border: 1px solid #ccc;
 height: 180px;
 margin: 0px 0px 0px 0px;
  background: #000000 url(../images/header_background.jpg) no-repeat center top;
  font-family: "Times New Roman", Times, serif
}
.footer_left_text
{
float:left;
position:inherit;
font-size:120%;
padding-left:60px;
padding-top:20px;
width: 300px;
height:170px;
line-height:22px;

}
.footer_right_text
{
float:right;
position:inherit;
font-size:120%;
padding-left:20px;
padding-top:20px;
width: 350px;
height:170px;
line-height:22px;
}