/* andreas09 v1.0 (Dec 10th 2005) - An open source template by Andreas Viklund - http://andreasviklund.com. Free to use for any purpose as long as the proper credits are given to the original author. */

body {
/*background:#8b8b8b;*/
background: url(gallica/images/background_1.png);
color:#303030;
font:76% Verdana,Tahoma,Arial,sans-serif;
margin:0;
padding:0;
text-align:center;
}

a {
color:#505050;
font-weight:bold;
text-decoration:none;
}

a:hover {
color:#808080;
text-decoration:underline;
}

p {
line-height:1.5em;
margin:0 0 15px;
}

/*** Main container ***/

#container {
/*background:#f0f0f0 url(img/bodybg.jpg) repeat-x;*/
color:#303030;
margin:0;
min-width:770px;
padding:0;
text-align:left;
width:100%;
}

/*** Header section ***/

#headtable { 
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
width:100%;
height:152px;
border-collapse:collapse;
/*** background:#ffffff url(gallica/images/header_3_bk_repeat.png) top left repeat-x; ***/
}

#header_extension {
background:#ffffff url(gallica/images/header_3_bk_repeat.png) top left repeat-x;
height:152px;
text-align:right;
padding:0px 0px 0px 0px;
}

#header {
background:#ffffff url(gallica/images/header_6.png) top left no-repeat;
height:152px;
width:133px;
padding:0px 0px 0px 0px;
}

.borderedbox
{
     border-width : 2px;
     border-style : solid;
     border-color : #debd00;
     margin: 5px 5px 5px 5px;
}

/*** Horizontal menu ***/

#mainmenu {
float:left;
margin-bottom:25px;
}

#mainmenu ul {
font-size:16px;
margin:0;
padding:0;
}

#mainmenu li {
float:left;
height:35px;
list-style:none;
margin:0;
padding:0;
}

#mainmenu a {
border-right:1px solid #b0b0b0;
color:#606060;
display:block;
font-size:0.7em;
padding:11px 10px 10px;
text-transform:uppercase;
}

#mainmenu a:hover {
background:#f0f0f0 url(img/menuhover.jpg) top left repeat-x;
color:#505050;
text-decoration:none;
}

#mainmenu a.current {
background:#f0f0f0 url(img/menuhover.jpg) top left repeat-x;
color:#505050;
text-decoration:none;
}

/*** Content wrap ***/

#wrap {
clear:both;
font-size:1.0em;
padding:0;
}
/*** Topical picbox ***/
#topical_box { 
float:left;
width:165px;
height:165px;
margin:0;
padding:0 10px 10px;
background:#000254;
}
/*** Sidebars ***/

#leftside,#rightside {
margin-top:180px;
margin:0;
padding:0 10px 10px;
#width:165px;
}

#leftside {
float:left;
width:165px;
margin-right:5px;
}

#rightside {
float:right;
width:205px;
margin-left:5px;
margin-right:5px;
}

#leftside h1,#rightside h1 {
color:red; /*#505050;*/
font-size:1.6em;
font-weight:bold;
letter-spacing:-1px;
margin:0 0 12px;
}

#leftside h2,#rightside h2 {
font-size:1.1em;
margin:0 0 20px;
}

#leftside p,#rightside p {
font-size:0.9em;
line-height:1.4em;
margin:0 0 16px 10px;
}

.linklist {
list-style:none;
margin:0 0 16px 10px;
padding:0;
}

.linklist li {margin-bottom:0.7em;}

/*** Sidebar menu ***/

.nav {
background:#ffa20c;/***#000254;***/
border:1px solid #b0b0b0;
color:#ffffff;
display:block;
font-size: 1.0em;
font-weight: bold;
margin-top:8px;
padding:5px 4px 4px 10px;
position:relative;
text-transform:uppercase;
width:140px;
}

.nav:hover,.active {
background:#000254;
border:1px solid #909090;
color:#ffffff;
text-decoration:none;
}

.general { 
background:#fa0000;
color:#000254;
}
.general:hover,.active { 
background:#fa0000;
color:#000254;
}
.swimmers { 
background:#000254;
color:#ffa20c;
}
.swimmers:hover,.active { 
background:#000254;
color:#ffa20c;
}
.club { 
background:#ffffff;
color:#fa0000;
}
.club:hover,.active { 
background:#ffffff;
color:#fa0000;
}

.subg {
font-size:1.0em;
letter-spacing:1px;
margin:3px 0 2px 10px;
padding:4px 2px 2px 8px;
width:125px;
color:#fa0000;
}

.subg:hover,.active {
background:#fa0000;
font-size:1.0em;
letter-spacing:1px;
margin:3px 0 2px 10px;
padding:4px 2px 2px 8px;
width:125px;
border:1px solid #909090;
color:#000000;
}
.subs {
font-size:1.0em;
letter-spacing:1px;
margin:3px 0 2px 10px;
padding:4px 2px 2px 8px;
width:125px;
color:#000254;
}

.subs:hover,.active {
background:#fa0000;
font-size:1.0em;
letter-spacing:1px;
margin:3px 0 2px 10px;
padding:4px 2px 2px 8px;
width:125px;
border:1px solid #909090;
color:#000000;
}
.subc {
font-size:1.0em;
letter-spacing:1px;
margin:3px 0 2px 10px;
padding:4px 2px 2px 8px;
width:125px;
}

