/*
      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;
 background: #A6BBFF url(images/background.gif);
 background-repeat:repeat-x;
 color:#000000;
 font-size: 13px;
}
#wrapper {
	margin: auto;
	background: #FFFFFF;
	border: 1px solid #ccc;
	width: 840px;
}
#header {
	color: #333;
	width: 840px;
	height: 124px;
	background:url(images/top_backy.gif);
}
#navigation {
	width: 840px;
}
#leftcolumn {
	margin: 0px 10px 5px 0px;
	padding: 10px;
	width: 240px;
	float: left;
}
#rightcolumn {
	
	color: #333;
	margin: 0px 0px 5px 0px;
	padding: 10px;
	width: 550px;
	display: inline;
}
#rightcolumn2 {
	
	padding-top:17px;
	padding-left:20px;
	padding-right:15px;
	background-repeat:no-repeat;
	background-position:bottom;
	color: #333;
}
#fullBody {
	padding-top:17px;
	padding-left:20px;
	padding-right:15px;
	background:url(images/background_bottom.gif);
	background-repeat:no-repeat;
	background-position:bottom;
}
#fullBody2 {
	padding-top:17px;
	padding-left:10px;
	padding-right:15px;
	background:url(images/background_bottom.gif);
	background-repeat:no-repeat;
	background-position:bottom;
}

#navBox {
  background:url(images/nav_box.gif);
  background-repeat:no-repeat;
  width: 240px;
  margin:auto;
}

.flashCenter {
	margin:auto;
	position: relative;
	text-align: center;
}

#navBoxFooter {
  background:url(images/nav_box_footer.gif);
  background-repeat:no-repeat;
  background-position:bottom;
  width: 240px;
  margin:auto;
}
		
#footer {
	width: 840px;
	height:87px;
	clear: both;
	color: #FFFFFF;
	background: #09008B;
}
#bottom {
	width: 820px;
	padding: 10px;
	clear: both;
	color: #000000;
	background:url(images/background_bottom.gif);
	background-repeat:no-repeat;
	background-position:bottom;
}

#bottomLinks {
	width: 840px;
	margin:auto;
	clear: both;
	color: #000000;
}


	#logoLeft{
 			 height:124px; /*** needed to make room for header in left column ***/
 			 width:264px;
 		 	float:left;
 			 background: url(images/header_logo.gif);
		}

		#logoRight{
 		 height:124px; /*** needed to make room for header in left column ***/
 		 width:576px;
 		 float:right;
		 background:url(images/background_header_right.gif);
		}
		
		#tabTop
		{
			height: 36px;

		}
		
		#tabMiddle
		{
			height: 70px;
		}
		
p.first{ 
  width: 200px;
  padding-left: 15px;
  padding-right: 15px;
 
}

p.title{
	width: 200px;
	padding-top:18px;
	padding-bottom:6px;
	padding-left: 15px;
	padding-right: 15px;
	font-weight: bold;
	font-size: 18px;
	color: #000099;
}

p.titleQuotes {
	padding-top:4px;
	padding-bottom:4px;
	font-weight: bold;
	font-size: 18px;
	color: #09008B;
}

p.titleQuotesRed {
	padding-top:4px;
	padding-bottom:4px;
	font-weight: bold;
	font-size: 18px;
	color: #FF0000;
}

p.quote {
	line-height:125%;
}


.thinborder{
  border:solid 1px blue;
  padding:5px;
  margin-right:5px;
}

.thinborderLeft{
  border:solid 1px blue;
  padding:5px;
  margin-right:5px;
  margin-left:5px;
}

.blockBox {
border: 1px dashed black; 
background:gold; 
font-size: 13px; 
color:#000000;
font-family:verdana, arial, sans-serif;
padding:8px;
}

.blockquote{
margin-left:8px;
padding-left:8px;
}


.dnow {
	padding-top:9px;
	width: 95px;
	margin-left:10px;
	float:left;
}

/* Show only to IE PC \*/
* html .boxhead h2 {height: 1%;} /* For IE 5 PC */

