/*defines the background color of the page*/
body{
    background-color: #dbdde1;
}
/*banner section of page w/ background image*/
#banner{
    background-image: url('../images/gexpro_svcs_banner.jpg');
    width: 804px;
    height: 89px;
    margin-left: auto;
    margin-right: auto;
}
#europe{
	background-color: #236ab8;
	color: #ffffff;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 14px;
	width: 804px;
	margin: auto;
	text-align: center;
	letter-spacing: 20px;
	font-weight: bold;
}
/*menu bar with links to: introduction; what we offer; map locations; contact us; and language selector*/
#menu{
    width: 794px;
    margin: 0 auto;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    border-bottom: solid 1px #000000;
    background-color: #ffffff;
    padding-left: 10px;
    
}
/*#menu ul and li define the menu links.  When a list is created in the menu div, it formats
 in a row, rather than a column*/
#menu ul{
    list-style: none;
    margin: 0;
    padding: 10px;
}

#menu li{
    display: inline;
    text-align: center;
    width: 150px;
    height: 25px;
    padding: 12px 20px 0 1px;
}
#menu form{
	display: inline;
        padding: 0;
}

/*defines the look of a link in the menu div -->background image is the arrow next to the link*/
#menu a{
    font-weight: bold;
    padding-left: 15px;
    background: url('../images/unselected_arrow.jpg') no-repeat left center;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
    color: #2181bd;
}
/*hovered or active links in both the menu and column one of the content take a different font color and arrow image*/
#menu a:hover, #menu .active a, #colOne a:hover, #colOne .active a{
    background: url('../images/selected_arrow.jpg') no-repeat left center;
    color: #000000;
}
/*the main part of the page below the menu bar --> composed of two colulmns*/
#content{
    width: 804px;
    margin: 0 auto;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: #ffffff;
    overflow: hidden;
}

#content h1{
    font-size: 1.2em;
    color: #2181bd;
}
#content h2{
    font-size: 1em;
}
#content p{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: .8em;
}
/*a div for use below roman numeral ordered lists when the following paragraphs should be indented to flow underneath the ol*/
#content p.subOl{
    padding-left: 40px;
}
/*COLUMN ONE DEFINITIONS
column one of the content div*/
#colOne{
    float: left;
    width: 200px;
    border-right: solid 4px #BDBDBD;
    margin-right: -4px;
}
#colOne ul{
    list-style: none;
    margin: 8px;
    padding: 0;
}
#colOne a{
    display: block;
    width: 165px;
    font-size: 11px;
    font-weight: bold;
    height: 28px;
    padding: 0 0 0 15px;
    background: url('../images/unselected_arrow.jpg') no-repeat left top;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
    color: #2181bd;
}
#colOne a.imgA{
        display: inline;
	background: none;
	padding: 0;
}
#colOne a.imgA:hover{background: none;}

#colOne img{
    width: 100px;
    padding: 2px 1px 0 40px;
    border: none;
}
/*COLUMN TWO DEFINITIONS
 column two of the content div*/
#colTwo{
    position: relative;
    float: right;
    width: 580px;
    border-left: solid 4px #BDBDBD;
    padding: 10px 10px 10px 10px;
    z-index: 2;
}

/*#colTwo td{
	text-align: center;	
}*/

#colTwo ul{
    font-size: .8em;
    list-style: disc;
    margin-left: 20px;
    list-style-position: outside;
}
#colTwo ol{
    list-style: lower-roman;
    font-size: .8em;
}
#colTwo img.right{
    float: right;
    padding-top: 10px;
}
img.centerImg{
    display: block;
    margin: auto;
    margin-top: 60px;
}
/*for adding boxed block quotes in column 2 (i.e. gexpro employer page)*/
.blockQuote{
    text-align: center;
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: .7em;
    border: 1px solid #000000;
    padding: 5px;
}
/*#portImg defines a div for holding images in column 2 (i.e. products & servies: products page)*/
#portImg{
    float: right;
    margin-top: auto;
    margin-bottom: auto;
    margin-left: 50px;
    width: 200px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: .7em;
    text-align: right;
}
/*footer section that contains the copyright info*/
#footer{
    margin: 0 auto;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #6E6E6E;
    text-align: center;
}