/* -------------------------------------------------------------- 
  
   Boilerplate Screen Styles
   * Version:   0.5 (2007-11-19)
   
-------------------------------------------------------------- */

@import "lib/reset.css";

@import "lib/typography.css";

@import "lib/forms.css";

@import "lib/plugins/tabs.css";

/* Page
-------------------------------------------------------------- */

html {
	background-color: #ccc;
}

body {
	margin-top: 0px;
	margin-bottom: 0px;
	background-color: #ccc;
		margin-bottom: 100px;
}

#page {
	margin: 0 auto;
	width: 960px;
	background: #fff ;
	border: 10px solid #fff;
}


/* Header
-------------------------------------------------------------- */

#header {
	margin-top: 0px;
	margin: 0;
	height: 127px;
	width: 960px;
	background: url(../SECimages/header_bg.jpg) no-repeat;
	background-color: #182366;
}

#homebanner {
	margin-bottom: 20px;
	width: 900px;
	height: 130px;
}

#navtop1 {
	margin: 17px 0 0 206px;
	float: left;
	width: 189px;
}

#navtop2 {
	margin: 17px 0 0 0;
	float: left;
	width: 189px;
}

#navtop1, #navtop2 li {
	display: block;

}

#login {
	margin: 66px 48px 0 0;
	float: right;
	height: 40px;
	text-align: right;
}


#header .tabs { height: 23px;}
#header .tabs li { margin-right: 0px; height: 23px;}
#header .tabs a { padding: 0px; text-decoration: none; background: url(../SECimages/button_rollover.png) 0 0 no-repeat;height: 23px; }
#header .tabs a:hover { background-position: -190px; 
color:#fff;height: 23px;}

#header .current a { padding: 0px; text-decoration: none; background: url(../SECimages/button_current.png) 0 0 no-repeat;height: 23px; }



/* content body
-------------------------------------------------------------- */

#content {
	float: left;
	width: 907px;
	min-height: 330px;
	margin: 0;
	padding: 18px 12px 20px 25px;
	border-style: solid;
	border-width: 8px;
	border-color: #eeeeee;
	border-top: 0;
	border-bottom: 0;
	background-color: #fff;
}

#navside1, #navside2 { float: left; width: 292px; margin:0 0 20px 0; border: 4px solid #e1e1e1; padding-bottom: 0;padding-top: 0;
}

#navside2 { padding-bottom: 8px; background-color: #e1e1e1;}


#navheadhome { float: left; width: 292px; height: 45px;margin: 0;
	background: #fff url(../SECimages/latest.png) no-repeat;background-color: #fff;
}

#navheadabout { float: left; width: 292px; height: 45px;margin: 0;
	background: #fff url(../SECimages/about.png) no-repeat;background-color: #fff;
}

#navheadbarmess { float: left; width: 292px; height: 45px;margin: 0;
	background: #fff url(../SECimages/barmesses.png) no-repeat;background-color: #fff;
}

#navheadcommittee { float: left; width: 292px; height: 45px;margin: 0;
	background: #fff url(../SECimages/committee.png) no-repeat;background-color: #fff;
}

#navheadevents { float: left; width: 292px; height: 45px;margin: 0;
	background: #fff url(../SECimages/events.png) no-repeat;background-color: #fff;
}

#navhead2 { float: left; width: 292px; height: 45px;margin: 0;
	background: #fff url(../SECimages/useful_links.png) no-repeat;background-color: #e1e1e1;
}

#navfoot1 { float: left; width: 292px; height: 10px;margin: 0;
	background-color: #fff;
}


#navbox, #navbox2 {float: left;}

#navbox, #navbox2 ul {margin:0; float: left;}
	
#navbox li, #navbox2 li {
	margin: 0; padding: 0; border: 0;
	display: inline;
}

#navbox li a:link, #navbox2 li a:link, #navbox li a:visited, #navbox2 li a:visited   { 
background:#F1F1F1 url(../SECimages/bulletpink.gif) no-repeat scroll 10px 8px;
	display: block;
	padding: 4px 10px 4px 26px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	width: 256px; 
	background-color: #fff;
}

#navbox2 li a:link, #navbox2 li a:visited   { 
background:#F1F1F1 url(../SECimages/bullet.gif) no-repeat scroll 10px 8px;
	display: block;
	padding: 4px 10px 4px 26px;
	border-top: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
	width: 256px; 
	background-color: #e1e1e1;
}



#navbox li.current a, #navbox2 li.current a {background-color: #efefef;}

#navbox li a:hover, #navbox2 li a:hover  {background-color: #eee;	border-bottom: 1px solid #ccc;border-top: 1px solid #ccc;
}

#rightcolumn {
float: left;	
width: 300px;
}

/* @group My Group */



/* @end */

#rightcolumnhead {
float: left;	
width: 300px;
background: url(../SECimages/SECname.jpg) no-repeat;
padding-top: 70px;
}


#maintext {
float: left;	
width: 550px;
	margin: 0 50px 0 0px;
}

#maintextbox {
float: left;	
width: 330px;
	margin: 0 230px 0 0px;
	background-color: #e1e1e1;
	padding: 10px 25px 20px 15px;
}

#searchbox {
float: left;	
width: 500px;
	margin: 0 0 20px 0;
	background-color: #eee;
	padding: 10px 25px 5px 15px;
}


#eventgradtone {
float: left;	
width: 516px;
height: 6px;
background:#fff url(../SECimages/eventgradtone.png) no-repeat;
	text-align: center;
}


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

#footerbox {
	clear: left;
		margin: 0;
	width: 960px;
	height: 70px;
	background-color: #eeeeee;
}

#address {
	margin: 10px 0 0 30px;
	float: left;
	width: 350px;
	
}


#terms {
	margin: 10px 25px 0 0;
	float: right;
	width: 450px;
	padding-top: 3em;
	text-align: right;
}

#footerimage {
	clear: left;
		margin: 0;
	width: 960px;
	height: 46px;
		background: url(../SECimages/footer_image.jpg) repeat-x;
}


/* class extra
-------------------------------------------------------------- */

.hide { display: none; }