.sidebox {
	margin: 0 auto; /* center for now */
	width: 20em; /* ems so it will grow */
	background: url(images/sbbody-r.gif) no-repeat bottom right;
	font-size: 100%;
}
.boxhead {
	background: url(images/sbhead-r.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
}
.boxhead h2 {
	background: url(images/sbhead-l.gif) no-repeat top left;
	height:40px;
	margin: 0;
	padding: 16px 15px 15px;
	color: brown; 
	font-weight: bold; 
	font-size: 20px; 
	line-height: 1em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}
.boxbody {
	background: url(images/sbbody-l.gif) no-repeat bottom left;
	height:190px;
	margin: 0;
	padding: 5px 30px 31px;
}


#footerLlinks {
	color: #333;
	height:50px;
	width:820px;
	margin: 0px 0px 5px 0px;
	padding: 10px;
}

#copyright {
	color: #333;
	float:right;
	margin: 0px 0px 4px 0px;
	padding: 6px;
	width: 420px;
	display: inline;
}


#tabbedLinks {
	float: left;
	color: #333;
	margin: 0px 0px 5px 0px;
	padding: 10px;
	width: 350px;
	display: inline;
}


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.rssbutton{
background-color: #ff6600;
border: 1px #ff6600 outset;
padding: 0 2px;
color: white;
text-decoration: none;
font: bold 10px Verdana;
}

.rssbutton:visited, .rssbutton:hover, .rssbutton:active{
color: white;
}

.cssbutton{
background-color: #d1ec4c;
border: 2px #d1ec4c outset;
padding: 1px 4px;
color: black;
text-decoration: none;
font: bold 90% "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
}

.cssbutton:visited{
color: black;
}

.cssbutton:hover{
border-style: inset;
background-color: #e3f48e;
padding: 2px 3px 0 5px; /*shift text 1px to the right and down*/
}

.cssbutton:active{
color: black;
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
    
#glowingtabs{
float:left;
width:615px;
font-size:90%;
line-height:inherit;
}

#glowingtabs ul{
list-style-type: none;
margin:0;
margin-left: 5px; /*Left offset of entire tab menu relative to page*/
padding:0;
}

#glowingtabs li{
display:inline;
margin:0;
padding:0;
}

#glowingtabs a{
float:left;
background:url(images/glowtab-left.gif) no-repeat left bottom;
margin:0;
margin-right: 5px; /*spacing between each tab*/
padding:0 0 0 9px;
text-decoration:none;
}

#glowingtabs a span{
float:left;
display:block;
background:url(images/glowtab.gif) no-repeat right bottom;
padding: 8px 12px 8px 3px;
font-weight:bold;
color:#3B3B3B;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#glowingtabs a span {float:none;}
/* End IE5-Mac hack */

#glowingtabs a:hover span {
color: black;
}

#glowingtabs #current a{ /*Selected Tab style*/
background-position:0% -50px; /*Shift background image up to start of 2nd tab image*/
}

#glowingtabs #current a span{ /*Selected Tab style*/
background-position:100% -50px; /*Shift background image up to start of 2nd tab image*/
color: black;
}

#glowingtabs a:hover{ /*onMouseover style*/
background-position:0% -50px; /*Shift background image up to start of 2nd tab image*/
}

#glowingtabs a:hover span{ /*onMouseover style*/
background-position:100% -50px; /*Shift background image up to start of 2nd tab image*/
}

p.iepara{ /*Conditional CSS- For IE (inc IE7), create 1em spacing between menu and paragraph that follows*/
padding-top: 1em;
}





/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
    
#glowingtabsRight{
float:right;
width:100%;
font-size:100%;
line-height:inherit;
}

#glowingtabsRight ul{
list-style-type: none;
margin:0;
margin-left: 5px; /*Left offset of entire tab menu relative to page*/
padding:0;
}

#glowingtabsRight li{
display:inline;
margin:0;
padding:0;
}

#glowingtabsRight a{
float:right;
background:url(images/glowtab-left.gif) no-repeat left bottom;
margin:0;
margin-right: 5px; /*spacing between each tab*/
padding:0 0 0 9px;
text-decoration:none;
}

#glowingtabsRight a span{
float:right;
display:block;
background:url(images/glowtab.gif) no-repeat right bottom;
padding: 8px 10px 8px 3px;
font-weight:bold;
color:#3B3B3B;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#glowingtabsRight a span {float:none;}
/* End IE5-Mac hack */

#glowingtabsRight a:hover span {
color: black;
}

#glowingtabsRight #current a{ /*Selected Tab style*/
background-position:0% -48px; /*Shift background image up to start of 2nd tab image*/
}

