/*
      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;
}
#wrapper { 
 margin: 0 auto;
 width: 922px;
}
#header {
 width: 900px;
 color: #333;
 padding: 10px;
 border: 1px solid #ccc;
 height: 78px;
 margin: 0px 0px 0px 0px;
 background: #1E51A2;
 background-image:url(header-bg.gif)

}
#navigation {
 width: 900px;
 color: #333;
 padding: 10px;
 border: 0px solid #ccc;
 margin: 0px 0px 5px 0px;
 background:  #036;
}
#navcontainer ul
{
padding-left: 0;
margin-left: 0;
background-color: #036;
color: White;
float: left;
width: 100%;
font-family: arial, helvetica, sans-serif;
font-size:bold;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
padding: 0.2em 1em;
background-color: #036;
color: White;
text-decoration: none;
float: left;
border-right: 1px solid #fff;
}

#navcontainer ul li a:hover
{
background-color: #369;
color: #fff;
}
#navcontainer ul li a:link#current, #navlist a:visited#current
{
background-color: #369;
color: #fff;
}


#content { 
 width: 900px;
 color:#333333;
 border: 1px solid #ccc;
 background: #FFFFFF;
 margin: 0px 0px 5px 0px;
 padding: 10px;
 /*height: 350px;*/
}
#footer {
    text-align:center;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}

h1,h2,h3,.blueT,.tab,.tabOn,#hlinks,#menuR{font-family:"Trebuchet MS",Tahoma,Verdana,"Comic Sans MS",Arial,sans-serif;}
h2 {font-size:2em;} 
h1, h2.hpg {font-size:2.2em;border-bottom:1px solid #CCDDED;padding:0 5px 5px 5px;display:inline;margin:2em 0;}
h3,.blueT,h2.red {font-size:1.8em;} 
h4 {font-size:1.4em;} 
h5 {font-size:1.2em;}
.btn{font-size:1em;}
.sm{font-size:0.8em;}
.bluedk,.blue,.red,a:hover,.grey,.whitesub,#hlinks a,.mrow a, a,.menuT a,.codeboxW a{text-decoration:none;}
a.redlk,a.blue:hover,.tabOn :hover,#tablinks a:hover,.codeboxW a.bluesub{text-decoration:underline;}
.bluedk,.bluesub,.red,.bluesub,h1,h2,h3,.blueT,h4,.green, .codeboxW a,.btn{font-weight:bold;}
.text,.tabOn a,.tabOn :hover,#tablinks a:hover{color:#000000;}
a.tab:hover,a:hover{color:#000032;}
h3,.redlk,.red,.redlk:hover,a.red:hover,.menuBox a.bluedk:hover,.bluebox a:hover, .redL,a.green:hover{color:#CC0001;}
a,h4,.blueT,.blue,.bluelk,a.bluesub:hover,.blueH,a.link:hover,.input{color:#006698;}
a:hover,h2,h5,.link,.green {color:#669901;}
.tab,h1,h2.hpg,.bluedk,.bluesub,.btn{color:#003367;}
a.bluedk:hover,.mrow a:hover{color:#CCFFCC;}
#hlinks a:hover{color:#FFEEEE;}
.grey {color:#999999;}
.input,.input2{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;border:#006699 1px solid;}
.btn{background-color:#6699CC;border:2px outset #99CCFF;}
input.btn{padding:0;}
ul.gbullet li,.curveboxC li{margin-left:-20px;}
.tablelt,.divT {background-color:#F1F7FA;padding:5px;}
.tableborder {border:1px solid #E0EBF3;}
.text2{font-size:0.7em}
.folio{float:left;width:37%;padding:5px;margin-top:15px;}
.popup{padding:5px;background-color:#003366;}
.nopad {padding-left:0;padding-right:0;}
.codeboxW{border:1px solid #6699CC;padding:11px;width:auto;margin:10px 0;} 
.codeboxW h2{margin:5px 0;}
.codeboxW img{margin-bottom:10px;}
.codeboxB {background-color:#F1F7FA;border:1px solid #E0EBF3;padding:3px 10px 5px 10px;position:relative;display:block;}
.codeboxW,.codeboxB,.divT{overflow:hidden;}
.bluebox {clear:both;background-color:#C9DBED;padding:2px 10px 10px 10px;}
.imgR {position:relative;float:right;margin:0 0 5px 8px;}
.imgL {position:relative;float:left;margin:0 12px 5px 0;}
.gsearch,hr{margin:0;padding:0;}
h4,h5{margin:0;}

.tutGreen{color:#79BF04; font-weight:bold;} 
.yellow{color:#FFC01A; font-weight:bold;}
hr {border: none 0;
border-top: 1px dashed #000;/*the border*/
width: 100%;
height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
} 

.tborder
{
        background: #E4F1F8;
        color: #000000;
        border: 1px solid #3994C4;
}
.tborderleft
{
        background: #FFFFFF;
        color: #000000;
        border: 1px solid #3994C4;
}
.tborderleft1
{
        background: #FFFFFF;
        color: #000000;
        border: 0px solid #3994C4;		
}
.tborderleftgreen
{
        background: #FFFFFF;
        color: #000000;
        border: 1px solid #63BC40;
}
.tborder1
{
        background: #FFFFFF;
        color: #000000;
        border: 1px solid #FC8600;
		}