/* CSS Page */

/* Developed by Mike Weiss of mjmediateam.com*/

/*-------- Elements --------*/

* {
	margin:0;
	padding:0;
	list-style-position: inside;

}

body {

background: #4096EE url(images/img1.jpg) repeat-x;

text-align:center;

}



#box {
background-color:#FFFFFF;
}

#container {

margin:0 auto;

min-height:500;

position:relative;

text-align:left;

width:800px

}



#header h1 {

color:#FFFFFF;

font-family:Arial, Helvetica, sans-serif;

font-size:36px;

padding:10px 0 0;


}



#header h2 {

color:#fff;

font-family:Arial, Helvetica, sans-serif;

font-size:22px;

font-style:italic;

margin:-13px 0 0 13px;

padding-bottom:10px

}



#focus {
background: #FFFFFF url(images/banner.gif) no-repeat center;

height:200px;

overflow:hidden;

width:800px

}



#navigation {

background: #AF9850;

float:left;

height:200px;

width:200px;

}



#navigation h3 {

display:none

}



#navigation ul {

color:#FFF;

font-family:Arial, Helvetica, sans-serif;

list-style-type:none;

margin:20px auto auto 20px;

text-transform:uppercase

}



#navigation ul li {

overflow:hidden;

width:150px

}



#navigation a {

border-bottom:1px solid #FFFFFF;

color:#FFF;

display:block;

font-size:14px;

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 #FFFFF;

cursor:default;

font-weight:700;

padding:10px 0 10px 8px

}



#quicksearch {

background: #AF9850;

float:right;

height:200px;

width:200px

}



#quicksearch form {

padding: 10px;

padding-top:50px;

}



#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) right no-repeat #FFF

}




#quicksearch fieldset {

border:1px solid #FFFFF;

}



#quicksearch legend {

color:#fff;

font-family:Arial, Helvetica, sans-serif;

font-size:14px;

padding:4px;

font-weight:bold;

}



#quicksearch .submit {

clear:both;

float:left;

margin:20px 0 10px 15px;

padding:1px 10px

}

#star {
color:#FF0000;
}

#middle {

padding:0 0 20px

}



/*  Content Elements  */

#content {

background:url(images/top2.gif) top center no-repeat #fff;

margin:10px 0 0

}





#content hr {

clear:both;

visibility:hidden

}



#content p.top {

background:url(images/bottom2.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 h3 {

border-bottom:1px solid #7E9CC1;

color:#2B437C;

font-family:"Times New Roman", Times, serif;

font-size:24px;

font-style:italic;

margin:5px 10px

}

#content h5 {

border-bottom:1px solid #7E9CC1;

color:#2B437C;

font-family:"Times New Roman", Times, serif;

font-size:20px;

font-style:italic;

margin-top:10px;
margin-right:3px;

}

#content h2 {

color:#2B437C;

font-family:"Times New Roman", Times, serif;

font-size:22px;

margin-top:10px;

margin-bottom: 5px;

font-weight:bold;

text-align:center;

}

#content h1 {

color:#2B437C;

font-family:"Times New Roman", Times, serif;

font-size:20px;

margin-top:10px;

margin-bottom: 5px;

font-weight:bold;

text-align:center;

}


#content p {

margin:3px 20px 10px;

text-align:left

}



#content h4 {

font-size:11px;

line-height:15px;

margin:2px 10px

}



#content .date {

background:url(images/date.gif) center left no-repeat #FFF;

color:#445971;

padding:0 0 0 20px

}



#content a {

color:#7E9CC1;

text-decoration:none;
line-height:24px;

}



#content img {

border:1px solid #7E9CC1;

margin:5px 15px

}


/*
html,* html #container {

height:100%

}



  Footer 

* html #footer {

margin-top:10px

} */



#footer {

background: #AF9850;

min-height:20px;

text-align:center;

width:800px

}



#footer a:hover,#content a:hover {

text-decoration:underline

}



#footer p {

color:#fff;

font-family:Geneva, Arial, Helvetica, sans-serif;

font-size:10px;

}



#footer a {

color:#fff;

text-decoration:none

}



/*  Classes  */

.left {

float:left

}



.right {

float:right

}



.gray {

background-color:#F2F3F4;

color:#2B437C;
}





/*  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%;

color:#2B437C;

}



.halfcolumn {

float:left;

width:49%

}



.onethirdcolumn {

float:left;

width:33%

}



.twothirdcolumn {

float:left;

width:65%

}



.onequartercolumn {

float:left;

width:25%

}

