/* CSS Document 

PROJECT NAME: Fina Diving
URI: http://qatarswimming.org/
Description: This is the website for Fina Diving <a href="http://qatarswimming.org/">QatarSwimming.com</a>.
Version: 1.0

	Author: Jesse Burcsik
	Agency: Fuego Digital Media
	Agency URI: http://www.fuegoCMS.com/

	This website was designed and built by Fuego Sigital Media,
	whose web site you will find at http://www.fuegoCMS.com

resources:

Text orange:              #fa8901;
blue/grey bullet color:   #547593;
blue grey for text:       #507190;
mainBG color:  			  #02114d;
nav orange hover color:   #fba134;
*/



/* Global Styles

---------------------------------------------------------- */

/*** RESET RESET RESET ***/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/*** RESET RESET RESET ***/


html{
	margin:			0;
	padding:    	0;
}

body {
	margin: 		0;
	padding: 0;	
	background: 	#fff;
	font-family: 	Verdana, Arial, Helvetica, sans-serif;
	/* Font sizing */
	font-size: 		small;
	color: 			#000;
	background:		#02114d;
}



a {
	margin: 		0;
	padding: 		0;
	color: 			#000;
	text-decoration:none;
}



.clear {
	clear: 			both;
	font-size: 		0px;
	line-height: 	0px;
	visibility: 	hidden;
	margin: 		0px;
    width:          0px;
    height:         0px;
}



h1 {
	margin:			0;
	padding: 		0;
	font-size:		xx-large;
	color:			#000;
	font-family: 	Verdana, Arial, Helvetica, sans-serif;
}



h2 {
	margin: 		0;
	padding:		0;
	font-size:      x-large;
	color: 			#000;
	font-family: 	Verdana, Arial, Helvetica, sans-serif;
}



h3 {
	margin:			0 0 15px 0;
	padding:		0;
	font-size:		large;
	color:			#000;
	font-family: 	Verdana, Arial, Helvetica, sans-serif;
}



h4 {
	margin: 		0;
	padding: 		0;
	font-size: 		medium;
	color: 			#000;
	font-family: 	Verdana, Arial, Helvetica, sans-serif;
}



p {
	display: 		block;
	margin: 		auto;
	padding: 		0 0 15px 0;
	line-height: 	1.45em;
}

strong{
    font-weight:     bold;
}

p a {
	margin:		 	 0;
	padding:		 0;
	text-decoration: none;
	color:			 #0000FF;
	border:			 none;
}



p a:hover {
	color:			#FF0000;
}


#body ul{
    margin:         0 0 0 20px;
    list-style:     circle;
}

#body ul li{
    margin:         0 0 10px 0;
    line-height:    17px;
}

/* Global classes
-----------------------------------------------------------*/

.container{
	width:			100%;
	text-align:		center;
}

.page-section{
	width:			957px;
	margin:			0px auto 0px auto;
	text-align:		left;
	background:		#ffffff;
}

/* Header

---------------------------------------------------------- */

#header{
	margin-top: 0px;
	margin-bottom:0px;
	padding: 0 10px 15px 10px;
	width:			937px;
	
}

#header hr{
	color:			#EAEAEA;
	height:			1px;
	margin: 		0px;
	padding:        0px;
	border:			1px solid #eaeaea;
}

#utilities{
	list-style:		none;
	float:			right;
	display:		block;
	position:		relative;
	top:			0px;
	
}

#utilities li{
	display:		inline;
	margin:0; padding: 0;
}

#utilities #util_email a{
	background:		url(../images/utility_email.jpg) no-repeat top left;
	width:			65px;
	height:			44px;
	text-indent:    -9999px;
	overflow:		hidden;
	display:		block;
	float:			right;
}

#utilities #util_contact a{
	background:		url(../images/utility_contact.jpg) no-repeat top left;
	width:			77px;
	height:			44px;
	text-indent:    -9999px;
	overflow:		hidden;
	display:		block;
	float:			right;
}

#utilities #util_watch a{
	background:		url(../images/watch.jpg) no-repeat top left;
	width:			140px;
	height:			84px;
	text-indent:    -9999px;
	overflow:		hidden;
	display:		block;
	float:			right;
}

#utilities #util_results a{
	background:		url(../images/results.jpg) no-repeat top left;
	width:			77px;
	height:			44px;
	text-indent:    -9999px;
	overflow:		hidden;
	display:		block;
	float:			right;
}

#sponsors{
	list-style:		none;
	float:			left;
	position:		relative;
	top:			0px;
}

#ar_lang{
    position:       relative;
    left:          20px;
    display:        block;
}

#sponsors li{
	display:		inline;
}

