/**********************************************************************************
=Global
**********************************************************************************/

html, body {
	border:0;
	margin:0;
	padding:0;
	font-size: 100%;
	height:100%; /* needed for container min-height */}

table{ font-size: 100%; }

body {	color: #003366;
	font-family : arial, verdana, Helvetica, sans-serif;
	font-size: 69%;
	text-align: center;
	background:url(../images/bg.gif);
	height:100%;
	}


.clear 	{ clear:both; }

.left 	{ float:left; }
.right 	{ float:right; }

.b 	{ font-weight:bold; }
.i 	{ font-style:italic; }
.textcenter{text-align:center;}
.nobrk  { white-space : nowrap; }


/**********************************************************************************
=Common
**********************************************************************************/

h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;}

h1{
    font-size : 2.7em;
    line-height:1em;
    margin: 0 0 10px 0; 
    padding: 0; 
    font-weight : normal;
    color: #0060B9;
    text-align:right;
    float:left;}
    
    h1 span
    {
        font-size:0.8em;
        display:block;
        color:#8C5BA8;
        font-weight : bold;
        line-height:0.8em;
        font-style:italic;
    }

h2{
    font-size : 1.27em;
    margin: 0;
    padding: 0 0 5px 0;
    font-weight : bold;
    color: #003399;}

h3 {font-size:1.09em;}

p, .p  {
    font-size : 1.09em;
    margin:0;
	padding:0 0 1em 0;}

ul, ol {
    font-size : 1.09em;
    padding:0 0 10px 20px;}

ul li ul
{
    font-size:1em;
}

img {border:0;}

ul.arrow{
list-style: none;
margin:0;
padding:12px 0 12px 0;
}

ul.arrow li{
margin:0.5em 0 0.5em 0;
padding-left: 24px;
background-image: url(../images/b_bullet.gif);
background-repeat: no-repeat;
background-position: 0.3em;
}

.required{color:Red;}

/**********************************************************************************
=Text
**********************************************************************************/

.text{
font-size : 1.09em;
color: #000000;}

.text1{
    font-size : 1em;
    color: #000000;}

.text2{
    font-weight : bold;
    font-size : 1.09em;
    color: #6F2C8D;}

.text3{
    font-size : 1.45em;
    color: #000000;}

.text4 {
	font-size: 1.09em;
	font-style: normal;
	font-weight: bold;
	color: #003366;
}

.head{
    font-size : 1.09em;
    font-weight : bold;
    font-family :  arial, verdana, Helvetica, sans-serif;
    color: #003399;
    padding:0;}

.title{
    font-weight : bold;
    font-size : 1.27em;
    font-family : arial, verdana, Helvetica, sans-serif;
    color: #FFFFFF;}

.phone{
    color:#6D2C90;
}   

.liltext, small{
    font-size : 0.9em;
    color: #000000;}

/**********************************************************************************
=Links
**********************************************************************************/
a{text-decoration: underline;}
a:hover{text-decoration: none;}
    
a.flip{
	font-weight : bold;
	text-decoration: none;
	color: #6a26b0; }

a.flip:hover{
	font-weight : bold;
	text-decoration: underline;
	color: #0099CC; }
	
a.flip1{
	font-weight : normal;
	text-decoration: underline;
	color: #0F5B9D; }

a.flip1:hover{
	font-weight : normal;
	text-decoration: none;
	color: #912793; }
	
a.flip2{
	font-weight : normal;
	text-decoration: underline;
	color: #912793; }

a.flip2:hover{
	font-weight : normal;
	text-decoration: none;
	color: #0F5B9D; }

a.flip3{
	font-weight : normal;
	text-decoration: none;
	color: #0F5B9D; }

a.flip3:hover{
	font-weight : normal;
	text-decoration: underline;
	color: #912793; }

a.flipnav{
	text-decoration: none;}

a.flipnav:hover{
	text-decoration: underline;
	color: #dddddd}

a.email{
    color: #6F2C8D;
    text-decoration: none;}
    
    a.email:hover{text-decoration: underline;}
  
a.flipgris{
	color: #666666;
	text-decoration: underline;}

a.flipgris:hover{
	text-decoration: none;
	color: #003399}

/**********************************************************************************
=Forms 
**********************************************************************************/

form {	margin:0;
	padding:0;
	display:inline;}

input, select, textarea {font-size:1em;}

input.i250{
	width : 250px;
	font-weight : bold;
	color: #AE0000;}
	
select.s140{
	width : 140px;
	font-weight : bold;
	color: #AE0000;}
	
textarea.t400{
	width : 400px;	
	font-weight : bold;
	color: #AE0000;}

/**********************************************************************************
=Tables 
**********************************************************************************/

table{
    border:0;
	margin:0;
	padding:0;
	border-collapse:collapse;}
	
/**********************************************************************************
=Layout
**********************************************************************************/

#container {
	margin:0 auto; /* center, not in IE5 */
	background:#FFFFFF;
	width:940px;
	text-align:left;
    border:1px solid #699FCD;
    padding:0 10px;
    border-top:0;border-bottom:0;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
}

#header {
    background:url(../images/header.jpg) no-repeat;
    height:147px;
    width:941px;
    margin:10px 0;
    float:left;
    }
    
    #header .logo{
        float:left;
        margin:30px 0 0 0;
        }
        
    #contact{
        width:137px;
        height:119px;
        background:url(../images/bg_purple_fade.gif);
        border:1px solid #682AB0;
        float:right;
        margin:5px 0 0 0;
        padding:8px;
        text-align:right;
    }

#menu{
    width:202px;
    float:left;
}

#content{
     background:url(../images/bg_content.gif) repeat-x;
     padding:30px 20px 0 0;
     margin:0 0 0 50px;
     float:left;
     width:508px;
}
#content.jobs{width:413px;}


#sidebar{
    background:url(../images/bg_content.gif) repeat-x;
    width:160px;
    float:left;
    text-align:right;
}
    #sidebar.jobs{width:255px;}
    #sidebar img{margin-bottom:2px;}
    #sidebar .addBookmark{
        cursor:pointer;
        margin-bottom:70px;}
    

#footer
{
    border-top:3px solid #DDE5EB;
    text-align:center;
    clear:both;
    margin:20px 0 0 0;
}

#footer div{
    padding:10px 0;
}

/**********************************************************************************
=Menu
**********************************************************************************/
.submenu{
	list-style-type:none;
	padding:10px;
	margin:0 0 5px 0;
	border:#699FCD 1px solid;
	font-size:11px;
	font-family :  arial, verdana, Helvetica, sans-serif;
}

.submenu a{
	text-decoration:underline;
	color:#666666;
}

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

.submenu a.active{
	color:#699FCD;
}

/**********************************************************************************
= links layout
**********************************************************************************/

.link{
	text-align:left;
	clear:both;
	padding:10px 0 0px 0;
	margin:0;
	border-bottom:1px dotted #B5B5B4;
	width:100%;
	float:left;}

.link img{
	float:left;
	margin-right:10px;
	border:0;
	}

.link a
{
    float:left;
    height:45px;
    line-height:45px;
	font-size:1.2em;
	color:#6D2C91;
	display:block;
	font-weight:bold;
	text-decoration:none;
	}
	
.link a:hover{
	color:#000000;
	}
	
.link .viewsite
{
    margin-top:8px;
	float:right;
	}
	
/**********************************************************************************
= jobs layout
**********************************************************************************/

#region
{
    padding: 0 10px;
    margin: 0 0 20px 0;}

.job{
    clear:both;
    margin:10px 0 0 0;
    padding:0 0 10px 0;
    width:100%;
    border-bottom:1px dotted #B5B5B4;
    float:left;}

h3.jobs
{
    color:#0060B9;
    font-size:1.27em;
}
    h3.jobs a{color:#0060B9;text-decoration:none;}
    h3.jobs a:hover{text-decoration:underline;}
         
h4.jobs
{
    color:#8C5BA8;
    font-size:1.09em;
}

table.jobapply td
{
    font-size:1.09em;
    padding:2px 0;
}

table.jobapply td input
{
    width:100%;
}