.subc:hover,.active {
background:#fa0000;
font-size:1.0em;
letter-spacing:1px;
margin:3px 0 2px 10px;
padding:4px 2px 2px 8px;
width:125px;
border:1px solid #909090;
color:#000000;
}

.achievements {
margin:3px 0 2px 10px;
}
/*** Content ***/

#contentwide,#content,#contentalt {
background-color:#fefdf4;
border:1px solid #909090;
color:#2a2a2a;
padding:15px 20px 5px;
}

#content {margin:0 230px 0px 200px;}
#contentwide {margin:0 20px 20px 200px;}
#contentalt {margin:0 200px 0 20px;}

#contentwide h1, #contentwide h2, #content h1,#content h2,#contentalt h1,#contentalt h2 {
background-color:inherit;
font-size:1.8em;
font-weight:bold;
letter-spacing:-1px;
margin:0 0 15px;
padding:0;
}

#contentwide h1,#content h1,#contentalt h1 {
color:#fa0000;
}
#contentwide h2,#content h2,#contentalt h2 {
font-size:1.6em;
margin-bottom:10px;
color:#000254;
}

#contentwide img,#content img,#contentalt img {
border:1px solid #b0b0b0;
float:left;
margin:5px 15px 6px;
padding:5px;
}

/*** Footer ***/

#footer {
background:#8b8b8b url(img/footerbg.jpg) top left repeat-x;
clear:both;
color:#d0d0d0;
font-size:0.9em;
font-weight:bold;
margin:0;
padding:20px 0;
text-align:center;
width:100%;
}

#footer a {
color:#d0d0d0;
font-weight:bold;
}

/*** Various classes ***/

.thumbnail {
background:#fafbfc;
border:1px solid #b0b0b0;
margin:0 0 10px 10px;
padding:5px;
}

.searchform {margin:0;}

.searchbox {
background:#f0f0f0;
border:1px solid #b0b0b0;
margin:0 4px 0 0;
width:100px;
}

.searchbutton {
background:#f0f0f0;
border:1px solid #b0b0b0;
}

.clearingdiv {
clear:both;
height:30px;
width:1px;
}

.halfclearingdiv {
clear:both;
height:15px;
width:1px;
}

.hide {display:none;}

/*** Text format ***/

.intro {
font-size:1.1em;
font-weight:bold;
letter-spacing:-1px;
}

.small {font-size:0.8em;}
.large {font-size:1.4em;}
.center {text-align:center;}
.right {text-align:right;}
.centerblock {text-align:center;
              display:block;}

.heading 
{ 
     color:#fa0000;
     margin: 0 auto;
     margin-top: 15px;
     margin-bottom: 15px;
     font-size: 25px; 
     font-family: sans-serif;
     font-weight: bold;
     text-align: center;
     vertical-align: top;
     width:90%;
}
.miniheading
    {
     margin: 0 auto;
     margin-top: 5px;
     margin-bottom: 5px;
     font-size: 16px; 
     font-family: sans-serif;
     font-weight: bold;
     text-align: center;
     vertical-align: top;
/*     width:90%; */
     color:#000254;
    }
.subheading
    {
     color:#000254;
     font-size: 16px; 
     font-family: sans-serif;
     font-weight: bold;
     text-decoration: underline;    
     text-align: left;
     padding-top: 5px;
     padding-bottom: 5px;
    }
.subheading_centre
    {
     color:#000254;
     font-size: 14px; 
     font-family: sans-serif;
     font-weight: bold;
     text-decoration: underline;    
     text-align: center;
     padding-top: 5px;
     padding-bottom: 5px;
    }


.sponsors_box
    {
     border-width: 1px;
     border-style:solid;
     border-color:#debd00;
     margin-top:10px;
     margin-bottom:10px;
     background-color:white;
    }
.sponsorhead 
    {
     color:black;
     background-color:#ffa20c;
     font-family:sans-serif;
     font-size:12px;
    }
.sponsors
    {
     padding-left: 2px;
     padding-right: 2px;
     padding-top: 2px;
     padding-bottom: 2px;
     text-align:center;
     border-width:1px;
     border-color:#ffa20c;
    }

#hot_photo
    {
     padding-left: 2px;
     padding-right: 2px;
     /** padding-top: 5%; 2px; **/
     /** padding-bottom: 5%; /**2px;**/
     border-style:none;
     border-width:2px;
     border-color:#000254;
     text-align:center;
     vertical-align:middle;
/*     margin-bottom:10px;*/
     height: 200px;
    }

#hot_photo_img 
    {  
     padding-left: 2px;
     padding-right: 2px;
     padding-top: 2px;
     padding-bottom: 2px;
     max-width: 98%;
     max-height: 98%;
     box-shadow: 5px 5px 5px #ccc;
     -moz-box-shadow: 5px 5px 5px #ccc;
     -webkit-box-shadow: 5px 5px 5px #ccc;
    }
#hot_photo_text
    {  
     height: 35px;
     font-weight: bold;
    }

.other_link
    {
     text-align:center;
     width:50%;
     font-size:15px;
     font-family:sans-serif;
    }
.noticetext 
    { 
     font-size:12px;
     color:black;
    }
.olympic_countdown
    {
     border-color : #ffa20c;
     border-style : solid;
     border-width : 3px;
    }