#sponsors li a{
	margin:			45px 30px 0 0;
	position:		relative;
	text-indent:    -9999px;
	overflow:		hidden;
	display:		block;
	float:			left;
}

#sponsors li#sponsor_one a{
	background:		url(../images/sponsor_one.jpg) no-repeat top left;
	width:			57px;
	height:			87px;
	
}

#sponsors li#sponsor_two a{
	background:		url(../images/sponsor_two.jpg) no-repeat top left;
	width:			55px;
	height:			87px;
	}

#sponsors li#sponsor_three a{
	background:		url(../images/sponsor_three.jpg) no-repeat top left;
	width:			43px;
	height:			87px;
	text-indent:    -9999px;
	}

a#sponsor_addidas{
	background:		url(../images/sponsor_addidas.jpg) no-repeat top left;
	width:			74px;
	height:			87px;
	text-indent:    -9999px;
	overflow:		hidden;
	display:		block;
	float:			right;
	margin:			45px 0 0 0;
}

span#home_head_title{
    background:		url(../images/home_header_title.jpg) no-repeat top left;
	width:			313px;
	height:			47px;
	text-indent:    -9999px;
	overflow:		hidden;
	display:		block;
	float:			left;
	margin:			0 0 10px 30px;
}

/* nav
---------------------------------------------------------- */

#nav{
	width:			937px;
	padding:	    0px 10px;
}

#nav ul{
	list-style:		none;
	padding:	 	0 0 0 270px;
	background:		url(../images/nav_0_background.jpg) no-repeat bottom left;
	height:			62px;
}

#nav ul li{
	display:		inline;
}

#nav ul li a{
	display:		block;
	float:			left;
	text-indent:    -9999px;
	overflow:		hidden;
	height:			62px;
}

#nav ul li#nav_event a{
	width: 			113px;
	background: 	url(../images/nav_1_event.gif) no-repeat top left;
	display:		block;
}

#nav ul li#nav_event a:hover{
	width: 			113px;
    background-position:bottom left;
	display:		block;
}

#nav ul li#nav_venue a{
	width: 			112px;
	background: 	url(../images/nav_2_sportvenue.gif) no-repeat top left;
	display:		block;
}

#nav ul li#nav_venue a:hover{
	width: 			112px;
    background-position:bottom left;
	display:		block;
}

#nav ul li#nav_venue a.active{
	width: 			112px;
    background-position:bottom left;
	display:		block;
}

#nav ul li#nav_services a{
	width: 109px;
	background: url(../images/nav_3_services.gif) no-repeat top left;
	display:		block;
}

#nav ul li#nav_services a:hover{
	width: 109px;
    background-position:bottom left;
	display:		block;
}


#nav ul li#nav_city a{
	width: 105px;
	background: url(../images/nav_4_city.gif) no-repeat top left;
	display:		block;
}

#nav ul li#nav_city a:hover{
	width: 105px;
    background-position:bottom left;
	display:		block;
}

#nav ul li#nav_sponsors a{
	width: 106px;
	background: url(../images/nav_5_sponsors.gif) no-repeat top left;
	display:		block;
}

#nav ul li#nav_sponsors a:hover{
	width: 106px;
    background-position:bottom left;
	display:		block;
}

#nav ul li#nav_news a{
	width: 119px;
	background: url(../images/nav_6_news.gif) no-repeat top left;
	display:		block;
}

#nav ul li#nav_news a:hover{
	width: 119px;
    background-position:bottom left;
	display:		block;
}

/* Flash Banner
---------------------------------------------------------- */
#flashbanner{

    height:     298px;
    background: #ffffff url(../images/main_image_bg.jpg) no-repeat 10px top;
    display:    block;
    text-indent:9px;

}


/* Body
-----------------------------------------------------------*/

#body{
	margin-top: 0; margin-bottom:0; padding: 0;
	/* testing*/
	 /**/
}

#body_home{
	margin-top: 0px; margin-bottom:0; padding: 10px 0;
	/* testing*/
	 /**/
     }

#home_left{
    display:        block;
    float:          left;
    text-indent:    -9999px;
    overflow:       hidden;
    height:            206px;
    width:             444px;
    margin:             0 0 0 10px;
    background:         url(../images/home_bottom_left.jpg) no-repeat top left;
    
}

#home_right{
    display:        block;
    float:          left;
    text-indent:    -9999px;
    overflow:       hidden;
    height:            206px;
    width:             490px;
        background:         url(../images/home_bottom_right.jpg) no-repeat top left;
}

#subnav{
    width:          268px;
    float:          left;
    display:        block;
    margin:         0;
}

/*#subnav h2{
    display:        block;
    overflow:       hidden;
    text-indent:    -9999px;
    height:         163px;
    width:          270px;
    background:        url(../images/sub_nav_header.jpg) no-repeat top left;
}
*/

