/* CSS Page */

/* Developed by Mike Weiss of mjmediateam.com*/

/*-------- Elements --------*/

* {margin:0; padding:0;}

body {
background:#262424;
height:100%;
}

#container {
margin:0 auto;
min-height:100%;
position:relative;
text-align:left;
width:730px;
}

#header {
float:left;
margin:5px;
padding:5px;
}

#header h1 {
color:#617391;
font-family:Arial, Helvetica, sans-serif;
font-size:36px;
padding:10px 0 0;
text-transform:uppercase;
}

#header h2 {
color:#ffffff;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-style:italic;
margin:-13px 0 0 13px;
padding-bottom:28px;
}

#header2 {float:right;
margin:5px;
padding:5px;
}

#header2 a:link {
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
font-style:normal;
color:#FF0000;
}

#header2 a:active {
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
font-style:normal;
color:#FF9933;
}

#header2 a:visited {
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
font-style:normal;
color:#00FF00;
}

#header2 a:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
font-style:normal;
color:#FFFF00;
}

#focus {
background:url(images/man.jpg) center center no-repeat #617391;
height:240px;
overflow:hidden;
width:730px;
}

#navigation {
background:url(images/left.gif) no-repeat top left #617391;
float:left;
height:240px;
width:200px;
}

#navigation2 {
background:url(images/right.gif) no-repeat top right #617391;
float:right;
height:240px;
width:200px;
}

#navigation h3 {
display:none;
}

#navigation2 h3 {
display:none;
}

#navigation ul {
color:#FFF;
font-family:Arial, Helvetica, sans-serif;
list-style-type:none;
margin:5px auto auto 5px;
text-transform:uppercase;
}

#navigation2 ul {
color:#FFF;
font-family:Arial, Helvetica, sans-serif;
list-style-type:none;
margin:5px auto auto 5px;
text-transform:uppercase;
}

#navigation ul li {
overflow:hidden;
width:150px;
}

#navigation2 ul li {
overflow:hidden;
width:150px;
}

#navigation a {
border-bottom:1px solid #7E9CC1;
color:#FFF;
display:block;
font-size:12px;
padding:5px 0 5px 8px;
text-decoration:none;
width:150px;
}

#navigation2 a {
border-bottom:1px solid #7E9CC1;
color:#FFF;
display:block;
font-size:12px;
padding:5px 0 5px 8px;
text-decoration:none;
width:150px;
}

#navigation a:hover {
padding:10px 0 10px 20px;
}

#navigation2 a:hover {
padding:10px 0 10px 20px;
}

#navigation a.active,#navigation a.active:hover {
border-bottom:3px solid #7E9CC1;
cursor:default;
font-weight:700;
padding:10px 0 10px 8px;
}

#navigation2 a.active,#navigation a.active:hover {
border-bottom:3px solid #7E9CC1;
cursor:default;
font-weight:700;
padding:10px 0 10px 8px;
}

#quicksearch {
background:url(images/right.gif) top right no-repeat #50647B;
float:right;
height:240px;
width:200px;
}

#quicksearch form {
padding:10px;
}

#quicksearch input,#quicksearch label {
clear:left;
float:left;
}

#quicksearch input {
margin:0 0 0 15px;
width:140px;
}

#quicksearch label {
color:#fff;
font-size:12px;
margin:10px 0 0 15px;
}

#quicksearch .date {
background:url(images/date.gif) center right no-repeat #FFF;
}

#quicksearch fieldset {
border:1px solid #7E9CC1;
}

#quicksearch legend {
color:#fff;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
margin-left:7px;
padding:5px;
}

#quicksearch .submit {
clear:both;
float:left;
margin:20px 0 10px 15px;
padding:1px 10px;
}

#middle {
padding:0 0 60px;
}


/*  Content Elements  */


#content {
background:url(images/top.gif) top center no-repeat #fff;
margin:10px 0 0;
}

#content hr {
clear:both;
visibility:hidden;
}

#content p.top {
background:url(images/bottom.gif) bottom center no-repeat;
margin:0;
padding:30px 0 0;
text-align:right;
}

#content p.top a {
background:url(images/arrow_up.gif) center left no-repeat;
margin:0 30px;
padding:0 0 0 15px;
}

#content p {
margin:10px 20px 10px 20px;
font-family:"Times New Roman", Times, serif;
font-size:18px;
text-align:justify;
text-indent: 20px;
}

#content strong {
margin:5px;
font-family:"Times New Roman", Times, serif;
font-size:18px;
color:#FF0033;
font-weight:bold;
}

#content h1 {
border-bottom:1px solid #7E9CC1;
color:#333399;
font-family:"Times New Roman", Times, serif;
font-size:26px;
font-style:italic;
margin: 15px;
}

#content h2 {
border-bottom:1px solid #7E9CC1;
color:#333399;
font-family:"Times New Roman", Times, serif;
font-size:24px;
font-style:italic;
margin: 15px;
}

#content h3 {
border-bottom:1px solid #7E9CC1;
color:#333399;
font-family:"Times New Roman", Times, serif;
font-size:22px;
font-style:italic;
margin: 15px;
}

#content h4 {
color:#333399;
font-family:"Times New Roman", Times, serif;
font-size:20px;
font-style:italic;
margin: 15px;
}

#content li {
margin:5px 5px 5px 25px;
font-family:"Times New Roman", Times, serif;
font-size:18px;
}

#content ul {
margin:10px 10px 10px 25px;
font-family:"Times New Roman", Times, serif;
font-size:18px;
}

#content .date {
background:url(images/date.gif) center left no-repeat #FFF;
color:#445971;
padding:0 0 0 20px;
}

#content a:link {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-style:normal;
color:#0000CC;
}

#content a:active {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-style:normal;
color:#CC0000;
}

#content a:visited {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-style:normal;
color:#000000;
}

#content a:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-style:bold;
color:#006666;
}

#content img {
border:0px solid #7E9CC1;
margin:10px 5px 10px 5px;
}
#content input {
margin:5px 10px 5px 10px;
}

html,* html #container {
height:100%;
}


/*  Footer  */


* html #footer {
margin-top:-50px;
}

#footer {
background:url(images/footer.gif) top center no-repeat #7e9CC1;
height:50px;
margin:-50px auto 0;
position:relative;
text-align:center;
width:730px;
}

#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:73.5%;
}

.halfcolumn {
float:left;
width:49%;
}

.onethirdcolumn {
float:left;
width:33%;
}

.twothirdcolumn {
float:left;
width:65%;
}

.onequartercolumn {
float:left;
width:24.5%;
}