#glowingtabsRight #current a span{ /*Selected Tab style*/
background-position:100% -48px; /*Shift background image up to start of 2nd tab image*/
color: black;
}

#glowingtabsRight a:hover{ /*onMouseover style*/
background-position:0% -48px; /*Shift background image up to start of 2nd tab image*/
}

#glowingtabsRight a:hover span{ /*onMouseover style*/
background-position:100% -48px; /*Shift background image up to start of 2nd tab image*/
}

p.iepara{ /*Conditional CSS- For IE (inc IE7), create 1em spacing between menu and paragraph that follows*/
padding-top: 1em;
}

.sidenav_nolink
{
	text-decoration: none;
	padding-left: 25px;
	padding-top: 0px;
	background: url(images/got_blue.gif) no-repeat left center;
	display: block;
	font: bold 12px Arial, Tahoma, Verdana, sans-serif;
	color: #666666;
	width: 90%;
}

.sidenav_title {
color:#000099;
}

.sidenav {
text-decoration:none;
padding-left:25px;
padding-top:2px; 
background: url(images/got_blue.gif) no-repeat left center;
display:block;
font:bold 12px/24px Arial, Tahoma, Verdana, sans-serif;
color:#666666;
width:90%;
}

#sidenav a:hover {
text-decoration:underline;
padding-left:25px;
padding-top:2px; 
background: url(images/got_blue.gif) no-repeat left center;
display:block;
font:bold 12px/24px Arial, Tahoma, Verdana, sans-serif;
color:#666666;
width:90%;
}

#sidenav a:hover span {
text-decoration:underline;
padding-left:25px;
padding-top:2px;
background: url(images/got_blue.gif) no-repeat left center;
display:block;
font:bold 12px/24px Arial, Tahoma, Verdana, sans-serif;
color:#666666;
width:90%;
}

.sidenavlanding {
text-decoration:none;
padding-left:25px;
padding-top:2px;
display:block; 
font:bold 12px/16px Arial, Tahoma, Verdana, sans-serif;
color:#666666;
width:90%;
background: url(images/checkbox.gif) no-repeat left center;
}

#sidenavlanding a:hover {
text-decoration:underline;
padding-left:25px;
padding-top:2px;
display:block;
font:bold 12px/16px Arial, Tahoma, Verdana, sans-serif;
color:#666666;
width:90%;
background: url(images/checkbox.gif) no-repeat left center;
}

#sidenavlanding a:hover span {
text-decoration:underline;
padding-left:25px;
padding-top:2px; 
display:block;
font:bold 12px/16px Arial, Tahoma, Verdana, sans-serif;
color:#666666;
width:90%;
background: url(images/checkbox.gif) no-repeat left center;
}
.bttqaoute {
width:600px;
margin:auto;
padding-top:4px;
font-size: 18px;
text-align: center
}

h2 {
font-size: 20px;
}

h3 {
font-size: 16px;
}

.targetText {
font-size:13px;
}


.yellowBoxes {
display:table;
	margin:auto;
	width:540px;
}

.yellowLeft {
	width:260px;
	float: left;
}

.yellowRight {
	width:260px;
	float: right;
}

*********** rounded box *************

.roundedcornr{
	width:300px;
}

.roundedcornr_box_308201 {
	background: url(images/roundedcornr_308201_tl.png) no-repeat top left;
	width:80%;
	margin:auto;
}
.roundedcornr_top_308201 {
	background: url(images/roundedcornr_308201_tr.png) no-repeat top right;
}
.roundedcornr_bottom_308201 {
	background: url(images/roundedcornr_308201_bl.png) no-repeat bottom left;
}
.roundedcornr_bottom_308201 div {
	background: url(images/roundedcornr_308201_br.png) no-repeat bottom right;
}
.roundedcornr_content_308201 {
	background: url(images/roundedcornr_308201_r.png) top right repeat-y;
}

.roundedcornr_top_308201 div,.roundedcornr_top_308201,
.roundedcornr_bottom_308201 div, .roundedcornr_bottom_308201 {
	width: 100%;
	height: 32px;
	font-size: 1px;
}
.roundedcornr_content_308201, .roundedcornr_bottom_308201 {
	margin-top: -19px;
}
.roundedcornr_content_308201 { padding: 0 12px; }

			
***********end -  rounded box *************