/*** MAIN SITE BUILD ***/

body {
	margin: 0;
	padding: 0;
	background-color:#fff;
}
h1 {
font-size:21px;
}
#top-bar {
	width:100%;
	background-color:#336699;
	height:45px;
}
#top-bar-container {
	width: 950px;
	height: 45px;
	margin: 0 auto;
}
#tagline {
	width: 395px;
	height: 45px;
	float: left;
	margin-top: 0px;
	margin-left: 0px;
}

#top-right-side {
	float:right;
	height:45px;
	margin:0px;
}
#login {
	float:right;
}
#basket {
	float:right;
}
#content-container-top {
	background: url(/uploads/images/structure/content-frame-top.png);
	background-repeat:no-repeat;
	width: 960px;
	height:27px;
	margin:0 auto;
}
#content-container {
	position:relative;
	background: url(/uploads/images/structure/content-frame-background.png);
	background-repeat:repeat;
	width: 960px;
	margin:0 auto;
}
#content-container-bottom {
	background: url(/uploads/images/structure/content-frame-bottom.png);
	background-repeat:no-repeat;
	width: 960px;
	height:27px;
	margin:0 auto;
}
#content-frame {
	border:1px solid #B5C7DA;
	width:920px;
	margin:0 auto;
}
#header {
	width:920px;
	margin:0 auto;
}
#logo {
	float:left;
	margin:15px;
}
#header-right {
	width:661px;
	float:right;
}
#email-signup {
	margin-right:25px;
	margin-top:10px;
	margin-bottom:30px;
	width:440px;
	float:right;
}
#content {
	width:920px;
	margin:0 auto;
}
#content-inside {
	width:890px;
	margin:15px;
	text-align:left;
}
#box-container {
	width:920px;
	margin:5px auto;
}
#box1 {
	float:left;
	width:304px;
	height:160px;
}
#box2 {
	float:left;
	margin-left:4px;
	margin-right:4px;
	width:304px;
	height:160px;
}
#box3 {
	float:left;
	width:304px;
	height:160px;
}
#coast_logo_footer {
	margin:0 auto;
	text-align:center;
	width:100%;
}
	
#clearboth {
	clear:both;
	height:0px;
	margin:0;
	padding:0;
}

table.college_list
{
	border-collapse:collapse;
	background-color:#fff;
}
table.college_list td
{
	padding:5px;
	vertical-align:top;
	background-color:#ddd;
	border:3px solid #fff;
}

ul#colleges_list, ul#colleges_list li
{
	margin:0;
	padding:0;
	list-style:none;
}
ul#colleges_list
{
	margin:1em 0;
}
ul#colleges_list li
{
	margin:5px;
	padding:6px;
	background-color:#ddd;
	display:block;
	float:left;
	width:200px;
	height:150px;
}

table.sizes
{
	margin:10px 0;
	border-collapse:collapse;
	background-color:#fff;
}
table.sizes th, table.sizes td
{
	padding:5px;
	vertical-align:top;
	background-color:#ddd;
	border:3px solid #fff;
}
table.sizes th{background-color:#bbb;}

/* News */

#NewsPostDetailTitle
{
	text-align:center;
}

#gulf_tshirt
{
	position:absolute;
	top:370px;
	left:-70px;
}


/* COAST navigation */
#navigation {
	width:661px;
	height:30px;
	background: url(/uploads/images/structure/navigation.png);
	background-repeat:no-repeat;
	float:right;
clear:both;
text-align:left;
}


ul#primary-nav {
margin:0;
padding:0;
position:relative;
} 


ul#primary-nav li {
display:block;
position: absolute; 
} 


li#i29 {
left: 0px; 
width: 106px;
clear:both;
float:left;
}

li#i16 {
left: 106px; 
width: 131px;
} 

li#i17 {
left: 237px; 
width: 136px;
} 

li#i25 {
left: 373px; 
width: 120px;
} 

li#i32 {
left: 493px; 
width: 65px;
}
li#i33 {
left: 558px; 
width: 85px;
}



/* The wrapper clears the floating elements of the menu */

