/* HTML tags */

html{font-family:Geneva, Arial, Helvetica, sans-serif; font-size:100%}

body{font-size:80%; text-align:center;}

h1{font-size:1.3em; font-weight:bold; color:#333; background-color:#FFF;}
h2{font-size:1.1em; font-weight:bold; color:#333; background-color:#FFF;}
h3{font-size:1em; font-weight:bold; color:#333; background-color:#FFF;}

img{border:none;}

a:link{text-decoration:underline; color:#333;}
a:visited{text-decoration:underline; color:#994C00;}
a:hover{text-decoration:none; color:#333;}
a:active{text-decoration:underline; color:#333;}

/* Classes */

.bold{font-weight:bold;}
.italic{font-style:italic;}
.bolditalic{font-weight:bold; font-style:italic;}

.onea{font-size:1em; padding:0 5px;}
.twoa{font-size:1.4em; padding:0 5px;}
.threea{font-size:1.6em; padding:0 5px;}

.broadcasting{color:#FF870F; font-style:italic;}
.breadcrumb{font-size:1em; text-align:left;}
/* DIVS */

#wrapper{
position:relative;
width:760px; margin-left:auto; margin-right:auto;
padding-top:30px;
}

#logo{
position:absolute; top:30px; right:0;
width:370px; height:70px;
}

#leftcoltop{
float:left;
width:180px; height:15px;
background-image:url(images/orangetop.gif);
z-index:1;
clear:both;
}
#leftcol{
float:left;
width:180px; height:600px;
background-image:url(images/orangemiddle.gif);
background-repeat:repeat-y;
z-index:1;
clear:both;
}
#leftcolbottom{
float:left;
width:180px; height:15px;
background-image:url(images/orangebottom.gif);
z-index:1;
clear:both;
}

#rightcolumntop{
position:absolute; top:290px; right:0;
width:140px; height:15px;
background-image:url(images/greytop.gif);
}
#rightcolumn{
position:absolute; top:305px; right:0;
width:140px; height:300px;
text-align:left;
color:#FFFFFF;
background-color:#666666;
background-image:url(images/greybottom.gif);
background-repeat:no-repeat;
background-position:bottom;
}

.rightcolumnheader{
color:#FFF; background-color:#666666;
font-size:1.1em;
font-weight:bold;
padding:0 2px 0 5px;
}

.rightcolumn{
color:#FFF; background-color:#666666;
padding:0 2px 0 5px;
}

.rightcolumn a:link{text-decoration:underline; color:#FFF; background-color:#666666;}
.rightcolumn a:visited{text-decoration:underline; color:#FFF; background-color:#666666;}
.rightcolumn a:hover{text-decoration:none; color:#FFF; background-color:#666666;}
.rightcolumn a:active{text-decoration:underline; color:#FFF; background-color:#666666;}

#introtext{
position:absolute; top:130px; left:200px;
width:550px; height:auto;
text-align:left;
border-top:2px;
border-top-color:#666;
border-top-style:solid;
padding-top:10px;
}

#content{
position:absolute; top:290px; left:200px;
width:400px; height:auto;
text-align:left;
color:#333;
background-color:#FFF;
}

#footer{
width:100%;
font-size:0.9em;
text-align:center;
clear:both;
padding:20px 0 0 0;
border-top:2px;
border-top-color:#666;
border-top-style:solid;
}

#column2{
float:right;
width:180px; height:auto;
text-align:left;
color:#333;
background-color:#FFF;
}

#sizes{
position:absolute; top:40px; left:0;
width:180px;
z-index:2;
}

.imageright400{
float:right;
width:400px; height:auto;
margin-left:10px;}

.imageright380{
float:right;
width:380px; height:auto;
margin-left:10px;}

.imageleft360{
float:left;
width:360px; height:auto;
margin-right:10px;}


.imageleft380{
float:left;
width:380px; height:auto;
margin-right:10px;}

.imageleft400{
float:left;
width:400px; height:auto;
margin-right:10px;}

/* NAVIGATION */

#navigation{
position:absolute; top:150px; left:10px;
width:160px; height:auto;
text-align:right;
color:#000;
font-weight:bold;
font-size:1.2em; 
z-index:2;
line-height:1.3em;
}

#navigation a:link{text-decoration:none;}
#navigation a:visited{text-decoration:none;}
#navigation a:hover{text-decoration:underline;}
#navigation a:active{text-decoration:none;}

/* Search box */

#search{
float:right;
width:140px; height:auto;
margin: 10px 0;
font-size:1em;
font-weight:normal;
text-align:left;}