/* CSS Document: Final Smaart woman, works with ie, ff, opera and netscape. As lon as hidden text is inserted between #article-box and #contentLeft */

body {
background: url(../images/siteicons/swdiamond.gif) repeat #cccccc;
color:#111;
font-family: Georgia, "Trebuchet MS", Arial, Helvetica; 
font-size:12px;
height: 100%;
margin: 0 auto;
text-align:center;

}

html>body {
min-height: 100%;

}

h1 {
font-weight:200;
color:#00ACEC;
font-size:18px;
text-transform: uppercase;

}

h2 {
font-weight:200;
color:#00ACEC;
font-size:14px;
}

p img {float: left; margin-right:8px; border:#F9C6C6 2px solid;}

a:link {color:#FC6C6C;}
a:visited{color:#FC6C6C;}
a:hover{color:#00ACEC;}

.floating_box{
float: right;
background:#F7F5F5;
border:#F9E7E7 2px solid;
width: 170px;
height:auto;
margin:8px 16px 8px 8px;
padding:15px;
line-height:16px;
font-weight:700;
color:#555555;
position:static;
}

.bigletter {font-size: 30px;color: #FC6C6C;}

#container {

width:1000px; 
position:relative;
left:auto;
background:url(../images/siteicons/containerback.png) repeat-y ;
height:100%;
padding-bottom:0;
text-align:center;
margin:0 auto;

}

#header {
margin: 0 25px;
width:950px;
height:175px;
background: url(../images/siteicons/swlogo.jpg) no-repeat;
text-align:right;

}

#menu {
	border-bottom : 1px solid #ccc;
	margin : 0 25px;
	padding-bottom : 19px;
	padding-left : 10px;
}

#menu ul, #menu li	{
	display : inline;
	list-style-type : none;
	margin : 0;
	padding : 0;
}

	
#menu a:link, #menu a:visited	{
	background : #E8EBF0 url(../images/siteicons/menuback.jpg) repeat-x;
	border : 1px solid #ccc;
	color : #666;
	float : left;
	font-size : small;
	font-weight : normal;
	line-height : 14px;
	margin-right : 8px;
	padding : 2px 10px 2px 10px;
	text-decoration : none;
}

#menu a:link.active, #menu a:visited.active	{
	background : #fff;
	border-bottom : 1px solid #fff;
	color : #000;
	
}

#menu a:hover	{

	color : #00ACEC;
}

	
body.section-1 #menu li#nav-1 a, 
body.section-2 #menu li#nav-2 a,
body.section-3 #menu li#nav-3 a,
body.section-4 #menu li#nav-4 a,
body.section-4 #menu li#nav-5 a
body.section-4 #menu li#nav-6 a{
	background : #fff;
	border-bottom : 1px solid #fff;
	color : #037AA7;
	font-weight:900;
}

#menu #subnav-1,
#menu #subnav-2,
#menu #subnav-3,
#menu #subnav-4 {
	display : none;
	width: 90%;
}

body.section-1 #menu ul#subnav-1, 
body.section-2 #menu ul#subnav-2,
body.section-3 #menu ul#subnav-3,
body.section-4 #menu ul#subnav-4 {
	display : inline;
top: 147px;
left: 35px;
	position : absolute;

}

body.section-1 #menu ul#subnav-1 a, 
body.section-2 #menu ul#subnav-2 a,
body.section-3 #menu ul#subnav-3 a,
body.section-4 #menu ul#subnav-4 a {
	background : #fff;
	border : none;
	border-left : 1px solid #ccc;
	color : #999;
	font-size : smaller;
	font-weight : bold;
	line-height : 10px;
	margin-right : 4px;
	padding : 2px 10px 2px 10px;
	text-decoration : none;
}

 #menu ul a:hover {
	color : #f00 !important;
}

#menu img {
border:none;
}

/*Menu Ends------------------------------------------------------*/


#content {
margin: 0 25px 0 25px;
width:950px;
padding: 0;
height:100%;
top: 0px;
text-align:left;
background:#fff;
position:relative;
}


#banner-box {
width: 950px;
height: 110px;
/*border:#CCCCCC 1px solid;*/
margin: 0 0px 0 0px;
padding: 0px 0px;
}

#contentAd {
width: 730px;
height:100px;
border:#CCCCCC 1px solid;
margin: 0 0px 0px 0px;
padding: 0px;
top:20px;
}

.registration {
width: 170px;
height:90px;
border:solid 1px #CCCCCC;
float:center;
padding:5px;
margin-bottom:5px;
}

.registration img {border:none;}


#contentLeft {
margin: 0 0px 0 0px;
padding: 0px 10px 0px 10px;
width: 730px;
position:relative;
top:0px;
background:#fff;
}

#article-box {
float: left;
margin: 0 0px 0 0px;
padding: 0;
width: 730px;
background: /*url(../images/siteicons/topstories-article.gif) top left no-repeat */#fff ;
position:relative;
top:10px;
height:auto;
}

.hideText {visibility:hidden;}

ul {
list-style-image: url(../images/siteicons/star.gif);
margin:0;
display:block;
}

li {

padding: 5px;
font-size:14px;
background:url(../images/siteicons/listback.gif) repeat-x;
list-style-position:outset;
}

ul a:link {
color:#019AD3;
text-decoration:none;
list-style-image: url(../images/siteicons/star.gif);
margin:0;
}

ul a:visited {
color:#00ACEC;
text-decoration:none;
margin:0;
}

ul a:hover {
color:#FC6C6C;
text-decoration:none;
margin:0;

}

li.summary {
display:block;
width:auto;
height:auto;
border-bottom:1px solid #ccc;
padding:5px;
list-style-position:outside;
margin:0 0 10px 0;

}

li.summary h1 {
font-weight:200;
color: #00ACEC;
font-size:18px;
background: url(../images/siteicons/listback.gif) repeat-x;
padding:5px;
margin:0;

}

li.summary img {
float:left; margin:5px 8px 8px 0; border:#F9C6C6 1px solid;
}
#Left {
	float: left;
	margin: 0 5px 0 0px;
	padding: 30px 5px 5px 5px;
	width: 350px;
	background: url(../images/siteicons/topstories.gif) top no-repeat;
}

#contentMiddle {
	float: right;
	margin: 0 0px 0 0px;
	padding: 5px; 
	border-right: 1px solid #F9EAEF;
	width: 350px;
	background: url(../images/siteicons/careers-advice.gif) top no-repeat;
	top:0;
}

#contentMiddle img {
margin:0 10px;
border: none;
}

html>body #contentMiddle {
	width: 350px;
}

#contentRight {
	margin: 0 20px 0 10px;
	width: 170px;
	padding: 0px;
	position:absolute;
	top:0px;
	right:10px;
}

html>body #contentRight {
	width: 170px;
}

.buttonad {
width: 170px;
height:auto;
border:solid 1px #CCCCCC;
float:center;
padding:5px;
margin-bottom:5px;
}

.buttonad img {
text-align:center;
margin: 0 5px;

}

#footer {
background:url(../images/siteicons/footerback.png);
width:1000px; 
margin:0 auto;
height: 50px;
position:relative;
color:#999999;
text-align:center;
}