#subnav div{
    height:         327px;
    width:          240px;
    background:     url(../images/subnav_body_bg.jpg) no-repeat top left;
    padding:         0 0 0 30px;
}


/* SUBNAV HEADER CONTROLLER
--------------------------------------------------  */
#subnav h2{
    display:		block;
	text-indent:    -9999px;
    overflow:		hidden;
    width:          270px;
    height:         163px;
    background: url(../images/subnav_0_blank.jpg) no-repeat top left;
}

.the_event #subnav h2{
    background: url(../images/subnav_1_theevent.jpg) no-repeat top left;
}

.sports_and_venues #subnav h2{
    background: url(../images/subnav_2_venueandsports.jpg) no-repeat top left;
}

.event_services #subnav h2{
    background: url(../images/subnav_3_eventservices.jpg) no-repeat top left;
}

.sponsors #subnav h2{
    background: url(../images/subnav_5_sponsors.jpg) no-repeat top left;
}

.news #subnav h2{
    background: url(../images/subnav_6_news.jpg) no-repeat top left;
}

.the_city #subnav h2{
    background: url(../images/subnav_4_thecity.jpg) no-repeat top left;
}

#subnav ul li{

}

#subnav a, #subnav a:link, #subnav a:visited{
    color:          #ffffff;
    border-top:     1px solid #ffffff;
    padding:        8px 15px 8px 35px;
    display:        block;
    width:          162px;
    background:     url(../images/subnav_bullet_open.gif) no-repeat 10px 50%;
}

#subnav a:hover{
        background:     #ffb255 url(../images/subnav_bullet_open.gif) no-repeat 10px 50%;

}

#subnav a.menuactive{
        color:          #000000;
        background:     #ffb255 url(../images/subnav_bullet_active.gif) no-repeat 98% 50%;
        
}

#bodytopcap{
    float:          right;
    width:          669px;
    height:         53px;
    margin:         0 0 0 0;
    background:     url(../images/a_body_date_bg.jpg) no-repeat top left;
 
}

#bodytopcap span{
    color:          #999999;
    float:          right;
    font-size:      normal;
    position:       relative;
    right:          20px;
    top:            8px;
}

#bodytopcap form input{
    border:         none;
    padding:        7px 20px 0 6px;
    font-weight:    bold;
    float:      right;
}

#homeCounter{
    float:          right;
    width:          669px;
    height:         23px;
    margin:         0 0 0 0;
   
}

#homeCounter span{
    color:          #999999;
    float:          right;
    font-size:      normal;
    position:       relative;
    right:          20px;
    top:            8px;
}

#homeCounter form input{
    border:         none;
    padding:        7px 20px 0 6px;
    font-weight:    bold;
    float:      right;
}

#homecounter span{
    padding:        0 20px 8px 0;
    text-align:     right;
    width:          600px;
    display:        block;
    float:          right;
    color:          #999999;

}

#bodycontent{
    float:          right;
    width:          650px;
    height:         415px;
    overflow:       scroll;
    margin:         20px 15px 0 0;
    position:       relative;
}




#bodycontent img{
    display:    block;
    margin:     0 0 25px 0;
}

#bodycontent span{
    color:          #c4a37d;
    font-weight:    bold;
}


/* Footer
---------------------------------------------------------- */

#footer{
	margin-top: 	0px;
	margin-bottom:	0px;
	padding: 	    0;
	background: 	url(../images/footer_bg.jpg) no-repeat top left;
	height:			63px;
	width:			957px;
	text-align:		right;
	/* testing */
	 /**/
}

#footer span{
	text-indent:    -10px;
	position:		relative;
	top:			45px;
	right:			15px;
	font-size:		x-small;
}

/* Footer
---------------------------------------------------------- */

#copy-write{
	margin-top: 8; margin-bottom:40px; padding: 0;
	text-align:center;
	/* testing */
	color:				#ffffff; /**/
	text-align:			right;
	text-size:xx-small;
	background:		#02114d;
}

#copy-write p{
	font-size:			xx-small;
	position:			relative;
	top:				8px;
}

/* scroll

---------------------------------------------------------- */
.scroll{
width: 100%;
height: 300px;
scrollbar-shadow-color: #CEE7A3;
scrollbar-highlight-color: #CEE7A3;
scrollbar-face-color: #CEE7A3;
scrollbar-3dlight-color: #CEE7A3;
scrollbar-darkshadow-color: #CEE7A3;
scrollbar-track-color: #CEE7A3;
scrollbar-arrow-color: #CEE7A3;}




/* Page Navigation

---------------------------------------------------------- */