@charset "utf-8";
/* CSS Document */

/* CSS sheet number 3.

My Aim is to produce a CSS sheet with Header space,
then 3 part main space, and seperate footer, that floats
along the bottom.
Text size to remain equal throughout.
I HATE IE. HATE IT. and it hates me. */

body {
font-family:Arial, Helvetica, sans-serif;
font-size:1.0em;
color:#000000;
}

.toplinks a {
    color: #eff4da;
	text-decoration:none;
}

.toplinks a:hover {
    text-decoration: underline;
}

div#containerHeader {
background-color:#161254;
margin : 0 auto;
height:7.5em;
width:50em;
text-align:center;
overflow:hidden;
}

div#leftHeader {
background-color:#161254;
float:left;
width:22%;
padding-bottom:10px;
padding-top:0.5em;
}

.Top_Left_Style {
margin-top:0.75em;

}


div#middleHeader {
background-color:#161254;
width:43%;
float:left;
padding-top:0.5em;
padding-bottom:10px;

}

.Main_Logo_Style {
margin-left:3.0em;

}

div#rightHeader {
background-color:#161254;
float:left;
width:35%;
padding-top:0.25em;
padding-bottom:10px;
text-align:right;
font-size:0.75em;
color:#eff4da;
font-family:Arial, Helvetica, sans-serif;
}

.Top_Right_Style {
margin-right:0.5em;

}

div#containerMain {
background-color:#eff4da;
margin:0 auto;
margin-top:0.25em;
width:50em;
height:auto;
}

div#verticalMenu {
background-color:#FFD77F;
left:0em;
width:18%;
float:left;
margin-bottom:0.25em;
}

div#horizontalMenu {
left:18%;
width:82%;
height:1.5em;
top:0em;
float:right;
}

div#mainContent {
background-color:#eff4da;
left:18%;
top:1.5em;
width:82%;
float:right;
}

.Main_Content_Style {
margin-left:0.5em;
font-family:Arial, Helvetica, sans-serif;
font-size:0.8em;

}

.Main_List_Style {
margin-left:1.75em;
font-family:Arial, Helvetica, sans-serif;
font-size:0.8em;
line-height:2.0em;

}

h1 {
margin-left:0.25em;
font-family:Arial, Helvetica, sans-serif;
font-size:1.1em;
color:#161254;

}

h2 {
margin-left:0.25em;
font-family:Arial, Helvetica, sans-serif;
font-size:0.9em;
color:#161254;

}

.mainlinks a {
	color:#000000;
	text-decoration:none;
	text-decoration: underline;
}

.mainlinks a:hover {
	color:#000000;
    text-decoration:none;
}


.mainlinks a:visited {
	color:#000000;
}



div#footer {
margin: 0 auto;
margin-top:0.25em;
width:66.5em;
background-color:#161254;
color:#eff4da;
clear:both;
text-align:center;
font-size:0.75em;
}

.Main_Footer_Style {
margin-left:0.5em;
margin-right:0.5em;
font-family:Arial, Helvetica, sans-serif;



}

.main_pic_style {
padding:0.5em;

}

.plain {
border:none;
outline:none;
padding:0px;
margin:0px;
margin-bottom:-0.5em;
}

.gap_plain {
border:none;
outline:none;
padding:0px;
margin:0px;
margin-left:50px;
margin-bottom:-0.5em;
}

.label {
margin-left:0.25em;
font-family:Arial, Helvetica, sans-serif;
font-size:0.9em;
color:#161254;
width:50px;
}

.quote_label {
font-family:Arial, Helvetica, sans-serif;
font-size:0.9em;
color:#161254;
width: 15em;
float: left;
text-align:left;
margin-right: 0.5em;
display: block;
margin-top:3px;

}

.quote_label_long {
font-family:Arial, Helvetica, sans-serif;
font-size:0.9em;
color:#161254;
width: 30em;
float: left;
text-align:left;
margin-right: 0.5em;
display: block;
margin-top:3px;
}

.quote_text_box {
width:27em;
color:#161254;
font-size:0.9em;
font-family:Arial, Helvetica, sans-serif;
}

.quote_text_area {
width:27em;
color:#161254;
font-size:0.9em;
font-family:Arial, Helvetica, sans-serif;
}

.quote_yes_no {
margin-left:7.3em;
width:5em;
color:#161254;
font-size:0.9em;
font-family:Arial, Helvetica, sans-serif;

}

.quote_submit {
margin-left:37.7em;
margin-top:1em;
width:5em;
color:#161254;
font-size:0.9em;
font-family:Arial, Helvetica, sans-serif;


}


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

.urbangreymenu{
width: 9em; /*width of menu*/
}

.urbangreymenu .headerbar{
font-size:0.75em;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#eff4da;
background-color:#161254;
margin-bottom: 0; /*bottom spacing between header and rest of content*/
padding: .1em 0 0.1em 0.5em; /*31px is left indentation of header text*/
}

.urbangreymenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

.urbangreymenu ul li{
padding-bottom: 0.0625em; /*bottom spacing between menu items*/
}

.urbangreymenu ul li a{
font-family:Arial, Helvetica, sans-serif;
font-size:0.75em;
color:#161254;
background-color:#FFD77F;
display: block;
padding: 0.1875em 0;
line-height: 17px;
padding-left: .3em; /*link text is indented 8px*/
text-decoration: none;
}

.urbangreymenu ul li a:hover{ /*hover state CSS*/
color: black;
background:#FFCC66;
}
/*====================================================================*/
/*====================================================================*/
/*====================================================================*/

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

.shadetabs{
border-bottom: 1px solid gray;
/* width: 90%; width of menu. Uncomment to change to a specific width */
margin-bottom: 1em;
}

.shadetabs ul{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font-size:0.75em;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
list-style-type: none;
text-align:center; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
padding: 3px 5px;
margin-right: 3px;
border: 1px solid #778;
color: #2d2b2b;
background: url(images/shade.gif) top left repeat-x;
background-color:#161254;
}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

.shadetabs li.selected{
position: relative;
top: 1px;
}

.shadetabs li.selected a{ /*selected main tab style */
background-image: url(images/shadeactive.gif);
border-bottom-color: white;
}

.shadetabs li.selected a:hover{ /*selected main tab style */
text-decoration: none;
}

/*====================================================================*/
/*====================================================================*/
/*====================================================================*/