/* Fix for Opera 8 */
.clearb { clear: both; }

/* Set the width of the menu elements at second level. Leaving first level flexible. */
#primary-nav li li { 
   width: 200px; 
}


/* Unless you know what you do, do not touch this */ 
#primary-nav, #primary-nav ul { 
   list-style: none; 
   margin: 0px; 
   padding: 0px; 
}
#primary-nav ul { 
   position: absolute; 
   top: auto; 
   display: none; 
}
#primary-nav ul ul { 
   margin-top: 1px;
   margin-left: -1px;
   left: 100%; 
   top: 0px; 
 }
	
#primary-nav li { 
   margin-left: -1px;
   float: left; 
  line-height: 20px;
}
#primary-nav li li { 
   margin-left: 0px;
   margin-top: -1px;
   float: none; 
   position: relative; 
   line-height: 20px;
}

/* Styling the basic apperance of the menu elements */
#primary-nav a { 
   display: block; 
   margin: 0px; 
   padding: 5px 10px; 
   text-decoration: none; 
   color: #33679B;
}
#primary-nav a:hover { 
   color: #eee;
}
#primary-nav li a { 
}
#primary-nav li li a { 
   border: 1px solid #33679B;
   background-color: #eee; 
}	
#primary-nav li li a:hover { 
   border: 1px solid #eee;
   background-color: #33679B; 
}	
#primary-nav li li.menuparent a
{ 
/* arrow for menuparents */
   background-image: url(images/cms/arrow.png); 
   background-position: center right; 
   background-repeat: no-repeat; 
}	
#primary-nav li li.menuparent li a
{ 
/* arrow for menuparents */
   background-image: none; 
   background-position: none; 
   background-repeat: no-repeat; 
}	
#primary-nav li, #primary-nav li.menuparent { 
}
/* Styling the basic apperance of the active page elements (shows what page in the menu is being displayed) */

#primary-nav li.menuactive { 
}


/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */
#primary-nav ul li.menuparent, 
#primary-nav ul li.menuparent:hover, 
#primary-nav ul li.menuparenth { 
/* arrow for menuparents */
   background-image: url(images/cms/arrow.png); 
   background-position: center right; 
   background-repeat: no-repeat; 
}


/* Styling the apperance of menu items on hover */

#primary-nav li:hover, 
#primary-nav li.menuh, 
#primary-nav li.menuparenth, 
#primary-nav li.menuactiveh { 
}


/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */

/* 
just add 
#primary-nav li:hover ul ul, 
#primary-nav li.menuparenth ul ul ul,
for fourth level 
*/
#primary-nav ul, 
#primary-nav li:hover ul, 
#primary-nav li:hover ul ul, 
#primary-nav li.menuparenth ul, 
#primary-nav li.menuparenth ul ul { 
   display: none; 
}

/* add 
#primary-nav ul ul ul li:hover ul, 
#primary-nav ul ul ul li.menuparenth ul,
for fourth level
*/
#primary-nav li:hover ul, 
#primary-nav ul li:hover ul, 
#primary-nav ul ul li:hover ul, 
#primary-nav li.menuparenth ul, 
#primary-nav ul li.menuparenth ul, 
#primary-nav ul ul li.menuparenth ul { 
   display: block; 
}


/* IE Hacks */
#primary-nav li li { 
   float: left; 
   clear: both; 
}
#primary-nav li li a { 
   height: 1%; 
}

/* Start of CMSMS style sheet 'FormBuilder Default Style' */
/* Sample FormBuilder CSS base */
form {margin-top:0}
form, td, th, li { font-size: 100%}
form div {margin-bottom:0}
fieldset div {
	margin-bottom:0.5em;
	margin-left:1em;
}
fieldset div div {
	margin-top:0.5em;
	margin-left:1em
}
fieldset {
	margin-bottom:1em;
	border:1px solid #F60;
	padding:0.5em
}
fieldset label {
	width:auto;
}
legend {
	color:#FFF;
	background:#F60;
	font-style:italic;
	font-size:1.2em;
	margin-bottom:0.5em;
	padding:0.2em;
	width:auto;
	border:1px solid #CCC
}
textarea {
	margin: 0.5em 0;
	width:98%;
	height: 6em
}

