/* CSS Document */

/* 
orange = FF8101 
darker blue 0B6DCE
*/
body, html
{
border:0;
margin:0;
height:100%;
font-family: "trebuchet ms", verdana, ariel, helvetica, sans serif;
background-color:#D1CDEA;
}
table
{
font-size:100%;
}

div#main
{
width:100%;
text-align:center;

}

form
{
margin:0;
}
img 
{
border:0;
}
#wrapper
{
/*
border:0px solid #025AB3;*/
border:1px solid #025AB3;
width:972px;
/*height:100%; // ok in IE causes truncation in IE*/
background-color:ffffff;
margin-left:auto;
margin-right:auto;
text-align:left;
background-image:url(../images/web-design-bg.jpg);
background-repeat:repeat-y;
/*background-position:75% 0;*/
}

#top {
/*border-top:2px solid #3399FF;*/
width:972x;
height:116px;

color:white;
/*font-family:verdana;*/
font-size:1.1em;
font-style:italic;
background-image:url(../images/bluestar-uk-logo-header.jpg);
background-repeat:no-repeat;
}

#content
{
/*margin:1.2em 1.2em 1.2em 1.2em; 
margin: 13px 13px 13px 13px;*/
color:#001F3D;
background-color:#ffffff;
/*text-align: justify; 
padding:1.2em 1.2em 1.2em 1.2em;
*/
/*font-family:verdana;*/
font-size:75%;
float:left;
width:792px;
padding:10px 10px 10px 10px;
/*
background-image:url(../images/content-bg.gif);
background-repeat:no-repeat;


height:auto;*/
min-height:353px;
}


#header
{
width:973px;
height:24px;
background-color:#70B7FD;
color:white;
/*font-family:verdana;*/
font-size:70%;
}
#headinner
{
margin-top:5px;
padding:0px 8px 0px 8px;
font-size:65%;
}
#logo
{
margin:0px;
}
#navleft
{
width:160px;
float:left;
height:100%;
font-size:75%;
margin: 0 0 0 0em;
padding-top:1em;

}
#navrightcontainer
{
margin:1.5em;
}
#navright
{
width:170px;
float:left;
font-size:75%;
margin:0;
padding-top:1em ;
height:100%;

}

/* original 
ul.navlist {
 /*list-style-image:url(../images/star_bullet.gif);
 list-style-type:none;
 margin:0 0 0 2.5em;
 padding: 0 0 0 0;
vertical-align:top; 
}
*/


ul.navlist {
 /*list-style-image:url(../images/star_bullet.gif);
*/
list-style:none;

color:#FF8101;
 margin:0 0 0px 7px;
 padding: 0 0 0 0;
vertical-align:top; /* - */

}



ul.navheading {
 list-style-type:none;
 margin:0 0 0 2.5em;
 padding: 0 0 0 0; 
}

li.navitem
{
margin-bottom:.5em;
padding-left:.5em;

}


ul.news {
/*list-style-image:url(../images/star_bullet.gif);*/
list-style:none;
 margin:0 0 0 0px;
 padding: 0 0 0 0; 

}
li.news
{
margin-bottom:1em;
padding-left:0em;

}


#topfooter
{
width:972px;
height:1.6em;
background-color:#70B7FD;
color:white;
/*font-family:verdana;*/
font-size:70%;
/* padding-left:1em; */
clear:both;

}
#topfooterinner
{
padding:2px 6px 2px 6px;
}

#footer
{
width:972px;
height:1.6em;
background-color:#0B6DCE;
color:white;
font-family:verdana;
font-size:1.1em;
font-style:italic;

/*padding-left:15px;
padding-top:.4em;
padding-bottom:.4em;*/
}

input.login
{
width:115px;
height:20px;
}
div.loginlabel
{
width:6em;
float:left;

}

div.highlight
{
border:1px solid #28196E;
padding:1em;
background-color:#F1F4FA;
}

a.footerlink
{
color:#ffffff;
text-decoration:none;
}

a.navlink
{
color:#ffffff;
text-decoration:none;
/*font-weight:bold;*/
}
a.navlink:hover
{

color:#28196E;
/*font-weight:bold;*/
}

a.subnavlink
{
color:#FF8101;
text-decoration:none;
font-weight:bold;
}

a.subnavlink:hover
{
color:#ffffff;
font-weight:bold;
}

h1
{
font-size:150%;
}
h2
{
font-size:125%;
margin:0;
}
h4
{
margin:0;
color : #0B6DCE;
}
div.red
{
color:red;
display:inline;
}
div.blank
{
font-size:0px;
}
div.tel
{
color:white;
font-size:140%;
font-weight:bold;
margin:0 0 12px 0px;
line-height:1.4em;
}
div.tag
{
padding:0.4em;
font-size:50%;

}
a.news
{
text-decoration:none;
color:#000000;
}
a.news:hover
{
text-decoration:underline;
}

div.hr /* hr div */
{
border-bottom:1px solid #FF8101;
margin-top:.75em;
margin-bottom:.75em;
}

img.right
{
float:right;
}

textarea
{
font-family: "trebuchet MS", verdana, arial, helvetica, sans serif
}

input 
{
font-family: "trebuchet MS", verdana, arial, helvetica, sans serif
}

div.portfolio
{
float:left;
/*width:300px;*/
display:inline;
padding-right:25px;
padding-left:75px;
padding-bottom:20px;
}

div.portfolio
{
float:left;
width:381px;
height:272px;

padding:5px;
}