/*   
Theme Name: SOSA
Theme URI: www.delugestudios.com
Description: Template for SOSA Website
Author: Deluge Studios
Author URI: www.delugestudios.com
*/

/************************************************** HOME *************************************************/

/*GLOBAL*/
html{margin:0px; padding:0px; width:100%; height:100%; font-family: Lucida Grande, Arial, Helvetica, sans-serif; font-size:12px; color:#676C70;}
body{margin:0px; padding:0px; width:100%; height:100%; min-height:516px; min-width:773px; text-align:center; background:#ebecec url(images/bg_gradient.gif) repeat-x top;}

a, a:visited{text-decoration:none; border:none; }
a:hover, a:active{text-decoration:underline; border:none;}
h1, h2, h3, h4, h5, h6, p{margin:0px; padding:0px;}
ul{margin:0px; padding:0px; list-style:none;}

/* MAIN LAYOUT */
#container1{margin:0px auto; padding:0px; width:773px; position:relative; text-align:left; background:url(images/box_bg.gif) repeat-y top;}
#logo{margin:0px; padding:0px; width:773px; height:217px; display:block; position:absolute; background:url(images/box_top.gif) no-repeat; z-index:2; text-indent:-9999px; top:0px; left:0px;}
#logo a{margin:45px 0px 0px 21px; padding:0px; width:375px; height:90px; display:block; position:absolute; top:0px; left:0px;}
#menu{width:551px; height:27px; position:absolute; top:150px; left:204px; z-index:4; text-indent:-9999px;}
#submenu{width:139px; height:20px; position:absolute; top:5px; left:634px; z-index:4; font-size:.9em;}
 
#box{margin-left:14px; padding-top:181px; width:745px; min-height:600px; _height:600px; position:relative;}
#box_bottom{margin:auto; padding:0px; width:773px; height:7px; position:relative; background:url(images/box_bottom.png) no-repeat;}
#box a{color:#5E0303; text-decoration:none;}
.text{margin-top:-2px; padding:0px 4px 0px 6px; display:block; line-height:1.4em;}

#top_row{margin:0px; padding:10px 0px 6px 530px; width:213px; height:193px; position:relative; background:url(images/football.jpg) no-repeat; overflow:hidden; color:#484C4F; line-height:1.7em; font-size:.9em;}
#top_row h2{text-indent:-9999px; position:absolute;}
#top_row h4{font-size:1.3em; font-family:Arial, Helvetica, sans-serif; color:#5E0303; text-decoration:none; border-bottom:1px dashed #5E0303; line-height:2em; text-indent:0px; font-weight:normal; display:inline;}
.red{color:#5E0303; font-size:1.3em;}
#video {position: absolute; width: 215px; height: 400px; left: 530px; top: 190px; font-size: 13px; overflow: hidden;}
#video h3{text-indent:-9999px; margin:0 0 7px 0; padding:0px; display:block; width:212px; height:25px; background:url(images/title_video.gif) no-repeat;}
#video .text {clear: both; padding-top: 15px;}
#video img {padding-left: 7px;}
div.dvd_btn1{position: absolute; width:92px; height:24px; display:block; background:url(images/dvd_btn1.jpg) no-repeat; overflow: hidden; top:300px; left:6px; z-index: 10;}
.dvd_btn1:hover input {margin-top: -24px;}
a.dvd_btn2{position: absolute; width:92px; height:24px; display:block; background:url(images/dvd_btn2.jpg) no-repeat; text-indent:-9999px; top:300px; left:113px;}
a:hover.dvd_btn2{background:url(images/dvd_btn2.jpg) no-repeat 0px -24px; border:none;}
#vb_text { width: 200px; position: absolute; top: 250px; left:540;}

#middle_row{margin:0px; padding:0px; width:516px; min-height:192px; _height:192px; background:url(images/grayBox_bg.gif) repeat-y; position:relative;}
#middle_row_top{margin:0px; padding:0px; display:block; width:745px; height:7px; background:url(images/grayBox_top.gif) no-repeat;}
#doctor{margin:0px; padding:6px 33px 5px 18px; display:block; float:left; width:216px;}
#doctor h3{text-indent:-9999px; margin:0px; padding:0px; display:block; width:216px; height:39px; background:url(images/title_doctor.gif) no-repeat;}
#featured{margin:0px; padding:6px 33px 5px 0px; display:block; float:left; width:216px;}
#featured h3{text-indent:-9999px; margin:0px; padding:0px; display:block; width:216px; height:39px; background:url(images/title_featured.gif) no-repeat;}
#ad{margin:0px; _padding-top:1px; display:block; float:left; width:221px;}
#middle_row_bottom{margin:0px; padding:0px; width:745px; height:7px; background:url(images/grayBox_bottom.gif) no-repeat;}
#middle_row img.border{border:6px solid #c1c1c1;}
#doctor a:hover, #featured a:hover{border-bottom:1px dashed #151719;}

#bottom_row{margin:0px; padding:0px; width:745px; min-height:150px; _height:150px; position:relative;}
#news{margin:0px; padding:16px 25px 25px 18px; display:block; float:left; width:224px;}
#news h3{text-indent:-9999px; margin:0px; padding-bottom:6px; display:block; width:216px; height:39px; background:url(images/title_news.gif) no-repeat;}
#articles{margin:0px; padding:16px 25px 25px 0px; display:block; float:left; width:224px;}
#articles h3{text-indent:-9999px; margin:0px; padding-bottom:6px; display:block; width:216px; height:39px; background:url(images/title_articles.gif) no-repeat;}
#resources{margin:0px; padding:16px 0px 25px 0px; display:block; float:left; width:224px;}
#resources h3{text-indent:-9999px; margin:0px; padding-bottom:6px; display:block; width:216px; height:39px; background:url(images/title_resources.gif) no-repeat;}
.date{color:#5E0303; font-variant:small-caps; font-size:.9em;}
#bottom_row a{color:#5E0303;}
#bottom_row a:hover{border-bottom:1px dashed #5E0303;}

#copyright{margin:4px auto; padding:0px 0px 60px 10px; display:block; width:763px; position:relative; color:#414A51; line-height:1.6em; font-size:.9em; font-family:Lucida Grande, Verdana, Arial, Helvetica, sans-serif; text-align:left;}
#copyright a{color:#414A51;}


/* HIDDEN ELEMENTS */
hr{display:none;}
.clear{clear:both; height:0px;}
.clear2{clear:both; display:block;}


/************************************************** CONTENT *************************************************/

#menu2 li{position:relative; float:left; padding-bottom:1px;}
#menu2 li a{color:#151719;}
#menu2 li a:hover{color:#151719; text-decoration:none; border-bottom:1px dashed #151719;}
#menu2{display:block; width:585px; height:29px; position:absolute; top:183px; left:14px; z-index:5; background:url(images/menu2_bg.gif) no-repeat; padding:6px 0px 0px 160px; overflow:hidden;}

#menu3 li{position:relative; float:left; padding-bottom:1px;}
#menu3 li a{color:#151719;}
#menu3 li a:hover{color:#151719; text-decoration:none; border-bottom:1px dashed #151719;}
#menu3{display:block; width:443px; height:29px; position:absolute; top:183px; left:14px; z-index:5; background:url(images/menu2_bg.gif) no-repeat; padding:6px 0px 0px 302px; overflow:hidden;}

#content{display:block; margin:0px; padding:30px 60px 60px 45px; width:650px; min-height:350px; _height:350px; position:relative; color:#676C70; line-height:1.5em;}
#content .title{color:#5E0303; font-size:1.2em; padding-top:8px; display:block; float:left;}
#content .caps{font-variant:small-caps; float:left; display:block; padding-top:10px;}
#content a:hover{color:#5E0303; text-decoration:none; border-bottom:1px dashed #5E0303;}
#content p{margin:0px 0px 10px 0px;}
#content img{border:6px solid #DDDDDD;}

#content2{display:block; margin:0px; padding:30px 60px 60px 45px; width:650px; min-height:350px; _height:350px; position:relative; color:#676C70; line-height:1.5em;}
#content2 .title{color:#5E0303; font-size:1.2em; padding-top:10px; display:block; float:left;}
#content2 .caps{font-variant:small-caps; float:left; display:block; padding-top:10px;}
#content2 a:hover{color:#5E0303; text-decoration:none; border-bottom:1px dashed #5E0303;}
#content2 p{margin-bottom:18px;}
#content2 img{border:6px solid #DDDDDD;}

#hana_flv_flow3_1 {margin: 0 auto;}
div.dvd_btn3{position: absolute; width:92px; height:24px; display:block; background:url(images/dvd_btn1.jpg) no-repeat; overflow: hidden; bottom:65px; left:322px;}
.dvd_btn3:hover input {margin-top: -24px;}

/************************************************** MENU *************************************************/


/*MAIN MENU*/
#menu li{position:relative; float:left;}


#menu a{
margin:0px; padding:0px;
display:block; height:26px;
text-indent:-9999px;
}

/*MENU ITEMS*/
#menu_home a, #menu_home a:visited{width:61px; background:url(images/menu.gif) no-repeat 0px 0px;}
#menu_about a, #menu_about a:visited{width:105px; background:url(images/menu.gif) no-repeat -61px 0px;}
#menu_education a, #menu_education a:visited{width:89px; background:url(images/menu.gif) no-repeat -166px 0px;}
#menu_events a, #menu_events a:visited{width:138px; background:url(images/menu.gif) no-repeat -255px 0px;}
#menu_doctors a, #menu_doctors a:visited{width:158px; background:url(images/menu.gif) no-repeat -393px 0px;}


/*MENU ON*/
#menu_home_on a, #menu_home_on a:visited{width:61px; background:url(images/menu.gif) no-repeat 0px -54px;}
#menu_about_on a, #menu_about_on a:visited{width:105px; background:url(images/menu.gif) no-repeat -61px -54px;}
#menu_education_on a, #menu_education_on a:visited{width:89px; background:url(images/menu.gif) no-repeat -166px -54px;}
#menu_events_on a, #menu_events_on a:visited{width:138px; background:url(images/menu.gif) no-repeat -255px -54px;}
#menu_doctors_on a, #menu_doctors_on a:visited{width:158px; background:url(images/menu.gif) no-repeat -393px -54px;}


/*MENU ROLLOVERS*/
#menu_home a:hover{background:url(images/menu.gif) no-repeat 0px -27px;}
#menu_about a:hover{background:url(images/menu.gif) no-repeat -61px -27px;}
#menu_education a:hover{background:url(images/menu.gif) no-repeat -166px -27px;}
#menu_events a:hover{background:url(images/menu.gif) no-repeat -255px -27px;}
#menu_doctors a:hover{background:url(images/menu.gif) no-repeat -393px -27px;}


/*//////////////////////////////////////////////////////////////////////////////////////////////////////////*/


/*SUBMENU*/
#submenu li{position:relative; float:left; color:#222222;}

#submenu a{
margin:0px; padding:0px; color:#222222;
font-variant:small-caps;
font-size:1em;
}

/*SUBMENU ROLLOVERS*/
#submenu a:hover{text-decoration:underline;}