/* Apply this class to text/select input fields with shorter labels
	to help alignment */
.short-label label {float:left; width:10em}
.short-label fieldset div input,
.short-label fieldset div select {width:16em}

/* Pretty up your Captcha image output */
.captcha {
	margin:0.5em 0;
	width:200px;
	text-align:center
}
.captcha img {border:1px solid #F60; margin-bottom:0.5em}
.captcha input {width:196px; margin-top:0.5em}

/* Just a bit more room for the Submit button */
.submit {margin-top:0.5em}

/* Sample FormBuilder CSS base */
form {margin-top:0}
form, td, th, li { font-size: 100%}
form div {margin-bottom:0}
fieldset div {
	margin-bottom:0.5em;
	margin-left:1em;
}
fieldset div div {
	margin-top:0.5em;
	margin-left:1em
}
fieldset {
	margin-bottom:1em;
	border:1px solid #F60;
	padding:0.5em
}
fieldset label {
	width:auto;
}
legend {
	color:#FFF;
	background:#F60;
	font-style:italic;
	font-size:1.2em;
	margin-bottom:0.5em;
	padding:0.2em;
	width:auto;
	border:1px solid #CCC
}
textarea {
	margin: 0.5em 0;
	width:98%;
	height: 6em
}

/* Apply this class to text/select input fields with shorter labels
	to help alignment */
.short-label label {float:left; width:10em}
.short-label fieldset div input,
.short-label fieldset div select {width:16em}

/* Pretty up your Captcha image output */
.captcha {
	margin:0.5em 0;
	width:200px;
	text-align:center
}
.captcha img {border:1px solid #F60; margin-bottom:0.5em}
.captcha input {width:196px; margin-top:0.5em}

/* Just a bit more room for the Submit button */
.submit {margin-top:0.5em}

.contactform input {border: 1px solid #f60;}
.contactform input.checkbox {border: none;}
.formbuilderform label {
	display: block;
	float: left;
	width: 50px;
}
.contactform label.label {
	display: inline;
	float: none;
	width: 50px;
	font-size: 10px;
}
.contactform textarea {
	background-color: #ffc;
	border: 1px solid #f60;
}
.formbuilderform .message {
	line-height: 16px;
	padding: 0 0 8px 0;
}
/* End of 'FormBuilder Default Style' */

/******************************************/
/***********[ Mage_CSS_A Reset ]***********/
/******************************************/

* { margin:0; padding:0; }


html,body { height:100%; }

body { color:#2f2f2f; font:12px/1.5 Arial, Helvetica, sans-serif; text-align:center; min-height:100%; }

img { border:0; }

a { color:#1e7ec8; text-decoration:underline; }
a:hover { color:#1e7ec8; text-decoration:underline; }
:focus { outline:0; }

/* Heading */
h1, h2, h3, h4, h5, h6, .head { margin-bottom:.4em; line-height:1.3em; color:#0A263C; }
h1 { font-size:2em; line-height:1.17; }
h2 { font-size:1.5em; }
h3 { font-size:1.35em; }
h4 { font-size:1.05em; }
h5 { font-size:1.05em; }
h6 { font-size:.95em; }

/* Table */
th { padding:0; text-align:left; vertical-align:top; }
td  {padding:0; vertical-align:top;}

/* Paragraph */
p {}
address { font-style:normal; margin-bottom:.5em; }
cite { font-style:normal; font-size:10px; }
q:before,
q:after{ content:''; }

/* Form */
form { display:inline; }
fieldset { border:none; }
legend { display:none; }
label { color:#666; font-weight:bold; }
input, textarea, select, button { vertical-align:middle; }

/* Lists */

dt { display:block; font-weight:bold; }
ul,ol { list-style:none; }

/* Size */
small { font-size:.92em; }
big { font-size:1.1em; }

hr { height:0; margin:8px 0; overflow:hidden; visibility:hidden; }
.nowrap { white-space:nowrap; }
.bold { font-weight:bold; }