/* Main CSS Styles Document 
Author: 		Steven Gleave
Last Modified: 	28/03/2008
*/

/* Import Master Reset */
@import url(../scripts/reset.css);

body { margin: 0; padding: 0; background-color:#01216E; background-image:url(../images/bg.jpg); background-repeat:repeat-x; font-family:Arial, Helvetica, sans-serif; font-size:12px; }

#container { position: relative; width: 920px; margin:0px auto; padding:0; }
#content { width:920px; margin:0; padding:0; }

#top_links { width: 920px; padding:0 0 1em 0; text-align:right;}
#top_links p { font-size:1em; color:#FFF; margin-bottom:0;}
#top_links a { text-decoration:none; color:#FFF; padding-right: .3em; padding-left:.3em; }
#top_links a:hover { color:#FFF; padding-right: .3em; padding-left:.3em; text-decoration:underline; }

/* common styling */
.menu {font-family: arial, sans-serif; color:#000000; width:566px; height:25px; position:relative; z-index:100;}
.menu ul{padding:0; margin:0; list-style:none; font:bold 12px Helvetica, Verdana, Arial, sans-serif;}
.menu ul li {float:left; position:relative;}
.menu ul li ul {display: none;}
.menu ul li a {display:block; width:108px; height:20px; margin-right:.2em; padding:.8em 0 0 0; text-decoration:none; color:#000; text-align:center; border:1px solid #000; background:#FCFFE0; line-height:10px; overflow:hidden;}
.menu ul li a:visited {display:block; width:108px; height:20px; margin-right:.2em; padding:.8em 0 0 0; text-decoration:none; color:#000; text-align:center; border:1px solid #000; background:#FCFFE0; line-height:10px; overflow:hidden;}
.menu ul li.active a { background-color:#A4BDFF; }

/* specific to non IE browsers */
.menu ul li:hover a {color:#000; background:#FCFFE0; margin-bottom:.1em;}
.menu ul li:hover ul {display:block; position:absolute; top:31px; left:0; width:108px;}
.menu ul li:hover ul li a.hide {background:#FCFFE0; color:#fff;}
.menu ul li:hover ul li:hover a.hide {background:#A4BDFF; color:#000;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:#FCFFE0; color:#000; font-size:12px; font-weight:normal;}
.menu ul li:hover ul li a:hover {background:#A4BDFF; color:#000;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0px;}
.menu ul li:hover ul li:hover ul.left {left:-105px;}

/*--- Header Info --------------------------------*/
#header { width:920px; padding:0 0 1em 0; }
#header img.logo { width:441px; height:46px; float:left; padding-left:1em; }
#header table.chat { float:right; padding-right:.3em; }

/*--- Footer Info --------------------------------*/
#footer { width:920px; margin:0 auto; padding: .5em 0 2em 0; }
#footer_left { float: left; margin:0; width: 400px; }
#footer p { font-size:1em; color:#FFF; margin-bottom:.5em;}
#footer a { text-decoration:none; color:#FFF; padding-right: .3em; padding-left:.3em; }
#footer a:hover { text-decoration:underline; }

/*--- Content --------------------------------*/
#left_column { width: 566px; float:left; margin-right:2.25em; padding:0; }
#right_column { width: 322px; float:left; padding:0; background:#FFF; border:1px solid #000; }

#main_content { width:488px; height:462px; margin-top:1em; padding:1em 5em 0 1em; border:1px solid #000; background:#FFF; overflow-y: scroll; overflow-x: hidden; }
#main_content a { text-decoration:none; color:#0233FC; }
#main_content a:hover { text-decoration:underline; }

#first { width:488px; height:224px; padding:1em 5em 0 1em; border:1px solid #000; margin-top:1em; background:#FFF; }
#first_long {
	width:488px;
	height:461px;
	padding:1em 5em 0 1em;
	border:1px solid #000;
	margin-top:1em;
	background:#FFF;
}
#second {
	width:488px;
	height:350px;
	border:1px solid #000;
	margin-top:0.5em;
	background:#FFF;
	padding-top: 1em;
	padding-right: 5em;
	padding-bottom: 0;
	padding-left: 1em;
}

#column_container { width: 480px; float:left; clear:both; margin-top: .5em; }
#first_block { width:47%; float:left; }
#second_block { width:47%; float:left; margin-left:2em; }

#column_container .manu { font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:0; padding:0; }
#column_container .manu ul { margin:0; padding:0; }
#column_container .manu li { background: url(../images/bullet.jpg) no-repeat left .3em; padding-left: 1em; padding-bottom:.4em; list-style-type:none; }
#column_container .manu li a { text-decoration:none; color:#0233FC; }
#column_container .manu li a:hover { text-decoration:underline; }

#photodiv { background-repeat: no-repeat; }

/*--- Typography --------------------------------*/
p { font-size:1em; color:#000; font-family:Arial, Helvetica, sans-serif; line-height:1.3em; margin-bottom:.7em; }
h1 { font-size: 1.4em; line-height: 1.3em; margin-bottom: 0.5em; font-weight:bold; }
.login_text { padding-left: .5em; }
.forgot { margin-top:3.5em; margin-left:9.7em; }
.site_design { padding-left:1em; }
.clear { clear:both; }

#login { float: left; width: 400px; margin: 1em 0 0 0; }
#login p { margin: 6px 0 4px 0; font-size:14px;}
#login label{ float:left; width:74px; padding:.2em 1em 0 0; text-align:right; font:12px arial,verdana,sans-serif; color:#000; }
#login div{ margin-bottom:1em; padding:0; display:block; }
#login input.check { margin-left:6.5em; margin-top:.4em; }

#login .req input{border:1px solid #CDCDCD;background:#FFF;padding:1px;color:#333}
#login #submit{ margin: 1.5em 0 0 9.5em; width: 82px; height: 23px; border: none; background-image:url(../images/submit.jpg); background-repeat:no-repeat; background-position:0 1px; color: #0D342F; }
h2 {
	font-size: 1.1em;
	line-height: 1em;
	margin-bottom: 0.5em;
	font-weight:bold;
}
#second_long {
	width:488px;
	height:550px;
	border:1px solid #000;
	margin-top:0.5em;
	background:#FFF;
	padding-top: 1em;
	padding-right: 5em;
	padding-bottom: 0;
	padding-left: 1em;
}