/* CSS Page */
/* Developed by Mike Weiss of mjmediateam.com*/
/*-------- Elements --------*/

* {
margin:0;
padding:0
}

body {
background:#434242;
height:100%;
text-align:center
}

#container {
margin:0 auto;
min-height:100%;
position:relative;
text-align:left;
width:850px
}

.text {
color:#000;
font-family:Verdana, Helvetica, sans-serif;
font-size:12px;
margin:-13px 0 0 13px;
padding-bottom:30px;
line-height:14pt
}

.texta {
color:#000;
font-family:Verdana, Helvetica, sans-serif;
font-size:12px;
margin:-20px 10px 0 13px;
text-indent: 30px;
padding-bottom:30px;
line-height:14pt;
text-align:justify
}

.textm {
color:#000;
font-family:Verdana, Helvetica, sans-serif;
font-size:12px;
margin:-13px 0 0 13px;
padding-bottom:30px;
line-height:8pt;
font-style:italic;
text-align:center
}

#header h1 {
color:#4d647f;
font-family:Arial, Helvetica, sans-serif;
font-size:36px;
padding:10px 0 0;
text-transform:uppercase
}

#header h2 {
color:#fff;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-style:italic;
margin:-13px 0 0 13px;
padding-bottom:30px
}

#focus {
background:url(man.jpg) center center no-repeat #50647B;
height:300px;
overflow:hidden;
width:850px
}

#navigation {
background:url(left.gif) no-repeat top left #50647B;
float:left;
height:300px
}

#navigation h3 {
display:none
}

#navigation ul {
color:#FFF;
font-family:Arial, Helvetica, sans-serif;
list-style-type:none;
margin:20px auto auto 40px;
text-transform:uppercase
}

#navigation ul li {
overflow:hidden;
width:150px
}

#navigation a {
border-bottom:1px solid #7E9CC1;
color:#FFF;
display:block;
font-size:13px;
padding:10px 0 10px 8px;
text-decoration:none;
width:150px
}

#navigation a:hover {
padding:10px 0 10px 20px
}

#navigation a.active,#navigation a.active:hover {
border-bottom:3px solid #7E9CC1;
display:block;
text-decoration:none;
font-weight:700;
padding:10px 0 10px 8px;
}

#quicksearch {
background:url(right.gif) no-repeat top right #50647B;
float:right;
height:300px
}

#quicksearch h3 {
display:none
}

#quicksearch ul {
color:#FFF;
font-family:Arial, Helvetica, sans-serif;
list-style-type:none;
margin:20px 40px auto 20px;
text-transform:uppercase
}

#quicksearch ul li {
overflow:hidden;
width:150px
}

#quicksearch a {
border-bottom:1px solid #7E9CC1;
color:#FFF;
display:block;
font-size:13px;
padding:10px 0 10px 8px;
text-decoration:none;
width:150px
}

#quicksearch a:hover {
padding:10px 0 10px 20px
}

#quicksearch a.active,#navigation a.active:hover {
border-bottom:3px solid #7E9CC1;
font-weight:700;
padding:10px 0 10px 8px
}

#middle {
padding:0 0 60px
}

/*  Content Elements  */
#content {
background:url(top.gif) top center no-repeat #fff;
margin:10px 0 0
}

#content hr {
clear:both;
visibility:hidden
}

#content p.top {
background:url(bottom.gif) bottom center no-repeat;
margin:0;
padding:10px 0 0;
text-align:right;
font-style:italic
}

#content p.top a {
background:url(arrow_up.gif) center left no-repeat;
margin:0 10px;
padding:0 0 0 15px;
font-style:italic
}

#content p.top1 {
margin:0;
padding:0px 0 0;
text-align:right
}

#content p.top1 a {
margin:0 0px;
padding:0 0 0 5px
}

#content h3 {
border-bottom:1px solid #7E9CC1;
color:#23364c;
font-family:"Times New Roman", Times, serif;
font-size:18px;
font-style:italic;
margin:5px 10px
}

#content h3.ss {
border-bottom:1px dotted #7E9CC1;
color:#445971;
font-family:"Times New Roman", Times, serif;
font-size:14px;
font-style:italic;
margin:5px 10px
}

#content h3.ss1 {
border-bottom:1px none #7E9CC1;
color:#445971;
font-family:"Times New Roman", Times, serif;
font-size:14px;
font-style:italic;
margin:5px 10px
}

#content h3.text {
border-bottom:1px solid #f2f3f4;
color:#23364c;
font-family:"Times New Roman", Times, serif;
font-size:18px;
font-style:italic;
margin:5px 10px
}

#content h3.zg {
border-bottom:1px solid #f2f3f4;
color:#23364c;
font-family:"Times New Roman", Times, serif;
font-size:18px;
text-align:center;
font-style:italic;
margin:5px 10px
}

#content p {
margin:3px 15px 10px;
text-align:left
}

#content h4 {
font-size:11px;
line-height:15px;
margin:2px 10px
}

#content .date {
background:url(date.gif) center left no-repeat #FFF;
color:#445971;
padding:0 0 0 20px
}

#content a {
color:#7E9CC1;
text-decoration:none
}

#content img {
border:1px solid #7E9CC1;
margin:5px 15px
}

html,* html #container {
height:100%
}

/*  Footer  */
* html #footer {
margin-top:-50px
}

#footer {
background:url(footer.gif) top center no-repeat #7e9CC1;
height:100px;
margin:-50px auto 0;
position:relative;
text-align:center;
width:850px
}

#footer a:hover,#content a:hover {
text-decoration:underline
}

#footer p {
color:#fff;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:10px;
padding:15px 0 0
}

#footer a {
color:#fff;
text-decoration:none
}

/*  Classes  */
.left {
float:left
}

.right {
float:right
}

.gray {
background-color:#F2F3F4
}

/*  Content Controllers  */
/*  Use this to make a new row of columns  */
#content .row {
margin:5px auto;
overflow:hidden;
width:98%
}

/*  Combine columns to form a layout  */
.fullcolumn {
float:left;
width:99%
}

.threequartercolumn {
float:left;
width:75.3%
}

.threequartercolumn1 {
float:left;
width:100%
}

.halfcolumn {
float:left;
width:49%
}

.onethirdcolumn {
float:left;
width:33%
}

.twothirdcolumn {
float:left;
width:65%
}

.onequartercolumn {
float:left;
width:24.5%
}


td.tab {
font-size: 10px;
font-family: Verdana, Tahoma, Geneva, Helvetica, Sans Serif;
text-align: center;
font-weight: bold
}

td.tab1 {
font-size: 10px; 
font-family: Verdana, Tahoma, Geneva, Helvetica, Sans Serif;
text-align: center
}

td.tab2 {
font-size: 12px; 
font-family: Verdana, Tahoma, Geneva, Helvetica, Sans Serif;
text-align: left
}
