/* stylesheet for SAST
2006-02-06 */

/* general style definitions */

*{
	margin:0px;
	padding:0px;
}

a img{border:none;}

body{
	font: 0.7em "trebuchet ms", tahoma, Geneva, Arial, Helvetica, sans-serif;
	color: #000;
}

form{margin:0px;}

input, select, textarea{
	font: 12px Verdana, tahoma, Geneva, Arial, Helvetica, sans-serif;
	line-height:15px;
	color: #000;
}

input{
	padding:2px 0px 2px 0px;
}

a:link{color:#000;text-decoration: underline;}
a:visited{color:#000;text-decoration: underline;}
a:hover{color:#000;text-decoration: underline;}
a:active{color:#000;text-decoration: underline;}

body{
	background-color:#fff;
	text-align:center;
	height:100%;
	width:100%;
}

p{
	padding:3px 9px 2px 9px;
	text-align:left;
	margin:0px;
}

/* general structural definitions */

#wrapper{
	width:764px;
	text-align:left;
	margin:20px auto 0px auto;
	clear:both;
}


.header{
	text-align:left;
	overflow:hidden;
}

.logo{
	height:86px;
	padding:0px;
	text-align:left;
	clear:both;
}

.container{
	background-image:url(images/container_bg.gif);
	background-repeat:repeat-y;
	background-color:#fff;
	text-align:center;
	clear:both;
}

.content{
	text-align:center;
	margin:0px 14px;  /* this needs to be even number because IE6 sucks at rounding */
}


#footer{
	background-image:url(images/footer_bg.gif);
	background-repeat:no-repeat;
	background-position:top;
	text-align:center;
	margin:0px 0px 30px 0px;
	padding-top:7px;
	clear:both;
}

/* specific menu styles */

.menu{
	height:32px;
	width:100%;
	background:url(images/menutab_bg.gif);
	background-position:bottom;
	background-repeat:no-repeat;
}

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

.nomenu{
	width:100%;
	height:2px;
	background:url(images/menutab_bg.gif);
	background-position:top;
	background-repeat:no-repeat;
	clear:both
}

.menu li{
	background:url(images/menutab_left.gif) no-repeat left bottom;
	margin:0px 0px 0px 0px;
	padding-left:9px;		/* width of the menutab_left.gif */
	float:left;
}

.menu p{
	display:block;
	height:24px;
	background:url(images/menutab_right.gif) no-repeat right bottom;
	padding:8px 10px 0px 1px;
	font-size:1em;
	line-height:1.65em;
	float:left;
}

.menu .current{
	background:url(images/menutab_current_left.gif) no-repeat left bottom;
	margin:0px 0px 0px 0px;
	padding-left:9px;		/* width of the menutab_left.gif */
	float:left;
}

.current p{
	background:url(images/menutab_current_right.gif) no-repeat right bottom;
	font-weight:bold;
}

.menu .inactive{
	background:url(images/menutab_left.gif) no-repeat left bottom;
	margin:0px 0px 0px 0px;
	padding-left:9px;		/* width of the menutab_left.gif */
	float:left;
}

.inactive p{
	background:url(images/menutab_right.gif) no-repeat right bottom;
	color:#aaa;
}

.menu a:link{color:#000;text-decoration: none;}
.menu a:visited{color:#000;text-decoration: none;}
.menu a:hover{color:#000;text-decoration: underline;}
.menu a:active{color:#000;text-decoration: underline;}

.current a:link{color:#000;text-decoration: none;}
.current a:visited{color:#000;text-decoration: none;}
.current a:hover{color:#000;text-decoration: underline;}
.current a:active{color:#000;text-decoration: underline;}


/* specific submenu styles */

.submenu{
	width:746px;
	margin:0px 9px;
	padding:5px 0px;
	text-align:left;
	border-bottom:1px solid #ccc;
	overflow:hidden;
	clear:both;
}

.submenu ul{
	list-style:none;
}

.submenu li{
	border-right:1px solid #ccc;
	margin-top:4px;
	padding:0px;
	float:left;
}

.submenu p{
	display:block;
	padding:0px 15px;
	font-size:1em;
	line-height:1.65em;
	float:left;
}

.subcurrent p{
	font-weight:bold;
}

.submenu a:link{color:#000;text-decoration: none;}
.submenu a:visited{color:#000;text-decoration: none;}
.submenu a:hover{color:#000;text-decoration: underline;}
.submenu a:active{color:#000;text-decoration: underline;}

.subcurrent a:link{color:#000;text-decoration: none;}
.subcurrent a:visited{color:#000;text-decoration: none;}
.subcurrent a:hover{color:#000;text-decoration: underline;}
.subcurrent a:active{color:#000;text-decoration: underline;}

/* specific footer styles */

.footer{
	text-align:center;
	padding:0px;
	font-size:10px;
	color:#777;
}

/* general structural columns */

.columncontainer{
	width:100%;
	text-align:center;
	margin:0px;
	padding:0px;
	clear:both;
	overflow:hidden;
}

.column50{
	text-align:center;
	width:50%;
	float:left;
}

.column50right{
	background:url(images/dotted_v.gif) repeat-y right top;
	text-align:center;
	width:50%;
	float:left;
}

.column66{
	text-align:center;
	width:66.6%;
	float:left;
}

.column33{
	text-align:center;
	width:33.3%;
	float:left;
}

.column25{
	text-align:center;
	width:25%;
	float:left;
}

.column20{
	text-align:center;
	width:20%;
	float:left;
}

.column40{
	text-align:center;
	width:40%;
	float:left;
}

/* general working classes */

.breaker{
	overflow:hidden;
	height:2px;
	clear:both
}

.breakerspace{
	overflow:hidden;
	height:15px;
	clear:both
}

.right{
	text-align:right;
}

.center{
	text-align:center;
}

/* general text formatting */

.indent{
	padding:5px 25px 5px 25px;
}

.hr{
	background-image:url(images/dotted.gif);
	background-repeat:repeat-x;
	height:1px;
	margin:0px 9px 5px 9px;
	overflow:hidden;
	clear:both;
}

.hr_indent{
	background-image:url(images/dotted.gif);
	background-repeat:repeat-x;
	height:1px;
	margin:0px 25px 0px 25px;
	overflow:hidden;
	clear:both;
}

.hr_grey{
	border-bottom:1px solid #ccc;
	height:1px;
	margin:0px 9px 5px 9px;
	overflow:hidden;
	clear:both;
}


h1{
	text-align:left;
	padding:7px 9px 7px 9px;
	font-size:1.5em;
	font-weight:bold;
	color:#3070B0;
}

h2{
	text-align:left;
	padding:7px 9px 1px 9px;
	font-size:1.2em;
	font-weight:bold;
	color:#3070B0;
}

h3{
	text-align:left;
	padding:5px 9px 1px 9px;
	font-size:1em;
	font-weight:bold;
	color:#3070B0;
}

h4{
	text-align:left;
	padding:5px 9px 1px 9px;
	font-size:1em;
	font-weight:bold;
}

.grey{
	color:#aaa;
}


/* table styles */

.tablecontainer{
	margin:2px 9px;
	clear:both;
}

table{
	width:100%;
	margin:0px;
	padding:0px;
	border:0px;
}

th, td{
	padding:3px;
	vertical-align:top;
}

.sponsortable th, .sponsortable td{
	padding:5px;
	vertical-align:middle;
}


th.blue, td.blue{background-color:#cce5ff;}
th.orange, td.orange{background-color:#ffdbb0;}

th.line_bottom, td.line_bottom{border-bottom: 1px solid #ccc;}
th.line_left, td.line_left{border-left: 1px solid #ccc;}
th.line_right, td.line_right{border-right: 1px solid #ccc;}